@bynder/compact-view 5.0.1 → 5.0.3

package/index.js

@@ -1,6 +1,6 @@
 
 /*
- * bynder-compactview v5.0.1
+ * bynder-compactview v5.0.3
  * (c) 2025 Bynder
  */
 
@@ -89,7 +89,7 @@
 	border-radius: 6px;
 	border: 1px solid rgba(3, 16, 38, 0.17);
 	box-shadow: 0px 0px 1px 0px rgba(3, 16, 38, 0.1), 0px 8px 12px -2px rgba(3, 16, 38, 0.1);
-`;var Al=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n};const Nl=(0,t.createContext)(null);function Ml({children:e,hideLimitedUse:n=!1,predefinedFilter:r}){const[i,a]=(0,t.useState)((null==r?void 0:r.predefinedAssetType)?[...null==r?void 0:r.predefinedAssetType]:[]),[s,l]=(0,t.useState)([]),[c,u]=(0,t.useState)(!1),[d,p]=(0,t.useState)((null==r?void 0:r.predefinedTagNames)?[...r.predefinedTagNames]:[]),[f,h]=(0,t.useState)(),[g,m]=(0,t.useState)({}),[v,y]=(0,t.useState)({}),[b,w]=(0,t.useState)(null);function x(e){a((t=>Rl(t,e)))}function E(e){var t;(null==r?void 0:r.showToolbar)&&(null===(t=r.predefinedAssetType)||void 0===t?void 0:t.includes(e))||a((t=>zl(t,e)))}function S(e){l((t=>Rl(t,e.id))),m((t=>Object.assign(Object.assign({},t),{[e.id]:e})))}function C(e){l((t=>zl(t,e.id))),m((t=>{const n=t,r=e.id;return n[r],Al(n,["symbol"==typeof r?r:r+""])}))}function k(){(null==r?void 0:r.predefinedMetapropertiesOptions)&&y((()=>Object.entries(r.predefinedMetapropertiesOptions||{}).reduce(((e,[t,n])=>(e[t]={},Object.entries(n).forEach((([n,r])=>{e[t][n]={id:r,label:n,metapropertyName:t}})),e)),{})))}function _(e){p((t=>Rl(t,e)))}function T(e){var t;(null==r?void 0:r.showToolbar)&&(null===(t=r.predefinedTagNames)||void 0===t?void 0:t.includes(e))||p((t=>zl(t,e)))}function I(e,t,n){const r={id:t.id,label:t.label,metapropertyName:e};y((o=>{const i=o[e]||{},a=!!i[t.id];return n?Object.assign(Object.assign({},o),{[e]:a?Object.fromEntries(Object.entries(i).filter((([e])=>e!==t.id))):Object.assign(Object.assign({},i),{[t.id]:r})}):a?Object.assign(Object.assign({},o),{[e]:{}}):Object.assign(Object.assign({},o),{[e]:{[t.id]:r}})}))}function O(e,t){y((n=>{const r=n,o=e,i=r[o],a=Al(r,["symbol"==typeof o?o:o+""]),s=i||{},l=t,c=(s[l],Al(s,["symbol"==typeof l?l:l+""]));return c&&Object.keys(c).length>0?Object.assign(Object.assign({},n),{[e]:c}):a}))}function j(e){const t=e.count,n=Object.entries(t||{}).filter((([e,t])=>e.startsWith("property")&&t&&Object.keys(t).length>0)).reduce(((e,[t,n])=>(e[t.replace("property_","")]=n,e)),{});w(n)}function P(){a((null==r?void 0:r.showToolbar)&&(null==r?void 0:r.predefinedAssetType)?[...r.predefinedAssetType]:[]),p((null==r?void 0:r.showToolbar)&&(null==r?void 0:r.predefinedTagNames)?[...r.predefinedTagNames]:[]),y({}),w(null)}(0,t.useEffect)((()=>{h(!n&&void 0)}),[n]),(0,t.useEffect)((()=>{k()}),[null==r?void 0:r.predefinedMetapropertiesOptions]);const A=s.map((e=>g[e]));function N(e){u(e)}const M=(0,t.useMemo)((()=>({assetTypes:i,metaproperties:A,metapropertyIds:s,tags:d,isLimited:f,addAssetType:x,removeAssetType:E,addMetaproperty:S,removeMetaproperty:C,setPredefinedMetaproperties:k,addTag:_,removeTag:T,clear:P,setDropdownState:N,isDropdownActive:c,selectSmartfilterOption:I,removeSmartfilterOption:O,selectedSmartfilterOptions:v,setActiveFiltersState:j,existingFilters:b})),[i,A,d,f,s,v]);return o().createElement(Nl.Provider,{value:M},e)}function Rl(e,t){return e.includes(t)?e:[...e,t]}function zl(e,t){return e.filter((e=>e!==t))}function Dl(){const e=(0,t.useContext)(Nl);if(null===e)throw new Error("useAssetFilter must be used with a AssetFilterProvider");return e}var Ll=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n};function $l(e){var{buttonKind:n="clean",direction:r="Down",isSmall:i,fadeIn:a,isMetapropertyDropdown:s}=e,l=Ll(e,["buttonKind","direction","isSmall","fadeIn","isMetapropertyDropdown"]);const c=Dl(),u=(0,t.useMemo)((()=>`dropdownmenu-${Date.now()}-${Math.random().toString(36).substring(2)}`),[]),[d,p]=(0,t.useState)(!1),f=(0,t.useRef)(null),h=()=>{p((e=>!e)),c.setDropdownState(!c.isDropdownActive)};return o().createElement(o().Fragment,null,o().createElement(Bl,{$fadeIn:Boolean(a)},o().createElement(Yi,{variant:n,isSmall:i,onClick:h,ref:f,isDisabled:l.disabled,isPressed:d,"aria-haspopup":!0,"aria-expanded":d,"aria-controls":u,"data-testid":"button"},o().createElement(Ul,{title:l.alt},l.title),o().createElement(Fl,{$active:d,className:"fa fa-caret-down"}))),d&&o().createElement(jl,{isPaddingContent:l.isPaddingContent,onClickOutside:h,direction:r,target:f,id:u,isMetapropertyDropdown:s},l.children(h)))}const Bl=ro.div`
+`;var Al=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n};const Nl=(0,t.createContext)(null);function Ml({children:e,hideLimitedUse:n=!1,predefinedFilter:r}){const[i,a]=(0,t.useState)((null==r?void 0:r.predefinedAssetType)?[...null==r?void 0:r.predefinedAssetType]:[]),[s,l]=(0,t.useState)([]),[c,u]=(0,t.useState)(!1),[d,p]=(0,t.useState)((null==r?void 0:r.predefinedTagNames)?[...r.predefinedTagNames]:[]),[f,h]=(0,t.useState)(),[g,m]=(0,t.useState)({}),[v,y]=(0,t.useState)({}),[b,w]=(0,t.useState)(null);function x(e){a((t=>Rl(t,e)))}function E(e){var t;(null==r?void 0:r.showToolbar)&&(null===(t=r.predefinedAssetType)||void 0===t?void 0:t.includes(e))||a((t=>zl(t,e)))}function S(e){l((t=>Rl(t,e.id))),m((t=>Object.assign(Object.assign({},t),{[e.id]:e})))}function C(e){l((t=>zl(t,e.id))),m((t=>{const n=t,r=e.id;return n[r],Al(n,["symbol"==typeof r?r:r+""])}))}function k(){(null==r?void 0:r.predefinedMetapropertiesOptions)&&y((()=>Object.entries(r.predefinedMetapropertiesOptions||{}).reduce(((e,[t,n])=>(e[t]={},Object.entries(n).forEach((([n,r])=>{e[t][r]={id:r,label:n,metapropertyName:t}})),e)),{})))}function _(e){p((t=>Rl(t,e)))}function T(e){var t;(null==r?void 0:r.showToolbar)&&(null===(t=r.predefinedTagNames)||void 0===t?void 0:t.includes(e))||p((t=>zl(t,e)))}function I(e,t,n){const r={id:t.id,label:t.label,metapropertyName:e};y((o=>{const i=o[e]||{},a=!!i[t.id];return n?Object.assign(Object.assign({},o),{[e]:a?Object.fromEntries(Object.entries(i).filter((([e])=>e!==t.id))):Object.assign(Object.assign({},i),{[t.id]:r})}):a?Object.assign(Object.assign({},o),{[e]:{}}):Object.assign(Object.assign({},o),{[e]:{[t.id]:r}})}))}function O(e,t){y((n=>{const r=n,o=e,i=r[o],a=Al(r,["symbol"==typeof o?o:o+""]),s=i||{},l=t,c=(s[l],Al(s,["symbol"==typeof l?l:l+""]));return c&&Object.keys(c).length>0?Object.assign(Object.assign({},n),{[e]:c}):a}))}function j(e){const t=e.count,n=Object.entries(t||{}).filter((([e,t])=>e.startsWith("property")&&t&&Object.keys(t).length>0)).reduce(((e,[t,n])=>(e[t.replace("property_","")]=n,e)),{});w(n)}function P(){a((null==r?void 0:r.showToolbar)&&(null==r?void 0:r.predefinedAssetType)?[...r.predefinedAssetType]:[]),p((null==r?void 0:r.showToolbar)&&(null==r?void 0:r.predefinedTagNames)?[...r.predefinedTagNames]:[]),y({}),w(null)}(0,t.useEffect)((()=>{h(!n&&void 0)}),[n]),(0,t.useEffect)((()=>{k()}),[null==r?void 0:r.predefinedMetapropertiesOptions]);const A=s.map((e=>g[e]));function N(e){u(e)}const M=(0,t.useMemo)((()=>({assetTypes:i,metaproperties:A,metapropertyIds:s,tags:d,isLimited:f,addAssetType:x,removeAssetType:E,addMetaproperty:S,removeMetaproperty:C,setPredefinedMetaproperties:k,addTag:_,removeTag:T,clear:P,setDropdownState:N,isDropdownActive:c,selectSmartfilterOption:I,removeSmartfilterOption:O,selectedSmartfilterOptions:v,setActiveFiltersState:j,existingFilters:b})),[i,A,d,f,s,v]);return o().createElement(Nl.Provider,{value:M},e)}function Rl(e,t){return e.includes(t)?e:[...e,t]}function zl(e,t){return e.filter((e=>e!==t))}function Dl(){const e=(0,t.useContext)(Nl);if(null===e)throw new Error("useAssetFilter must be used with a AssetFilterProvider");return e}var Ll=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n};function $l(e){var{buttonKind:n="clean",direction:r="Down",isSmall:i,fadeIn:a,isMetapropertyDropdown:s}=e,l=Ll(e,["buttonKind","direction","isSmall","fadeIn","isMetapropertyDropdown"]);const c=Dl(),u=(0,t.useMemo)((()=>`dropdownmenu-${Date.now()}-${Math.random().toString(36).substring(2)}`),[]),[d,p]=(0,t.useState)(!1),f=(0,t.useRef)(null),h=()=>{p((e=>!e)),c.setDropdownState(!c.isDropdownActive)};return o().createElement(o().Fragment,null,o().createElement(Bl,{$fadeIn:Boolean(a)},o().createElement(Yi,{variant:n,isSmall:i,onClick:h,ref:f,isDisabled:l.disabled,isPressed:d,"aria-haspopup":!0,"aria-expanded":d,"aria-controls":u,"data-testid":"button"},o().createElement(Ul,{title:l.alt},l.title),o().createElement(Fl,{$active:d,className:"fa fa-caret-down"}))),d&&o().createElement(jl,{isPaddingContent:l.isPaddingContent,onClickOutside:h,direction:r,target:f,id:u,isMetapropertyDropdown:s},l.children(h)))}const Bl=ro.div`
 	text-transform: inherit;
 	${e=>e.$fadeIn?"animation: var(--fade-in-down);":""}
 `,Fl=ro.i`
@@ -178,7 +178,7 @@
 	position: relative;
 	margin: ${co.spacing3};
 	align-self: flex-start;
-`;function nd(e){return{tag:"ok",value:e}}function rd(e){return{tag:"error",error:e}}function od(e){return"ok"===e.tag}function id(e){return"error"===e.tag}function ad(e){return`https://${e.replace(/^https?:\/\//i,"").replace(/\/+$/i,"")}/`}const sd="transformBaseURL",ld="transformBaseUrl",cd={year:"numeric",month:"long",day:"2-digit"},ud=280;var dd=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n};function pd(e){if(e[sd]){const t=e,n=sd,r=t[n],o=dd(t,["symbol"==typeof n?n:n+""]);return Object.assign(Object.assign({},o),{[ld]:Object.assign({},r)})}return e}var fd=function(e,t,n,r){return new(n||(n=Promise))((function(o,i){function a(e){try{l(r.next(e))}catch(e){i(e)}}function s(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((r=r.apply(e,t||[])).next())}))};const hd=new Map;function gd(e){return fd(this,void 0,void 0,(function*(){const{query:t,variables:n,auth:r,noCache:o}=e;if(!r)return rd("No authentication provided");const i=r.getAccessToken&&r.getAccessToken();let a=void 0!==r.accountDomain?ad(r.accountDomain.trim()):`https://${window.location.host}`;"/"===a.charAt(a.length-1)&&(a=a.slice(0,-1));const s=`${a}:${t}:${JSON.stringify(n)}:${i}`;if(hd.has(s)&&!o)return nd(hd.get(s));const l={Accept:"application/json","Content-Type":"application/json","X-Bynder-Integration":"UCV/v5.0.1"},c={method:"post",headers:void 0===i?l:Object.assign(Object.assign({},l),{Authorization:`Bearer ${i}`}),body:JSON.stringify({query:t,variables:n})};let u,d;try{const e=yield fetch(`${a}/graphql`,c);u=yield e.json(),d=function(e){var t,n,r,o;return(null===(n=null===(t=null==e?void 0:e.searchAssets)||void 0===t?void 0:t.assets)||void 0===n?void 0:n.nodes.length)?Object.assign(Object.assign({},e),{searchAssets:Object.assign(Object.assign({},e.searchAssets),{assets:Object.assign(Object.assign({},e.searchAssets.assets),{nodes:null===(o=null===(r=e.searchAssets)||void 0===r?void 0:r.assets)||void 0===o?void 0:o.nodes.map((e=>{if(e.files){const t=pd(e.files);return Object.assign(Object.assign({},e),{files:Object.assign({},t)})}return e}))})})}):e}(u.data)}catch(e){return rd(e)}return void 0!==u.errors?rd(u.errors.map((e=>e.message)).join(",")):(o||(hd.set(s,d),hd.size>50&&hd.delete(hd.keys().next().value)),nd(d))}))}function md(){const e=new Uint32Array(28),t=window.crypto.getRandomValues(e);return Array.from(t).map((e=>`0${e.toString(16)}`.substr(-2))).join("")}var vd=function(e,t,n,r){return new(n||(n=Promise))((function(o,i){function a(e){try{l(r.next(e))}catch(e){i(e)}}function s(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((r=r.apply(e,t||[])).next())}))};const yd="42b1eefa-d754-4802-b9c4-bf80d6ab6052",bd="https://d8ejoa1fys2rk.cloudfront.net",wd=bd+"/5.0.5/modules/compactview/loginCompleted.html",xd=["offline","asset:read","collection:read","meta.assetbank:read"];function Ed(e){return"webdam"===Sd()?"https://apiv2.webdamdb.com/oauth2/":ad(e)+"v6/authentication/oauth2/"}function Sd(){var e;return null!==(e=localStorage.getItem("cvp"))&&void 0!==e?e:void 0}function Cd(e){return t=this,n=void 0,o=function*(){const t=md();let n;try{n=yield function(e){var t;if(!(null===(t=window.crypto)||void 0===t?void 0:t.subtle))return Promise.reject("Access to the WebCrypto API is restricted to secure origins. Compact View requires HTTPS when used outside localhost (for development).");const n=(new TextEncoder).encode(e);return window.crypto.subtle.digest("SHA-256",n)}(t)}catch(e){return rd(e.toString())}const r=(o=n,btoa(String.fromCharCode.apply(null,Array.from(new Uint8Array(o)))).replace(/\+/g,"-").replace(/\//g,"_").replace(/[=]+$/,""));var o;const i=md(),a=function(e,t,n){const r={client_id:yd,code_challenge:e,code_challenge_method:"S256",redirect_uri:wd,response_type:"code",scope:xd.join(" "),domain:"",state:t};let o="auth?";"webdam"===Sd()&&(o="authorize?",delete r.scope,r.domain=n);const i=new URLSearchParams(r);return Ed(n)+o+i}(r,i,e),s=yield function(e){return t=this,n=void 0,o=function*(){const t=window.screen,n=t.width/2-285+window.screenX,r=t.height/2-350+window.screenY,o=window.open("","Bynder Brand Portal",`height=700,width=570,left=${n},top=${r}`);if(null===o)return rd("Error opening login window");o.document.head.innerHTML='\n<title>Redirecting...</title>\n<style>\n    @keyframes cv-spinner-animation {\n        to {\n            transform:rotate(1turn)\n        }\n    }\n\n    .cv-spinner {\n        position: relative;\n        display: inline-block;\n        padding: 175px 0 100px;\n        width: 100%;\n        height: auto;\n        background: #fff;\n        box-sizing: border-box;\n    }\n    \n    .cv-spinner:before {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        width: 40px;\n        height: 40px;\n        margin-top: -20px;\n        margin-left: -20px;\n        box-sizing: border-box;\n        border-top: 3px solid #7e8890;\n        border-right: 3px solid transparent;\n        border-radius: 50%;\n        content: "";\n        animation: cv-spinner-animation .8s linear infinite;\n        z-index: 3;\n    }\n</style>',o.document.body.innerHTML='<div class="cv-spinner"></div>',o.location.href=e;const i=yield Promise.race([new Promise((e=>{window.addEventListener("message",(t=>{t.origin===bd&&e(nd(t))}))})),new Promise((e=>{setTimeout((()=>e(rd("Timeout"))),6e5)})),(a=o,new Promise((e=>{const t=setInterval((function(){a.closed&&(clearInterval(t),e(rd("Login window closed")))}),1e3)})))]);var a;if(id(i))return i;const s=new URLSearchParams(i.value.data);return nd({state:s.get("state"),code:s.get("code")})},new((r=void 0)||(r=Promise))((function(e,i){function a(e){try{l(o.next(e))}catch(e){i(e)}}function s(e){try{l(o.throw(e))}catch(e){i(e)}}function l(t){var n;t.done?e(t.value):(n=t.value,n instanceof r?n:new r((function(e){e(n)}))).then(a,s)}l((o=o.apply(t,n||[])).next())}));var t,n,r,o}(a);if(id(s))return s;if(s.value.state!==i||null===s.value.code)return rd("Error logging in");const l=yield function(e,t,n){return vd(this,void 0,void 0,(function*(){const r=Ed(n)+"token",o=new URLSearchParams({client_id:yd,code_verifier:t,code:e,redirect_uri:wd,grant_type:"authorization_code"});try{const e=yield fetch(r,{method:"POST",headers:{Accept:"application/json","Content-Type":"application/x-www-form-urlencoded;charset=UTF-8"},body:o});if(!e.ok)return rd(`Failed to fetch access token: ${e.status}`);const t=yield e.json();return nd({refreshToken:t.refresh_token,accessToken:t.access_token,expiresIn:t.expires_in})}catch(e){return rd(e.toString())}}))}(s.value.code,t,e);if(id(l))return l;const{refreshToken:c,accessToken:u,expiresIn:d}=l.value;return nd({accessToken:u,expiresIn:parseFloat(d),refreshToken:c})},new((r=void 0)||(r=Promise))((function(e,i){function a(e){try{l(o.next(e))}catch(e){i(e)}}function s(e){try{l(o.throw(e))}catch(e){i(e)}}function l(t){var n;t.done?e(t.value):(n=t.value,n instanceof r?n:new r((function(e){e(n)}))).then(a,s)}l((o=o.apply(t,n||[])).next())}));var t,n,r,o}var kd=":host {\n\tfont-family: SourceSansPro, Source Sans Pro, system-ui, -apple-system, BlinkMacSystemFont,\n\t\t'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',\n\t\t'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\n\t--fade-in-down: fade-in-down 150ms ease-out;\n}\n\n.translate-y-2\\/4 {\n\ttransform: translateY(-50%);\n}\n\n@keyframes fade-in {\n\t0% {\n\t\topacity: 0;\n\t}\n\t100% {\n\t\topacity: 1;\n\t}\n}\n\n@keyframes fade-in-down {\n\t0% {\n\t\topacity: 0;\n\t\ttransform: translateY(-2px);\n\t}\n\t100% {\n\t\topacity: 1;\n\t\ttransform: translateY(0);\n\t}\n}\n\n@keyframes border-rotate {\n\t100% {\n\t\ttransform: rotate(360deg);\n\t}\n}\n\n@keyframes border-dash {\n\t0% {\n\t\tstroke-dasharray: 1, 100;\n\t\tstroke-dashoffset: 0;\n\t}\n\t50% {\n\t\tstroke-dasharray: 80, 100;\n\t\tstroke-dashoffset: -20;\n\t}\n\t100% {\n\t\tstroke-dasharray: 80, 100;\n\t\tstroke-dashoffset: -48;\n\t}\n}\n\n.transition-shadow {\n\ttransition: box-shadow 0.1s linear;\n}\n\n.transition-transform {\n\ttransition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.15);\n}\n\n.cv-root {\n\tdisplay: flex;\n\tflex-direction: column;\n\tbackground-color: rgba(255, 255, 255, 1);\n\tfont-family: SourceSansPro, Source Sans Pro, system-ui, -apple-system, BlinkMacSystemFont,\n\t\t'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',\n\t\t'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\n\tbox-sizing: border-box;\n\tposition: relative;\n\tfont-size: 16px;\n\tcolor: rgba(0, 34, 51, 0.8);\n\n\t*,\n\t*:before,\n\t*:after {\n\t\tbox-sizing: inherit;\n\t}\n}\n\n.cv-container {\n\toverflow: hidden;\n\twidth: 100%;\n\theight: 100%;\n\n\tnav:last-of-type {\n\t\tbox-shadow: 0 1px 0 0 rgba(0, 34, 51, 0.1), 0 1px 6px 0 rgba(0, 34, 51, 0.1);\n\t}\n}\n\n.cv-dropdown {\n\tposition: fixed;\n\tborder-width: 1px;\n\tborder-color: rgba(0, 34, 51, 0.1);\n\tanimation: fade-in-down 150ms ease-out;\n\tmargin-top: 16px;\n\tborder-radius: 5px;\n\tbox-shadow: 0 4px 10px 0 rgba(0, 34, 51, 0.1);\n\tz-index: 9999999;\n\toverflow-y: hidden;\n\ttransition: left 0.1s ease-out;\n}\n\n.card-list {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tflex-grow: 1;\n\talign-content: flex-start;\n\tjustify-content: center;\n\tposition: relative;\n\tpadding-left: 8px;\n\tpadding-right: 8px;\n\tuser-select: none;\n}\n\n.max-h-400 {\n\tmax-height: 400px;\n}\n\n.max-w-600 {\n\tmax-width: 600px;\n}\n\n.flip-y {\n\ttransform: scaleY(-1);\n}\n\n.spinner {\n\tanimation: border-rotate 1s linear infinite;\n\tz-index: 2;\n\tposition: absolute;\n\ttop: 50%;\n\tleft: 50%;\n\tmargin: -10px 0 0 -10px;\n\twidth: 20px;\n\theight: 20px;\n\n\tcircle {\n\t\tstroke: currentColor;\n\t\tstroke-linecap: round;\n\t\tanimation: border-dash 1.5s ease-in-out infinite;\n\t}\n}\n\n/* Disable IE11 \"clear input\" button */\n::-ms-clear {\n\tdisplay: none;\n}\n\n/* Increase default line height to prevent large icons from being cut off */\n.fa-lg {\n\tline-height: 1.05em;\n}\n\n/* Currently set to be higher than Wordpress UI elements */\n.z-a-lot {\n\tz-index: 999999;\n}\n\n.z-a-lot-more {\n\tz-index: 9999999;\n}\n\nbutton:focus {\n\toutline: revert;\n}\n";function _d(e){const t=No();return o().createElement($r,{target:t},o().createElement(ul,{zIndexBase:1e6},e.children))}function Td({children:e,isContainerMode:n=!1}){const r=o().useRef(null),[i,a]=(0,t.useState)(null);return(0,t.useEffect)((()=>{if(null===r.current)return;const e=function(e){try{return e.attachShadow({mode:"open"})}catch(e){return null}}(r.current);!function(e){const t="@import url(https://d8ejoa1fys2rk.cloudfront.net/5.0.5/includes/css/vendor/font-awesome.min.css);"+kd;Id(null!=e?e:document.head,t)}(e),e&&Id(document.head,Od),a(null!=e?e:r.current)}),[]),o().createElement("div",{ref:r,style:{display:"flex",height:"100%"},"data-testid":"root"},i&&o().createElement(Ao,{value:i},o().createElement(_d,null,(0,ra.createPortal)(o().createElement(jd,{$isContainerMode:n,"data-testid":"ShadowRootInternalContainer"},e),i))))}function Id(e,t){const n=document.createElement("style"),r=document.createTextNode(t);n.appendChild(r),e.appendChild(n)}const Od="\n@font-face {\n    font-family: 'Source Sans Pro';\n    font-style: normal;\n    font-weight: 400;\n    src: local('Source Sans Pro Regular'),\n         local('SourceSansPro-Regular'),\n         url('https://d8ejoa1fys2rk.cloudfront.net/5.0.5/includes/fonts/SourceSans/sourcesanspro-regular.woff2') format('woff2'),\n         url('https://d8ejoa1fys2rk.cloudfront.net/5.0.5/includes/fonts/SourceSans/sourcesanspro-regular.woff') format('woff');\n  }\n  \n  @font-face {\n    font-family: \"FontAwesome\";\n    src: url(\"https://d8ejoa1fys2rk.cloudfront.net/5.0.5/includes/fonts/fontawesome-webfont.woff2?v=4.7.0\") format(\"woff2\"),\n         url(\"https://d8ejoa1fys2rk.cloudfront.net/5.0.5/includes/fonts/fontawesome-webfont.woff?v=4.7.0\") format(\"woff\");\n    font-weight: 400;\n    font-style: normal;\n  }\n",jd=ro.div`
+`;function nd(e){return{tag:"ok",value:e}}function rd(e){return{tag:"error",error:e}}function od(e){return"ok"===e.tag}function id(e){return"error"===e.tag}function ad(e){return`https://${e.replace(/^https?:\/\//i,"").replace(/\/+$/i,"")}/`}const sd="transformBaseURL",ld="transformBaseUrl",cd={year:"numeric",month:"long",day:"2-digit"},ud=280;var dd=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n};function pd(e){if(e[sd]){const t=e,n=sd,r=t[n],o=dd(t,["symbol"==typeof n?n:n+""]);return Object.assign(Object.assign({},o),{[ld]:Object.assign({},r)})}return e}var fd=function(e,t,n,r){return new(n||(n=Promise))((function(o,i){function a(e){try{l(r.next(e))}catch(e){i(e)}}function s(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((r=r.apply(e,t||[])).next())}))};const hd=new Map;function gd(e){return fd(this,void 0,void 0,(function*(){const{query:t,variables:n,auth:r,noCache:o}=e;if(!r)return rd("No authentication provided");const i=r.getAccessToken&&r.getAccessToken();let a=void 0!==r.accountDomain?ad(r.accountDomain.trim()):`https://${window.location.host}`;"/"===a.charAt(a.length-1)&&(a=a.slice(0,-1));const s=`${a}:${t}:${JSON.stringify(n)}:${i}`;if(hd.has(s)&&!o)return nd(hd.get(s));const l={Accept:"application/json","Content-Type":"application/json","X-Bynder-Integration":"UCV/v5.0.3"},c={method:"post",headers:void 0===i?l:Object.assign(Object.assign({},l),{Authorization:`Bearer ${i}`}),body:JSON.stringify({query:t,variables:n})};let u,d;try{const e=yield fetch(`${a}/graphql`,c);u=yield e.json(),d=function(e){var t,n,r,o;return(null===(n=null===(t=null==e?void 0:e.searchAssets)||void 0===t?void 0:t.assets)||void 0===n?void 0:n.nodes.length)?Object.assign(Object.assign({},e),{searchAssets:Object.assign(Object.assign({},e.searchAssets),{assets:Object.assign(Object.assign({},e.searchAssets.assets),{nodes:null===(o=null===(r=e.searchAssets)||void 0===r?void 0:r.assets)||void 0===o?void 0:o.nodes.map((e=>{if(e.files){const t=pd(e.files);return Object.assign(Object.assign({},e),{files:Object.assign({},t)})}return e}))})})}):e}(u.data)}catch(e){return rd(e)}return void 0!==u.errors?rd(u.errors.map((e=>e.message)).join(",")):(o||(hd.set(s,d),hd.size>50&&hd.delete(hd.keys().next().value)),nd(d))}))}function md(){const e=new Uint32Array(28),t=window.crypto.getRandomValues(e);return Array.from(t).map((e=>`0${e.toString(16)}`.substr(-2))).join("")}var vd=function(e,t,n,r){return new(n||(n=Promise))((function(o,i){function a(e){try{l(r.next(e))}catch(e){i(e)}}function s(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((r=r.apply(e,t||[])).next())}))};const yd="42b1eefa-d754-4802-b9c4-bf80d6ab6052",bd="https://d8ejoa1fys2rk.cloudfront.net",wd=bd+"/5.0.5/modules/compactview/loginCompleted.html",xd=["offline","asset:read","collection:read","meta.assetbank:read"];function Ed(e){return"webdam"===Sd()?"https://apiv2.webdamdb.com/oauth2/":ad(e)+"v6/authentication/oauth2/"}function Sd(){var e;return null!==(e=localStorage.getItem("cvp"))&&void 0!==e?e:void 0}function Cd(e){return t=this,n=void 0,o=function*(){const t=md();let n;try{n=yield function(e){var t;if(!(null===(t=window.crypto)||void 0===t?void 0:t.subtle))return Promise.reject("Access to the WebCrypto API is restricted to secure origins. Compact View requires HTTPS when used outside localhost (for development).");const n=(new TextEncoder).encode(e);return window.crypto.subtle.digest("SHA-256",n)}(t)}catch(e){return rd(e.toString())}const r=(o=n,btoa(String.fromCharCode.apply(null,Array.from(new Uint8Array(o)))).replace(/\+/g,"-").replace(/\//g,"_").replace(/[=]+$/,""));var o;const i=md(),a=function(e,t,n){const r={client_id:yd,code_challenge:e,code_challenge_method:"S256",redirect_uri:wd,response_type:"code",scope:xd.join(" "),domain:"",state:t};let o="auth?";"webdam"===Sd()&&(o="authorize?",delete r.scope,r.domain=n);const i=new URLSearchParams(r);return Ed(n)+o+i}(r,i,e),s=yield function(e){return t=this,n=void 0,o=function*(){const t=window.screen,n=t.width/2-285+window.screenX,r=t.height/2-350+window.screenY,o=window.open("","Bynder Brand Portal",`height=700,width=570,left=${n},top=${r}`);if(null===o)return rd("Error opening login window");o.document.head.innerHTML='\n<title>Redirecting...</title>\n<style>\n    @keyframes cv-spinner-animation {\n        to {\n            transform:rotate(1turn)\n        }\n    }\n\n    .cv-spinner {\n        position: relative;\n        display: inline-block;\n        padding: 175px 0 100px;\n        width: 100%;\n        height: auto;\n        background: #fff;\n        box-sizing: border-box;\n    }\n    \n    .cv-spinner:before {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        width: 40px;\n        height: 40px;\n        margin-top: -20px;\n        margin-left: -20px;\n        box-sizing: border-box;\n        border-top: 3px solid #7e8890;\n        border-right: 3px solid transparent;\n        border-radius: 50%;\n        content: "";\n        animation: cv-spinner-animation .8s linear infinite;\n        z-index: 3;\n    }\n</style>',o.document.body.innerHTML='<div class="cv-spinner"></div>',o.location.href=e;const i=yield Promise.race([new Promise((e=>{window.addEventListener("message",(t=>{t.origin===bd&&e(nd(t))}))})),new Promise((e=>{setTimeout((()=>e(rd("Timeout"))),6e5)})),(a=o,new Promise((e=>{const t=setInterval((function(){a.closed&&(clearInterval(t),e(rd("Login window closed")))}),1e3)})))]);var a;if(id(i))return i;const s=new URLSearchParams(i.value.data);return nd({state:s.get("state"),code:s.get("code")})},new((r=void 0)||(r=Promise))((function(e,i){function a(e){try{l(o.next(e))}catch(e){i(e)}}function s(e){try{l(o.throw(e))}catch(e){i(e)}}function l(t){var n;t.done?e(t.value):(n=t.value,n instanceof r?n:new r((function(e){e(n)}))).then(a,s)}l((o=o.apply(t,n||[])).next())}));var t,n,r,o}(a);if(id(s))return s;if(s.value.state!==i||null===s.value.code)return rd("Error logging in");const l=yield function(e,t,n){return vd(this,void 0,void 0,(function*(){const r=Ed(n)+"token",o=new URLSearchParams({client_id:yd,code_verifier:t,code:e,redirect_uri:wd,grant_type:"authorization_code"});try{const e=yield fetch(r,{method:"POST",headers:{Accept:"application/json","Content-Type":"application/x-www-form-urlencoded;charset=UTF-8"},body:o});if(!e.ok)return rd(`Failed to fetch access token: ${e.status}`);const t=yield e.json();return nd({refreshToken:t.refresh_token,accessToken:t.access_token,expiresIn:t.expires_in})}catch(e){return rd(e.toString())}}))}(s.value.code,t,e);if(id(l))return l;const{refreshToken:c,accessToken:u,expiresIn:d}=l.value;return nd({accessToken:u,expiresIn:parseFloat(d),refreshToken:c})},new((r=void 0)||(r=Promise))((function(e,i){function a(e){try{l(o.next(e))}catch(e){i(e)}}function s(e){try{l(o.throw(e))}catch(e){i(e)}}function l(t){var n;t.done?e(t.value):(n=t.value,n instanceof r?n:new r((function(e){e(n)}))).then(a,s)}l((o=o.apply(t,n||[])).next())}));var t,n,r,o}var kd=":host {\n\tfont-family: SourceSansPro, Source Sans Pro, system-ui, -apple-system, BlinkMacSystemFont,\n\t\t'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',\n\t\t'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\n\t--fade-in-down: fade-in-down 150ms ease-out;\n}\n\n.translate-y-2\\/4 {\n\ttransform: translateY(-50%);\n}\n\n@keyframes fade-in {\n\t0% {\n\t\topacity: 0;\n\t}\n\t100% {\n\t\topacity: 1;\n\t}\n}\n\n@keyframes fade-in-down {\n\t0% {\n\t\topacity: 0;\n\t\ttransform: translateY(-2px);\n\t}\n\t100% {\n\t\topacity: 1;\n\t\ttransform: translateY(0);\n\t}\n}\n\n@keyframes border-rotate {\n\t100% {\n\t\ttransform: rotate(360deg);\n\t}\n}\n\n@keyframes border-dash {\n\t0% {\n\t\tstroke-dasharray: 1, 100;\n\t\tstroke-dashoffset: 0;\n\t}\n\t50% {\n\t\tstroke-dasharray: 80, 100;\n\t\tstroke-dashoffset: -20;\n\t}\n\t100% {\n\t\tstroke-dasharray: 80, 100;\n\t\tstroke-dashoffset: -48;\n\t}\n}\n\n.transition-shadow {\n\ttransition: box-shadow 0.1s linear;\n}\n\n.transition-transform {\n\ttransition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.15);\n}\n\n.cv-root {\n\tdisplay: flex;\n\tflex-direction: column;\n\tbackground-color: rgba(255, 255, 255, 1);\n\tfont-family: SourceSansPro, Source Sans Pro, system-ui, -apple-system, BlinkMacSystemFont,\n\t\t'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',\n\t\t'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\n\tbox-sizing: border-box;\n\tposition: relative;\n\tfont-size: 16px;\n\tcolor: rgba(0, 34, 51, 0.8);\n\n\t*,\n\t*:before,\n\t*:after {\n\t\tbox-sizing: inherit;\n\t}\n}\n\n.cv-container {\n\toverflow: hidden;\n\twidth: 100%;\n\theight: 100%;\n\n\tnav:last-of-type {\n\t\tbox-shadow: 0 1px 0 0 rgba(0, 34, 51, 0.1), 0 1px 6px 0 rgba(0, 34, 51, 0.1);\n\t}\n}\n\n.cv-dropdown {\n\tposition: fixed;\n\tborder-width: 1px;\n\tborder-color: rgba(0, 34, 51, 0.1);\n\tanimation: fade-in-down 150ms ease-out;\n\tmargin-top: 16px;\n\tborder-radius: 5px;\n\tbox-shadow: 0 4px 10px 0 rgba(0, 34, 51, 0.1);\n\tz-index: 9999999;\n\toverflow-y: hidden;\n\ttransition: left 0.1s ease-out;\n}\n\n.card-list {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tflex-grow: 1;\n\talign-content: flex-start;\n\tjustify-content: center;\n\tposition: relative;\n\tpadding-left: 8px;\n\tpadding-right: 8px;\n\tuser-select: none;\n}\n\n.max-h-400 {\n\tmax-height: 400px;\n}\n\n.max-w-600 {\n\tmax-width: 600px;\n}\n\n.flip-y {\n\ttransform: scaleY(-1);\n}\n\n.spinner {\n\tanimation: border-rotate 1s linear infinite;\n\tz-index: 2;\n\tposition: absolute;\n\ttop: 50%;\n\tleft: 50%;\n\tmargin: -10px 0 0 -10px;\n\twidth: 20px;\n\theight: 20px;\n\n\tcircle {\n\t\tstroke: currentColor;\n\t\tstroke-linecap: round;\n\t\tanimation: border-dash 1.5s ease-in-out infinite;\n\t}\n}\n\n/* Disable IE11 \"clear input\" button */\n::-ms-clear {\n\tdisplay: none;\n}\n\n/* Increase default line height to prevent large icons from being cut off */\n.fa-lg {\n\tline-height: 1.05em;\n}\n\n/* Currently set to be higher than Wordpress UI elements */\n.z-a-lot {\n\tz-index: 999999;\n}\n\n.z-a-lot-more {\n\tz-index: 9999999;\n}\n\nbutton:focus {\n\toutline: revert;\n}\n";function _d(e){const t=No();return o().createElement($r,{target:t},o().createElement(ul,{zIndexBase:1e6},e.children))}function Td({children:e,isContainerMode:n=!1}){const r=o().useRef(null),[i,a]=(0,t.useState)(null);return(0,t.useEffect)((()=>{if(null===r.current)return;const e=function(e){try{return e.attachShadow({mode:"open"})}catch(e){return null}}(r.current);!function(e){const t="@import url(https://d8ejoa1fys2rk.cloudfront.net/5.0.5/includes/css/vendor/font-awesome.min.css);"+kd;Id(null!=e?e:document.head,t)}(e),e&&Id(document.head,Od),a(null!=e?e:r.current)}),[]),o().createElement("div",{ref:r,style:{display:"flex",height:"100%"},"data-testid":"root"},i&&o().createElement(Ao,{value:i},o().createElement(_d,null,(0,ra.createPortal)(o().createElement(jd,{$isContainerMode:n,"data-testid":"ShadowRootInternalContainer"},e),i))))}function Id(e,t){const n=document.createElement("style"),r=document.createTextNode(t);n.appendChild(r),e.appendChild(n)}const Od="\n@font-face {\n    font-family: 'Source Sans Pro';\n    font-style: normal;\n    font-weight: 400;\n    src: local('Source Sans Pro Regular'),\n         local('SourceSansPro-Regular'),\n         url('https://d8ejoa1fys2rk.cloudfront.net/5.0.5/includes/fonts/SourceSans/sourcesanspro-regular.woff2') format('woff2'),\n         url('https://d8ejoa1fys2rk.cloudfront.net/5.0.5/includes/fonts/SourceSans/sourcesanspro-regular.woff') format('woff');\n  }\n  \n  @font-face {\n    font-family: \"FontAwesome\";\n    src: url(\"https://d8ejoa1fys2rk.cloudfront.net/5.0.5/includes/fonts/fontawesome-webfont.woff2?v=4.7.0\") format(\"woff2\"),\n         url(\"https://d8ejoa1fys2rk.cloudfront.net/5.0.5/includes/fonts/fontawesome-webfont.woff?v=4.7.0\") format(\"woff\");\n    font-weight: 400;\n    font-style: normal;\n  }\n",jd=ro.div`
 	width: ${e=>e.$isContainerMode?"100%":"auto"};
 	font-family: 'Source Sans Pro';
 `,Pd=(0,t.createContext)("parent");function Ad({children:e,isContainerMode:n=!1}){return"parent"===(0,t.useContext)(Pd)?o().createElement(Pd.Provider,{value:"child"},o().createElement(Td,{isContainerMode:n},e)):o().createElement(o().Fragment,null,e)}const Nd=(0,t.createContext)(null),Md=()=>(0,t.useContext)(Nd);function Rd({children:e,isOpen:n=!0,style:r,onClose:i=()=>{}}){const[a,s]=(0,t.useState)(null),l=(0,t.useMemo)((()=>({onClose:i})),[i]);return(0,t.useEffect)((()=>{const e=document.createElement("div");return e.dataset.testId="CompactViewContainer",document.body.appendChild(e),s(e),()=>{e.remove()}}),[]),n?o().createElement(Nd.Provider,{value:l},a&&o().createElement(o().Fragment,null,(0,ra.createPortal)(o().createElement(Ad,null,o().createElement(zd,{className:"z-a-lot"},o().createElement(Dd,{style:r,"data-testid":"modal"},e))),a))):null}const zd=ro.div`
@@ -240,7 +240,7 @@
 	height: 100%;
 	width: 100%;
 	background-color: #fff;
-`,mp=(0,t.createContext)(null);function vp(e){var n,r,i,a,s,l,c,u,d;Xi(null!==(n=e.language)&&void 0!==n?n:"en_US");const[p,f,h]=function(){var e,n;const[r,o]=(0,t.useState)(void 0),[i,a]=(0,t.useState)(null!==(e=localStorage.getItem("cvrt"))&&void 0!==e?e:void 0),[s,l]=(0,t.useState)(null!==(n=localStorage.getItem("cvad"))&&void 0!==n?n:void 0),[c,u]=(0,t.useState)(h()),d=(0,t.useRef)();function p(e){o((()=>e.getAccessToken)),a(e.refreshToken),l(e.accountDomain),u(h(e.getAccessToken,e.refreshToken)),e.accountDomain&&localStorage.setItem("cvad",e.accountDomain),e.refreshToken&&localStorage.setItem("cvrt",e.refreshToken),d.current&&clearTimeout(d.current),e.expiresIn&&(d.current=setTimeout((()=>{o(void 0)}),1e3*e.expiresIn))}function f(){var e;o(void 0),a(void 0),l(null!==(e=localStorage.getItem("cvad"))&&void 0!==e?e:void 0),u("not-authenticated"),localStorage.removeItem("cvrt"),d.current&&clearTimeout(d.current)}function h(e=r,t=i){return void 0!==e?"authenticated":void 0!==t?"refreshing":"not-authenticated"}return(0,t.useEffect)((()=>()=>{d.current&&clearTimeout(d.current)}),[]),(0,t.useEffect)((()=>{r&&r()||!i||!s||(u("refreshing"),function(e,t){return vd(this,void 0,void 0,(function*(){const n=Ed(t)+"token",r=new URLSearchParams({client_id:yd,refresh_token:e,grant_type:"refresh_token"});try{const e=yield fetch(n,{method:"POST",headers:{Accept:"application/json","Content-Type":"application/x-www-form-urlencoded;charset=UTF-8"},body:r});if(!e.ok)return rd(`Failed to fetch refresh token: ${e.status}`);const t=yield e.json();return nd({accessToken:t.access_token,expiresIn:t.expires_in})}catch(e){return rd(e.toString())}}))}(i,s).then((e=>{od(e)?p({getAccessToken:()=>e.value.accessToken,expiresIn:e.value.expiresIn,refreshToken:i,accountDomain:s}):(jo.error(e.error),f())})))}),[r,i,s]),[{getAccessToken:r,accountDomain:s,status:c},p,f]}(),[g,m,v]=pp(null!==(i=null===(r=e.portal)||void 0===r?void 0:r.url)&&void 0!==i?i:p.accountDomain),[y,b]=(0,t.useState)(!1);(0,t.useEffect)((()=>{var t,n;(null===(t=e.authentication)||void 0===t?void 0:t.hideLogout)&&!(null===(n=e.authentication)||void 0===n?void 0:n.getAccessToken)&&jo.error("The hideLogout property can only be used in combination with getAccessToken property")}),[null===(a=e.authentication)||void 0===a?void 0:a.hideLogout,null===(s=e.authentication)||void 0===s?void 0:s.getAccessToken]),(0,t.useEffect)((()=>{var t,n;(null===(t=e.authentication)||void 0===t?void 0:t.getAccessToken)&&f({getAccessToken:e.authentication.getAccessToken,accountDomain:null===(n=e.portal)||void 0===n?void 0:n.url})}),[null===(l=e.authentication)||void 0===l?void 0:l.getAccessToken]),(0,t.useEffect)((()=>{let e=!0;return!0===y&&Cd(g).then((t=>{e&&(function(e){if(od(e)){const{accessToken:t,refreshToken:n,expiresIn:r}=e.value;f({getAccessToken:()=>t,refreshToken:n,expiresIn:r,accountDomain:g})}else jo.error(e.error)}(t),b(!1))})),()=>{e=!1}}),[y,g]);const w=Object.assign(Object.assign({},p),{logout:function(){var t;h(),null===(t=e.onLogout)||void 0===t||t.call(e)},hideLogout:!!(null===(c=e.authentication)||void 0===c?void 0:c.getAccessToken)&&e.authentication.hideLogout});switch(p.status){case"authenticated":return o().createElement(mp.Provider,{value:w},e.children);case"not-authenticated":return o().createElement(Ad,{isContainerMode:!0},o().createElement(dp,{domainValue:g,domainStatus:v,onChangeDomain:m,isSubmitting:y,isEditable:null===(d=null===(u=e.portal)||void 0===u?void 0:u.editable)||void 0===d||d,onSubmit:function(){b(!0)}}));case"refreshing":return o().createElement(hp,null)}}const yp=e=>o().createElement(fp,null,o().createElement(vp,Object.assign({},e))),bp=()=>{var e;return"authenticated"===(null===(e=(0,t.useContext)(mp))||void 0===e?void 0:e.status)||!1},wp=()=>(0,t.useContext)(mp),xp=({filters:e,predefinedFilters:t,showToolbar:n})=>n?(null==e?void 0:e.length)?Array.from(new Set([...t||[],...e])):t:(null==e?void 0:e.length)?e:t,Ep=({metapropertyName:e,id:t})=>window.btoa(`(Metaproperty_option_id(${e} ${t}))`),Sp=e=>{if(e)return Object.values(e).reduce(((e,t)=>[...e,...Object.values(t).map(Ep)]),[])};var Cp=function(e,t,n,r){return new(n||(n=Promise))((function(o,i){function a(e){try{l(r.next(e))}catch(e){i(e)}}function s(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((r=r.apply(e,t||[])).next())}))};const kp="\nfragment DisplayAsset on Asset {\n    __typename\n    id\n    derivatives {\n        thumbnail\n    }\n    extensions\n    name\n    url\n    isArchived\n    isWatermarked\n\tisLimitedUse\n\tfiles\n\tmetaproperties {\n\t\tnodes {\n\t\t  id\n\t\t  label(language: $language)\n\t\t  showInGridView\n\t\t  showInListView\n\t\t  zIndex\n\t\t  options {\n\t\t\tid\n\t\t\tlabel(language: $language)\n\t\t\tassetCount\n\t\t  }\n\t\t}\n\t}\n\ttextMetaproperties {\n      name\n      value\n      type\n      label\n      zIndex\n      showInGridView\n      showInListView\n    }\n}",_p=`\n    query searchAssets($filter: AssetFilter!, $after: Cursor, $orderBy: AssetOrder!, $language: String) {\n        searchAssets(filter: $filter) {\n            assets(after: $after, first: 50, orderBy: $orderBy) {\n                nodes {\n                    __typename\n                    ...DisplayAsset\n                }\n\t\t\t\ttotalCount\n\t\t\t\tpageInfo {\n\t\t\t\t\tendCursor\n\t\t\t\t\thasNextPage\n                }\n            }\n        }\n    }\n    ${kp}\n`;function Tp(e,n=!1){var r,o,i,a,s;const l=wp(),[c,u]=(0,t.useState)({tag:"Loading",value:null});let d=!1;const p=t=>Cp(this,void 0,void 0,(function*(){u((e=>({tag:"Loading",value:"Failure"===e.tag?null:e.value})));const r=Ip(e,null!=t?t:null),o=yield gd({query:_p,variables:r,auth:l,noCache:n});d||(id(o)?u({tag:"Failure",value:o.error}):f(o,t))})),f=(e,t)=>{Op(c)&&t?u((t=>{var n,r;const o=null!==(r=null===(n=Op(t))||void 0===n?void 0:n.nodes)&&void 0!==r?r:[];return{tag:"Loaded",value:{searchAssets:{assets:Object.assign(Object.assign({},e.value.searchAssets.assets),{nodes:[...o,...e.value.searchAssets.assets.nodes]})}}}})):u({tag:"Loaded",value:e.value})};return(0,t.useEffect)((()=>(p(),()=>{d=!0})),[null===(r=e.filter)||void 0===r?void 0:r.assetTypes,null===(o=e.filter)||void 0===o?void 0:o.selectedSmartfilterOptions,null===(i=e.filter)||void 0===i?void 0:i.tags,null===(a=e.filter)||void 0===a?void 0:a.isLimited,e.collection,e.orderBy,e.searchTerm,e.language]),{data:c,executeQuery:()=>p(),isLoading:!c||"Loading"===c.tag,loadMore:()=>{var e;return p(null===(e=Op(c))||void 0===e?void 0:e.pageInfo.endCursor)},hasNextPage:!!(null===(s=Op(c))||void 0===s?void 0:s.pageInfo.hasNextPage)}}const Ip=(e,t)=>{var n,r;const{filter:o,predefinedFilter:i,collection:a,orderBy:s,allAssetTypes:l,searchTerm:c,language:u}=e,d=xp({filters:null==o?void 0:o.assetTypes,predefinedFilters:null==i?void 0:i.predefinedAssetType,showToolbar:null==i?void 0:i.showToolbar}),p=xp({filters:null==o?void 0:o.tags,predefinedFilters:null==i?void 0:i.predefinedTagNames,showToolbar:null==i?void 0:i.showToolbar});return{orderBy:s,filter:{collectionId:null!==(n=null==a?void 0:a.id)&&void 0!==n?n:null==i?void 0:i.collectionId,assetType_in:null!=d?d:l,metapropertyOptionId_in:Sp(null==o?void 0:o.selectedSmartfilterOptions),searchTerm:null!==(r=null!=c?c:null==i?void 0:i.searchTerm)&&void 0!==r?r:null,tagNames_in:p,isLimitedUse:null==o?void 0:o.isLimited},after:t,language:u}},Op=(e,t)=>{var n;const r=null!=t?t:e;if("Failure"!==r.tag)return null===(n=r.value)||void 0===n?void 0:n.searchAssets.assets},jp=(0,t.forwardRef)((({size:e="m",isDisabled:t=!1,thumbnail:n,children:r,icon:o,onClick:i,onDelete:a,...s},l)=>{const{isFocusVisible:c,focusProps:u}=wi(),d=Boolean(i||a);return(0,Mo.jsxs)(Mp,{$size:e,$isDisabled:t,disabled:t&&d,onClick:i,onKeyDown:function(e){i&&"Enter"===e.key?(e.preventDefault(),i()):!a||"Backspace"!==e.key&&"Delete"!==e.key||a()},$isFocusVisible:c,as:d?"button":"span",ref:l,...u,...s,children:[n&&(0,Mo.jsx)(Rp,{children:n}),o&&(0,Mo.jsx)($p,{children:o}),(0,Mo.jsx)("span",{children:r}),a&&(0,Mo.jsx)(Np,{$isDisabled:t,onClick:function(e){e.stopPropagation(),a&&a()},"data-testid":"ds-chip-delete-button",children:(0,Mo.jsx)(Ha,{size:"18px"})})]})})),{internalTokens:Pp,declareTokens:Ap}=Oi({lightTheme:{"chip-background-color":co.gray50,"chip-background-color-disabled":co.gray25,"chip-background-color-hover":co.gray75,"chip-background-color-active":co.gray100,"chip-background-color-focus":co.gray25,"chip-shadow-focus":co.elevationStatic},darkTheme:{"chip-background-color":co.gray50a,"chip-background-color-disabled":co.gray25a,"chip-background-color-hover":co.gray75a,"chip-background-color-active":co.gray100a,"chip-background-color-focus":"transparent","chip-shadow-focus":`0 0 0 1px ${co.gray200a}`}}),Np=ro.span.withConfig({displayName:"DeleteButton",componentId:"sc-1hj94p7-0"})(["display:flex;justify-content:center;align-items:center;width:24px;height:24px;margin:0 calc("," * -1) 0 ",";padding:0;border:0;border-radius:",";background:none;color:",";outline:0;cursor:pointer;&:hover{background:",";color:",";}&:active{background:",";}"],co.spacing3,co.spacing3,co.radiusCircle,(e=>e.$isDisabled?co.gray400:co.gray600),co.gray50a,co.gray800,co.gray100a),Mp=ro.button.withConfig({displayName:"ChipStyled",componentId:"sc-1hj94p7-1"})([""," display:inline-flex;align-items:center;border:0;border-radius:",";background-color:",";color:",";outline:none;font-family:",";white-space:nowrap;",";",";",";",";",";"],Ap,co.radiusPill,Pp["chip-background-color"],co.colorText,co.brandFontStackBase,(e=>e.onClick&&eo(["cursor:pointer;&:hover{background-color:",";","{color:",";}}&:active{background-color:",";}"],Pp["chip-background-color-hover"],Np,co.gray800,Pp["chip-background-color-active"])),(e=>e.$isFocusVisible&&eo(["background:",";box-shadow:inset ",";outline:0;"],Pp["chip-background-color-focus"],Pp["chip-shadow-focus"])),(e=>"m"===e.$size&&Dp),(e=>"s"===e.$size&&zp),(e=>e.$isDisabled&&Lp)),Rp=ro.div.withConfig({displayName:"ThumbnailContainer",componentId:"sc-1hj94p7-2"})(["display:block;"]),zp=eo([""," height:32px;padding:0 12px;","{margin:0 "," 0 calc("," * -1);}"],js.uiTextS,Rp,co.spacing3,co.spacing3),Dp=eo([""," height:40px;padding:0 16px;","{margin:0 "," 0 calc("," * -1);}"],js.uiTextM,Rp,co.spacing3,co.spacing4),Lp=eo(["background-color:",";color:",";pointer-events:none;"],Pp["chip-background-color-disabled"],co.colorTextDisabled),$p=ro.div.withConfig({displayName:"IconContainer",componentId:"sc-1hj94p7-3"})(["width:24px;height:24px;margin-left:calc("," * -1);padding:0 "," 0 0;"],co.spacing2,co.spacing3);let Bp={data:""},Fp=/(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\s*)/g,Up=/\/\*[^]*?\*\/|  +/g,Hp=/\n+/g,Wp=(e,t)=>{let n="",r="",o="";for(let i in e){let a=e[i];"@"==i[0]?"i"==i[1]?n=i+" "+a+";":r+="f"==i[1]?Wp(a,i):i+"{"+Wp(a,"k"==i[1]?"":t)+"}":"object"==typeof a?r+=Wp(a,t?t.replace(/([^,])+/g,(e=>i.replace(/(^:.*)|([^,])+/g,(t=>/&/.test(t)?t.replace(/&/g,e):e?e+" "+t:t)))):i):null!=a&&(i=/^--/.test(i)?i:i.replace(/[A-Z]/g,"-$&").toLowerCase(),o+=Wp.p?Wp.p(i,a):i+":"+a+";")}return n+(t&&o?t+"{"+o+"}":o)+r},Vp={},qp=e=>{if("object"==typeof e){let t="";for(let n in e)t+=n+qp(e[n]);return t}return e},Gp=(e,t,n,r,o)=>{let i=qp(e),a=Vp[i]||(Vp[i]=(e=>{let t=0,n=11;for(;t<e.length;)n=101*n+e.charCodeAt(t++)>>>0;return"go"+n})(i));if(!Vp[a]){let t=i!==e?e:(e=>{let t,n,r=[{}];for(;t=Fp.exec(e.replace(Up,""));)t[4]?r.shift():t[3]?(n=t[3].replace(Hp," ").trim(),r.unshift(r[0][n]=r[0][n]||{})):r[0][t[1]]=t[2].replace(Hp," ").trim();return r[0]})(e);Vp[a]=Wp(o?{["@keyframes "+a]:t}:t,n?"":"."+a)}let s=n&&Vp.g?Vp.g:null;return n&&(Vp.g=Vp[a]),((e,t,n,r)=>{r?t.data=t.data.replace(r,e):-1===t.data.indexOf(e)&&(t.data=n?e+t.data:t.data+e)})(Vp[a],t,r,s),a};function Yp(e){let t=this||{},n=e.call?e(t.p):e;return Gp(n.unshift?n.raw?((e,t,n)=>e.reduce(((e,r,o)=>{let i=t[o];if(i&&i.call){let e=i(n),t=e&&e.props&&e.props.className||/^go/.test(e)&&e;i=t?"."+t:e&&"object"==typeof e?e.props?"":Wp(e,""):!1===e?"":e}return e+r+(null==i?"":i)}),""))(n,[].slice.call(arguments,1),t.p):n.reduce(((e,n)=>Object.assign(e,n&&n.call?n(t.p):n)),{}):n,(r=t.target,"object"==typeof window?((r?r.querySelector("#_goober"):window._goober)||Object.assign((r||document.head).appendChild(document.createElement("style")),{innerHTML:" ",id:"_goober"})).firstChild:r||Bp),t.g,t.o,t.k);var r}Yp.bind({g:1});let Zp,Kp,Xp,Jp=Yp.bind({k:1});function Qp(e,t){let n=this||{};return function(){let r=arguments;function o(i,a){let s=Object.assign({},i),l=s.className||o.className;n.p=Object.assign({theme:Kp&&Kp()},s),n.o=/ *go\d+/.test(l),s.className=Yp.apply(n,r)+(l?" "+l:""),t&&(s.ref=a);let c=e;return e[0]&&(c=s.as||e,delete s.as),Xp&&c[0]&&Xp(s),Zp(c,s)}return t?t(o):o}}var ef=(e,t)=>(e=>"function"==typeof e)(e)?e(t):e,tf=(()=>{let e=0;return()=>(++e).toString()})(),nf=(()=>{let e;return()=>{if(void 0===e&&typeof window<"u"){let t=matchMedia("(prefers-reduced-motion: reduce)");e=!t||t.matches}return e}})(),rf=new Map,of=e=>{if(rf.has(e))return;let t=setTimeout((()=>{rf.delete(e),cf({type:4,toastId:e})}),1e3);rf.set(e,t)},af=(e,t)=>{switch(t.type){case 0:return{...e,toasts:[t.toast,...e.toasts].slice(0,20)};case 1:return t.toast.id&&(e=>{let t=rf.get(e);t&&clearTimeout(t)})(t.toast.id),{...e,toasts:e.toasts.map((e=>e.id===t.toast.id?{...e,...t.toast}:e))};case 2:let{toast:n}=t;return e.toasts.find((e=>e.id===n.id))?af(e,{type:1,toast:n}):af(e,{type:0,toast:n});case 3:let{toastId:r}=t;return r?of(r):e.toasts.forEach((e=>{of(e.id)})),{...e,toasts:e.toasts.map((e=>e.id===r||void 0===r?{...e,visible:!1}:e))};case 4:return void 0===t.toastId?{...e,toasts:[]}:{...e,toasts:e.toasts.filter((e=>e.id!==t.toastId))};case 5:return{...e,pausedAt:t.time};case 6:let o=t.time-(e.pausedAt||0);return{...e,pausedAt:void 0,toasts:e.toasts.map((e=>({...e,pauseDuration:e.pauseDuration+o})))}}},sf=[],lf={toasts:[],pausedAt:void 0},cf=e=>{lf=af(lf,e),sf.forEach((e=>{e(lf)}))},uf=e=>(t,n)=>{let r=((e,t="blank",n)=>({createdAt:Date.now(),visible:!0,type:t,ariaProps:{role:"status","aria-live":"polite"},message:e,pauseDuration:0,...n,id:(null==n?void 0:n.id)||tf()}))(t,e,n);return cf({type:2,toast:r}),r.id},df=(e,t)=>uf("blank")(e,t);df.error=uf("error"),df.success=uf("success"),df.loading=uf("loading"),df.custom=uf("custom"),df.dismiss=e=>{cf({type:3,toastId:e})},df.remove=e=>cf({type:4,toastId:e}),df.promise=(e,t,n)=>{let r=df.loading(t.loading,{...n,...null==n?void 0:n.loading});return e.then((e=>(df.success(ef(t.success,e),{id:r,...n,...null==n?void 0:n.success}),e))).catch((e=>{df.error(ef(t.error,e),{id:r,...n,...null==n?void 0:n.error})})),e};var pf,ff=Jp`
+`,mp=(0,t.createContext)(null);function vp(e){var n,r,i,a,s,l,c,u,d;Xi(null!==(n=e.language)&&void 0!==n?n:"en_US");const[p,f,h]=function(){var e,n;const[r,o]=(0,t.useState)(void 0),[i,a]=(0,t.useState)(null!==(e=localStorage.getItem("cvrt"))&&void 0!==e?e:void 0),[s,l]=(0,t.useState)(null!==(n=localStorage.getItem("cvad"))&&void 0!==n?n:void 0),[c,u]=(0,t.useState)(h()),d=(0,t.useRef)();function p(e){o((()=>e.getAccessToken)),a(e.refreshToken),l(e.accountDomain),u(h(e.getAccessToken,e.refreshToken)),e.accountDomain&&localStorage.setItem("cvad",e.accountDomain),e.refreshToken&&localStorage.setItem("cvrt",e.refreshToken),d.current&&clearTimeout(d.current),e.expiresIn&&(d.current=setTimeout((()=>{o(void 0)}),1e3*e.expiresIn))}function f(){var e;o(void 0),a(void 0),l(null!==(e=localStorage.getItem("cvad"))&&void 0!==e?e:void 0),u("not-authenticated"),localStorage.removeItem("cvrt"),d.current&&clearTimeout(d.current)}function h(e=r,t=i){return void 0!==e?"authenticated":void 0!==t?"refreshing":"not-authenticated"}return(0,t.useEffect)((()=>()=>{d.current&&clearTimeout(d.current)}),[]),(0,t.useEffect)((()=>{r&&r()||!i||!s||(u("refreshing"),function(e,t){return vd(this,void 0,void 0,(function*(){const n=Ed(t)+"token",r=new URLSearchParams({client_id:yd,refresh_token:e,grant_type:"refresh_token"});try{const e=yield fetch(n,{method:"POST",headers:{Accept:"application/json","Content-Type":"application/x-www-form-urlencoded;charset=UTF-8"},body:r});if(!e.ok)return rd(`Failed to fetch refresh token: ${e.status}`);const t=yield e.json();return nd({accessToken:t.access_token,expiresIn:t.expires_in})}catch(e){return rd(e.toString())}}))}(i,s).then((e=>{od(e)?p({getAccessToken:()=>e.value.accessToken,expiresIn:e.value.expiresIn,refreshToken:i,accountDomain:s}):(jo.error(e.error),f())})))}),[r,i,s]),[{getAccessToken:r,accountDomain:s,status:c},p,f]}(),[g,m,v]=pp(null!==(i=null===(r=e.portal)||void 0===r?void 0:r.url)&&void 0!==i?i:p.accountDomain),[y,b]=(0,t.useState)(!1);(0,t.useEffect)((()=>{var t,n;(null===(t=e.authentication)||void 0===t?void 0:t.hideLogout)&&!(null===(n=e.authentication)||void 0===n?void 0:n.getAccessToken)&&jo.error("The hideLogout property can only be used in combination with getAccessToken property")}),[null===(a=e.authentication)||void 0===a?void 0:a.hideLogout,null===(s=e.authentication)||void 0===s?void 0:s.getAccessToken]),(0,t.useEffect)((()=>{var t,n;(null===(t=e.authentication)||void 0===t?void 0:t.getAccessToken)&&f({getAccessToken:e.authentication.getAccessToken,accountDomain:null===(n=e.portal)||void 0===n?void 0:n.url})}),[null===(l=e.authentication)||void 0===l?void 0:l.getAccessToken]),(0,t.useEffect)((()=>{let e=!0;return!0===y&&Cd(g).then((t=>{e&&(function(e){if(od(e)){const{accessToken:t,refreshToken:n,expiresIn:r}=e.value;f({getAccessToken:()=>t,refreshToken:n,expiresIn:r,accountDomain:g})}else jo.error(e.error)}(t),b(!1))})),()=>{e=!1}}),[y,g]);const w=Object.assign(Object.assign({},p),{logout:function(){var t;h(),null===(t=e.onLogout)||void 0===t||t.call(e)},hideLogout:!!(null===(c=e.authentication)||void 0===c?void 0:c.getAccessToken)&&e.authentication.hideLogout});switch(p.status){case"authenticated":return o().createElement(mp.Provider,{value:w},e.children);case"not-authenticated":return o().createElement(Ad,{isContainerMode:!0},o().createElement(dp,{domainValue:g,domainStatus:v,onChangeDomain:m,isSubmitting:y,isEditable:null===(d=null===(u=e.portal)||void 0===u?void 0:u.editable)||void 0===d||d,onSubmit:function(){b(!0)}}));case"refreshing":return o().createElement(hp,null)}}const yp=e=>o().createElement(fp,null,o().createElement(vp,Object.assign({},e))),bp=()=>{var e;return"authenticated"===(null===(e=(0,t.useContext)(mp))||void 0===e?void 0:e.status)||!1},wp=()=>(0,t.useContext)(mp),xp=({filters:e,predefinedFilters:t,showToolbar:n})=>n?(null==e?void 0:e.length)?Array.from(new Set([...t||[],...e])):t:(null==e?void 0:e.length)?e:t,Ep=({metapropertyName:e,id:t})=>window.btoa(`(Metaproperty_option_id(${e} ${t}))`),Sp=e=>{if(e)return Object.values(e).reduce(((e,t)=>[...e,...Object.values(t).map(Ep)]),[])};var Cp=function(e,t,n,r){return new(n||(n=Promise))((function(o,i){function a(e){try{l(r.next(e))}catch(e){i(e)}}function s(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((r=r.apply(e,t||[])).next())}))};const kp="\nfragment DisplayAsset on Asset {\n    __typename\n    id\n    derivatives {\n        thumbnail\n    }\n    extensions\n    name\n    url\n    isArchived\n    isWatermarked\n\tisLimitedUse\n\tfiles\n\tmetaproperties {\n\t\tnodes {\n\t\t  id\n\t\t  label(language: $language)\n\t\t  showInGridView\n\t\t  showInListView\n\t\t  zIndex\n\t\t  options {\n\t\t\tid\n\t\t\tlabel(language: $language)\n\t\t\tassetCount\n\t\t  }\n\t\t}\n\t}\n\ttextMetaproperties {\n      name\n      value\n      type\n      label\n      zIndex\n      showInGridView\n      showInListView\n    }\n}",_p=`\n    query searchAssets($filter: AssetFilter!, $after: Cursor, $orderBy: AssetOrder!, $language: String) {\n        searchAssets(filter: $filter) {\n            assets(after: $after, first: 50, orderBy: $orderBy) {\n                nodes {\n                    __typename\n                    ...DisplayAsset\n                }\n\t\t\t\ttotalCount\n\t\t\t\tpageInfo {\n\t\t\t\t\tendCursor\n\t\t\t\t\thasNextPage\n                }\n            }\n        }\n    }\n    ${kp}\n`;function Tp(e,n=!1){var r,o,i,a,s;const l=wp(),[c,u]=(0,t.useState)({tag:"Loading",value:null});let d=!1;const p=t=>Cp(this,void 0,void 0,(function*(){u((e=>({tag:"Loading",value:"Failure"===e.tag?null:e.value})));const r=Ip(e,null!=t?t:null),o=yield gd({query:_p,variables:r,auth:l,noCache:n});d||(id(o)?u({tag:"Failure",value:o.error}):f(o,t))})),f=(e,t)=>{Op(c)&&t?u((t=>{var n,r;const o=null!==(r=null===(n=Op(t))||void 0===n?void 0:n.nodes)&&void 0!==r?r:[];return{tag:"Loaded",value:{searchAssets:{assets:Object.assign(Object.assign({},e.value.searchAssets.assets),{nodes:[...o,...e.value.searchAssets.assets.nodes]})}}}})):u({tag:"Loaded",value:e.value})};return(0,t.useEffect)((()=>(p(),()=>{d=!0})),[null===(r=e.filter)||void 0===r?void 0:r.assetTypes,null===(o=e.filter)||void 0===o?void 0:o.selectedSmartfilterOptions,null===(i=e.filter)||void 0===i?void 0:i.tags,null===(a=e.filter)||void 0===a?void 0:a.isLimited,e.collection,e.orderBy,e.searchTerm,e.language,e.predefinedFilter]),{data:c,executeQuery:()=>p(),isLoading:!c||"Loading"===c.tag,loadMore:()=>{var e;return p(null===(e=Op(c))||void 0===e?void 0:e.pageInfo.endCursor)},hasNextPage:!!(null===(s=Op(c))||void 0===s?void 0:s.pageInfo.hasNextPage)}}const Ip=(e,t)=>{var n,r;const{filter:o,predefinedFilter:i,collection:a,orderBy:s,allAssetTypes:l,searchTerm:c,language:u}=e,d=xp({filters:null==o?void 0:o.assetTypes,predefinedFilters:null==i?void 0:i.predefinedAssetType,showToolbar:null==i?void 0:i.showToolbar}),p=xp({filters:null==o?void 0:o.tags,predefinedFilters:null==i?void 0:i.predefinedTagNames,showToolbar:null==i?void 0:i.showToolbar});return{orderBy:s,filter:{collectionId:null!==(n=null==a?void 0:a.id)&&void 0!==n?n:null==i?void 0:i.collectionId,assetType_in:null!=d?d:l,metapropertyOptionId_in:Sp(null==o?void 0:o.selectedSmartfilterOptions),searchTerm:null!==(r=null!=c?c:null==i?void 0:i.searchTerm)&&void 0!==r?r:null,tagNames_in:p,isLimitedUse:null==o?void 0:o.isLimited},after:t,language:u}},Op=(e,t)=>{var n;const r=null!=t?t:e;if("Failure"!==r.tag)return null===(n=r.value)||void 0===n?void 0:n.searchAssets.assets},jp=(0,t.forwardRef)((({size:e="m",isDisabled:t=!1,thumbnail:n,children:r,icon:o,onClick:i,onDelete:a,...s},l)=>{const{isFocusVisible:c,focusProps:u}=wi(),d=Boolean(i||a);return(0,Mo.jsxs)(Mp,{$size:e,$isDisabled:t,disabled:t&&d,onClick:i,onKeyDown:function(e){i&&"Enter"===e.key?(e.preventDefault(),i()):!a||"Backspace"!==e.key&&"Delete"!==e.key||a()},$isFocusVisible:c,as:d?"button":"span",ref:l,...u,...s,children:[n&&(0,Mo.jsx)(Rp,{children:n}),o&&(0,Mo.jsx)($p,{children:o}),(0,Mo.jsx)("span",{children:r}),a&&(0,Mo.jsx)(Np,{$isDisabled:t,onClick:function(e){e.stopPropagation(),a&&a()},"data-testid":"ds-chip-delete-button",children:(0,Mo.jsx)(Ha,{size:"18px"})})]})})),{internalTokens:Pp,declareTokens:Ap}=Oi({lightTheme:{"chip-background-color":co.gray50,"chip-background-color-disabled":co.gray25,"chip-background-color-hover":co.gray75,"chip-background-color-active":co.gray100,"chip-background-color-focus":co.gray25,"chip-shadow-focus":co.elevationStatic},darkTheme:{"chip-background-color":co.gray50a,"chip-background-color-disabled":co.gray25a,"chip-background-color-hover":co.gray75a,"chip-background-color-active":co.gray100a,"chip-background-color-focus":"transparent","chip-shadow-focus":`0 0 0 1px ${co.gray200a}`}}),Np=ro.span.withConfig({displayName:"DeleteButton",componentId:"sc-1hj94p7-0"})(["display:flex;justify-content:center;align-items:center;width:24px;height:24px;margin:0 calc("," * -1) 0 ",";padding:0;border:0;border-radius:",";background:none;color:",";outline:0;cursor:pointer;&:hover{background:",";color:",";}&:active{background:",";}"],co.spacing3,co.spacing3,co.radiusCircle,(e=>e.$isDisabled?co.gray400:co.gray600),co.gray50a,co.gray800,co.gray100a),Mp=ro.button.withConfig({displayName:"ChipStyled",componentId:"sc-1hj94p7-1"})([""," display:inline-flex;align-items:center;border:0;border-radius:",";background-color:",";color:",";outline:none;font-family:",";white-space:nowrap;",";",";",";",";",";"],Ap,co.radiusPill,Pp["chip-background-color"],co.colorText,co.brandFontStackBase,(e=>e.onClick&&eo(["cursor:pointer;&:hover{background-color:",";","{color:",";}}&:active{background-color:",";}"],Pp["chip-background-color-hover"],Np,co.gray800,Pp["chip-background-color-active"])),(e=>e.$isFocusVisible&&eo(["background:",";box-shadow:inset ",";outline:0;"],Pp["chip-background-color-focus"],Pp["chip-shadow-focus"])),(e=>"m"===e.$size&&Dp),(e=>"s"===e.$size&&zp),(e=>e.$isDisabled&&Lp)),Rp=ro.div.withConfig({displayName:"ThumbnailContainer",componentId:"sc-1hj94p7-2"})(["display:block;"]),zp=eo([""," height:32px;padding:0 12px;","{margin:0 "," 0 calc("," * -1);}"],js.uiTextS,Rp,co.spacing3,co.spacing3),Dp=eo([""," height:40px;padding:0 16px;","{margin:0 "," 0 calc("," * -1);}"],js.uiTextM,Rp,co.spacing3,co.spacing4),Lp=eo(["background-color:",";color:",";pointer-events:none;"],Pp["chip-background-color-disabled"],co.colorTextDisabled),$p=ro.div.withConfig({displayName:"IconContainer",componentId:"sc-1hj94p7-3"})(["width:24px;height:24px;margin-left:calc("," * -1);padding:0 "," 0 0;"],co.spacing2,co.spacing3);let Bp={data:""},Fp=/(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\s*)/g,Up=/\/\*[^]*?\*\/|  +/g,Hp=/\n+/g,Wp=(e,t)=>{let n="",r="",o="";for(let i in e){let a=e[i];"@"==i[0]?"i"==i[1]?n=i+" "+a+";":r+="f"==i[1]?Wp(a,i):i+"{"+Wp(a,"k"==i[1]?"":t)+"}":"object"==typeof a?r+=Wp(a,t?t.replace(/([^,])+/g,(e=>i.replace(/(^:.*)|([^,])+/g,(t=>/&/.test(t)?t.replace(/&/g,e):e?e+" "+t:t)))):i):null!=a&&(i=/^--/.test(i)?i:i.replace(/[A-Z]/g,"-$&").toLowerCase(),o+=Wp.p?Wp.p(i,a):i+":"+a+";")}return n+(t&&o?t+"{"+o+"}":o)+r},Vp={},qp=e=>{if("object"==typeof e){let t="";for(let n in e)t+=n+qp(e[n]);return t}return e},Gp=(e,t,n,r,o)=>{let i=qp(e),a=Vp[i]||(Vp[i]=(e=>{let t=0,n=11;for(;t<e.length;)n=101*n+e.charCodeAt(t++)>>>0;return"go"+n})(i));if(!Vp[a]){let t=i!==e?e:(e=>{let t,n,r=[{}];for(;t=Fp.exec(e.replace(Up,""));)t[4]?r.shift():t[3]?(n=t[3].replace(Hp," ").trim(),r.unshift(r[0][n]=r[0][n]||{})):r[0][t[1]]=t[2].replace(Hp," ").trim();return r[0]})(e);Vp[a]=Wp(o?{["@keyframes "+a]:t}:t,n?"":"."+a)}let s=n&&Vp.g?Vp.g:null;return n&&(Vp.g=Vp[a]),((e,t,n,r)=>{r?t.data=t.data.replace(r,e):-1===t.data.indexOf(e)&&(t.data=n?e+t.data:t.data+e)})(Vp[a],t,r,s),a};function Yp(e){let t=this||{},n=e.call?e(t.p):e;return Gp(n.unshift?n.raw?((e,t,n)=>e.reduce(((e,r,o)=>{let i=t[o];if(i&&i.call){let e=i(n),t=e&&e.props&&e.props.className||/^go/.test(e)&&e;i=t?"."+t:e&&"object"==typeof e?e.props?"":Wp(e,""):!1===e?"":e}return e+r+(null==i?"":i)}),""))(n,[].slice.call(arguments,1),t.p):n.reduce(((e,n)=>Object.assign(e,n&&n.call?n(t.p):n)),{}):n,(r=t.target,"object"==typeof window?((r?r.querySelector("#_goober"):window._goober)||Object.assign((r||document.head).appendChild(document.createElement("style")),{innerHTML:" ",id:"_goober"})).firstChild:r||Bp),t.g,t.o,t.k);var r}Yp.bind({g:1});let Zp,Kp,Xp,Jp=Yp.bind({k:1});function Qp(e,t){let n=this||{};return function(){let r=arguments;function o(i,a){let s=Object.assign({},i),l=s.className||o.className;n.p=Object.assign({theme:Kp&&Kp()},s),n.o=/ *go\d+/.test(l),s.className=Yp.apply(n,r)+(l?" "+l:""),t&&(s.ref=a);let c=e;return e[0]&&(c=s.as||e,delete s.as),Xp&&c[0]&&Xp(s),Zp(c,s)}return t?t(o):o}}var ef=(e,t)=>(e=>"function"==typeof e)(e)?e(t):e,tf=(()=>{let e=0;return()=>(++e).toString()})(),nf=(()=>{let e;return()=>{if(void 0===e&&typeof window<"u"){let t=matchMedia("(prefers-reduced-motion: reduce)");e=!t||t.matches}return e}})(),rf=new Map,of=e=>{if(rf.has(e))return;let t=setTimeout((()=>{rf.delete(e),cf({type:4,toastId:e})}),1e3);rf.set(e,t)},af=(e,t)=>{switch(t.type){case 0:return{...e,toasts:[t.toast,...e.toasts].slice(0,20)};case 1:return t.toast.id&&(e=>{let t=rf.get(e);t&&clearTimeout(t)})(t.toast.id),{...e,toasts:e.toasts.map((e=>e.id===t.toast.id?{...e,...t.toast}:e))};case 2:let{toast:n}=t;return e.toasts.find((e=>e.id===n.id))?af(e,{type:1,toast:n}):af(e,{type:0,toast:n});case 3:let{toastId:r}=t;return r?of(r):e.toasts.forEach((e=>{of(e.id)})),{...e,toasts:e.toasts.map((e=>e.id===r||void 0===r?{...e,visible:!1}:e))};case 4:return void 0===t.toastId?{...e,toasts:[]}:{...e,toasts:e.toasts.filter((e=>e.id!==t.toastId))};case 5:return{...e,pausedAt:t.time};case 6:let o=t.time-(e.pausedAt||0);return{...e,pausedAt:void 0,toasts:e.toasts.map((e=>({...e,pauseDuration:e.pauseDuration+o})))}}},sf=[],lf={toasts:[],pausedAt:void 0},cf=e=>{lf=af(lf,e),sf.forEach((e=>{e(lf)}))},uf=e=>(t,n)=>{let r=((e,t="blank",n)=>({createdAt:Date.now(),visible:!0,type:t,ariaProps:{role:"status","aria-live":"polite"},message:e,pauseDuration:0,...n,id:(null==n?void 0:n.id)||tf()}))(t,e,n);return cf({type:2,toast:r}),r.id},df=(e,t)=>uf("blank")(e,t);df.error=uf("error"),df.success=uf("success"),df.loading=uf("loading"),df.custom=uf("custom"),df.dismiss=e=>{cf({type:3,toastId:e})},df.remove=e=>cf({type:4,toastId:e}),df.promise=(e,t,n)=>{let r=df.loading(t.loading,{...n,...null==n?void 0:n.loading});return e.then((e=>(df.success(ef(t.success,e),{id:r,...n,...null==n?void 0:n.success}),e))).catch((e=>{df.error(ef(t.error,e),{id:r,...n,...null==n?void 0:n.error})})),e};var pf,ff=Jp`
 from {
   transform: scale(0) rotate(45deg);
 	opacity: 0;
@@ -878,7 +878,7 @@ kO=function(){return t};var e,t={},n=Object.prototype,r=n.hasOwnProperty,o=Objec
 	list-style: none;
 	margin: 0;
 	scrollbar-width: none;
-`;const dL=({smartfilters:e,metaproperties:n})=>{const r=Dl(),i=wp(),{language:a}=ho(),s=(l=e,[...l].sort(((e,t)=>e.zindex-t.zindex)));var l;const c=(0,t.useRef)(null),[u,d]=(0,t.useState)({}),[p,f]=(0,t.useState)(),[h,g]=(0,t.useState)({}),[m,v]=(0,t.useState)(0),[y,b]=(0,t.useState)(0),w=(0,t.useRef)({});(0,t.useEffect)((()=>{c.current&&b(c.current.scrollWidth-c.current.clientWidth),r.isDropdownActive||(d({}),f({}))}),[e,c,r]);const x=0===m,E=y>5&&m!==y;function S(){v((e=>{const t=Math.max(e-250,0);return t>=100?t:0}))}function C(){v((e=>{const t=Math.min(e+250,y);return t<=y-100?t:y}))}const k=(e,t)=>{return n=void 0,r=void 0,a=function*(){let n;g((e=>Object.assign(Object.assign({},e),{[t]:!0}))),e.length>=2&&(n=yield(({metapropertyId:e,auth:t,searchTerm:n,page:r=1})=>{return o=void 0,i=void 0,s=function*(){if(!t)throw new Error("No authentication provided");let o=void 0!==t.accountDomain?ad(t.accountDomain.trim()):`https://${window.location.host}`;"/"===o.charAt(o.length-1)&&(o=o.slice(0,-1));const i=t.getAccessToken&&t.getAccessToken(),a=void 0===i?{}:{Authorization:`Bearer ${i}`},s=yield UD(`${o}/api/v4/filters/autocompleteMetaPropertyOptions?metaPropertyId=${e}&term=${n}&page=${r}&isMicrofrontend=true`,{headers:a});return Object.assign({id:e},s)},new((a=void 0)||(a=Promise))((function(e,t){function n(e){try{l(s.next(e))}catch(e){t(e)}}function r(e){try{l(s.throw(e))}catch(e){t(e)}}function l(t){var o;t.done?e(t.value):(o=t.value,o instanceof a?o:new a((function(e){e(o)}))).then(n,r)}l((s=s.apply(o,i||[])).next())}));var o,i,a,s})({metapropertyId:t,auth:i,searchTerm:e})),f((e=>Object.assign(Object.assign({},e),{[t]:n||null}))),g((e=>Object.assign(Object.assign({},e),{[t]:!1})))},new((o=void 0)||(o=Promise))((function(e,t){function i(e){try{l(a.next(e))}catch(e){t(e)}}function s(e){try{l(a.throw(e))}catch(e){t(e)}}function l(t){var n;t.done?e(t.value):(n=t.value,n instanceof o?n:new o((function(e){e(n)}))).then(i,s)}l((a=a.apply(n,r||[])).next())}));var n,r,o,a},_=(e,t,n)=>{r.selectSmartfilterOption(e,t,n)},T=(e,t)=>{var n;d((n=>Object.assign(Object.assign({},n),{[e]:t}))),(n=e,w.current[n]||(w.current[n]=(e=>{let t;return function(...n){return t&&clearTimeout(t),new Promise(((r,o)=>{t=setTimeout((()=>{e(...n).then(r).catch(o)}),500)}))}})(k)),w.current[n])(t,e)};return o().createElement(o().Fragment,null,s.map((e=>n[e.id]?o().createElement($l,{key:e.id,title:e.labels[a]||e.labels.en_US,alt:e.labels[a]||e.labels.en_US,isSmall:!0,fadeIn:!0,isMetapropertyDropdown:!0},(()=>o().createElement(pL,{ref:c},o().createElement(fL,{$scroll:m,"data-testid":"metaproperty-dropdown-content"},e.metaproperties.map((t=>{var i,a;const s=n[e.id][t];if(!s||!(null===(i=r.existingFilters)||void 0===i?void 0:i[s.name]))return null;if("autocomplete"!==s.type&&("smart-single"!==s.type||0===s.options.length))return null;const l="autocomplete"===s.type?o().createElement(KD,{metaproperty:s,value:u[s.id]||"",onChange:T,onOptionSelect:_,autocompleteOptions:p||{},isLoading:h[s.id]||!1,selectedOptions:r.selectedSmartfilterOptions||{}}):o().createElement(sL,{metaproperty:s,smartfilterId:e.id,onOptionSelect:_,selectedOptions:r.selectedSmartfilterOptions||{},filteredMetaproperty:null===(a=r.existingFilters)||void 0===a?void 0:a[s.name]});return o().createElement(hL,{key:t},l)}))),o().createElement(gL,{direction:"row",justifyContent:"flex-end"},o().createElement(mL,{title:"Previous",icon:o().createElement(Ra,null),onClick:S,"data-testid":"left-arrow",isDisabled:x}),o().createElement(mL,{title:"Next",icon:o().createElement(za,null),onClick:C,"data-testid":"right-arrow",isDisabled:!E}))))):null)))},pL=ro.div`
+`;const dL=({smartfilters:e,metaproperties:n})=>{const r=Dl(),i=wp(),{language:a}=ho(),s=(l=e,[...l].sort(((e,t)=>e.zindex-t.zindex)));var l;const c=(0,t.useRef)(null),[u,d]=(0,t.useState)({}),[p,f]=(0,t.useState)(),[h,g]=(0,t.useState)({}),[m,v]=(0,t.useState)(0),[y,b]=(0,t.useState)(0),w=(0,t.useRef)({});(0,t.useEffect)((()=>{c.current&&b(c.current.scrollWidth-c.current.clientWidth),r.isDropdownActive||(d({}),f({}))}),[e,c,r]);const x=0===m,E=y>5&&m!==y;function S(){v((e=>{const t=Math.max(e-250,0);return t>=100?t:0}))}function C(){v((e=>{const t=Math.min(e+250,y);return t<=y-100?t:y}))}const k=(e,t)=>{return n=void 0,r=void 0,a=function*(){let n;g((e=>Object.assign(Object.assign({},e),{[t]:!0}))),e.length>=2&&(n=yield(({metapropertyId:e,auth:t,searchTerm:n,page:r=1})=>{return o=void 0,i=void 0,s=function*(){if(!t)throw new Error("No authentication provided");let o=void 0!==t.accountDomain?ad(t.accountDomain.trim()):`https://${window.location.host}`;"/"===o.charAt(o.length-1)&&(o=o.slice(0,-1));const i=t.getAccessToken&&t.getAccessToken(),a=void 0===i?{}:{Authorization:`Bearer ${i}`},s=yield UD(`${o}/api/v4/filters/autocompleteMetaPropertyOptions?metaPropertyId=${e}&term=${n}&page=${r}&isMicrofrontend=true`,{headers:a});return Object.assign({id:e},s)},new((a=void 0)||(a=Promise))((function(e,t){function n(e){try{l(s.next(e))}catch(e){t(e)}}function r(e){try{l(s.throw(e))}catch(e){t(e)}}function l(t){var o;t.done?e(t.value):(o=t.value,o instanceof a?o:new a((function(e){e(o)}))).then(n,r)}l((s=s.apply(o,i||[])).next())}));var o,i,a,s})({metapropertyId:t,auth:i,searchTerm:e})),f((e=>Object.assign(Object.assign({},e),{[t]:n||null}))),g((e=>Object.assign(Object.assign({},e),{[t]:!1})))},new((o=void 0)||(o=Promise))((function(e,t){function i(e){try{l(a.next(e))}catch(e){t(e)}}function s(e){try{l(a.throw(e))}catch(e){t(e)}}function l(t){var n;t.done?e(t.value):(n=t.value,n instanceof o?n:new o((function(e){e(n)}))).then(i,s)}l((a=a.apply(n,r||[])).next())}));var n,r,o,a},_=(e,t,n)=>{r.selectSmartfilterOption(e,t,n)},T=(e,t)=>{var n;d((n=>Object.assign(Object.assign({},n),{[e]:t}))),(n=e,w.current[n]||(w.current[n]=(e=>{let t;return function(...n){return t&&clearTimeout(t),new Promise(((r,o)=>{t=setTimeout((()=>{e(...n).then(r).catch(o)}),500)}))}})(k)),w.current[n])(t,e)};return o().createElement(o().Fragment,null,s.map((e=>n[e.id]?o().createElement($l,{key:e.id,title:e.labels[a]||e.labels.en_US,alt:e.labels[a]||e.labels.en_US,isSmall:!0,fadeIn:!0,isMetapropertyDropdown:!0},(()=>o().createElement(pL,{ref:c},o().createElement(fL,{$scroll:m,"data-testid":"metaproperty-dropdown-content"},e.metaproperties.map((t=>{var i,a;const s=n[e.id][t];if(!s||!(null===(i=r.existingFilters)||void 0===i?void 0:i[s.name]))return null;if("autocomplete"!==s.type&&("smart-single"!==s.type&&"select"!==s.type||0===s.options.length))return null;const l="autocomplete"===s.type?o().createElement(KD,{metaproperty:s,value:u[s.id]||"",onChange:T,onOptionSelect:_,autocompleteOptions:p||{},isLoading:h[s.id]||!1,selectedOptions:r.selectedSmartfilterOptions||{}}):o().createElement(sL,{metaproperty:s,smartfilterId:e.id,onOptionSelect:_,selectedOptions:r.selectedSmartfilterOptions||{},filteredMetaproperty:null===(a=r.existingFilters)||void 0===a?void 0:a[s.name]});return o().createElement(hL,{key:t},l)}))),o().createElement(gL,{direction:"row",justifyContent:"flex-end"},o().createElement(mL,{title:"Previous",icon:o().createElement(Ra,null),onClick:S,"data-testid":"left-arrow",isDisabled:x}),o().createElement(mL,{title:"Next",icon:o().createElement(za,null),onClick:C,"data-testid":"right-arrow",isDisabled:!E}))))):null)))},pL=ro.div`
 	display: flex;
 	flex-direction: column;
 	overflow: hidden;
@@ -901,7 +901,7 @@ kO=function(){return t};var e,t={},n=Object.prototype,r=n.hasOwnProperty,o=Objec
 	border: 1px solid rgba(3, 16, 38, 0.1);
 	background: rgba(3, 16, 38, 0.03);
 	cursor: pointer;
-`;var vL=function(e,t,n,r){return new(n||(n=Promise))((function(o,i){function a(e){try{l(r.next(e))}catch(e){i(e)}}function s(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((r=r.apply(e,t||[])).next())}))};function yL(){const e=Dl(),[n]=Co(),{value:r}=Oo("assets"),{assetTypes:i,language:a,assetFilter:s,noCache:l,selectionMode:c,selectAllOption:u}=ho(),{clear:d,selectAll:p}=ez(),f=wp(),[h,g]=(0,t.useState)(n.page);Xi(a);const[m,v]=(0,t.useState)(!1),[y,b]=(0,t.useState)(!1),[w,x]=(0,t.useState)(!1),[E,S]=(0,t.useState)(),[C,k]=(0,t.useState)({}),{data:_,isLoading:T}=function(e,n=!1){const r=wp(),[o,i]=(0,t.useState)({tag:"Loading",value:null});let a=!1;const s=()=>vD(this,void 0,void 0,(function*(){i((e=>({tag:"Loading",value:"Failure"===e.tag?null:e.value})));const{filter:t,searchTerm:o,allAssetTypes:s,language:l,predefinedFilter:c}=e,u=xp({filters:null==t?void 0:t.assetTypes,predefinedFilters:null==c?void 0:c.predefinedAssetType,showToolbar:null==c?void 0:c.showToolbar}),d=xp({filters:null==t?void 0:t.tags,predefinedFilters:null==c?void 0:c.predefinedTagNames,showToolbar:null==c?void 0:c.showToolbar}),p=Sp(t.selectedSmartfilterOptions),f={filter:{assetType_in:null!=u?u:s,collectionId:e.collectionId||(null==c?void 0:c.collectionId),metapropertyOptionId_in:p,searchTerm:o,tagNames_in:d,isLimitedUse:t.isLimited},language:l},h=yield gd({query:yD,variables:f,auth:r,noCache:n});a||(id(h)?i({tag:"Failure",value:h.error}):i({tag:"Loaded",value:h.value}))}));return(0,t.useEffect)((()=>(s(),()=>{a=!0})),[e.filter.assetTypes,e.filter.selectedSmartfilterOptions,e.filter.tags,e.searchTerm]),{data:o,isLoading:"Loading"===o.tag}}({filter:e,searchTerm:r||null,allAssetTypes:i,language:a,predefinedFilter:s,collectionId:"collection"===n.page?n.collection.id:null},l);if((0,t.useEffect)((()=>{(()=>{vL(this,void 0,void 0,(function*(){b(!0);try{const{filters:e,metaproperties:t}=yield VD({auth:f});S(e),k(t)}catch(e){S([])}finally{b(!1)}}))})()}),[]),(0,t.useEffect)((()=>(n.page!==h&&(g(n.page),e.clear()),()=>{e.clear()})),[h,n.page]),(0,t.useEffect)((()=>{(()=>{vL(this,void 0,void 0,(function*(){x(!0);try{const t=yield GD({auth:f,filter:{searchTerm:r,assetTypes:i,collectionId:"collection"===n.page?n.collection.id:void 0,tagNames:e.tags,isLimitedUse:e.isLimited,metaproperties:e.selectedSmartfilterOptions}});e.setActiveFiltersState(t)}catch(e){console.error("Error fetching asset counts:",e)}finally{x(!1)}}))})()}),[e.tags,r,i,n.page,e.selectedSmartfilterOptions]),"Failure"===_.tag||!_.value||y||w)return o().createElement(wL,null,o().createElement(bL,null));const{tags:I,count:O}=_.value.searchAssets,j=m?o().createElement(Yi,{onClick:()=>{d(),v(!1)},icon:o().createElement(us,null),title:"",variant:"secondary","data-testid":"deselect-all"}):o().createElement(Yi,{onClick:()=>{p(),v(!0)},icon:o().createElement(hs,null),title:"",variant:"secondary","data-testid":"select-all"});return o().createElement(wL,{"data-testid":"filter-nav"},o().createElement(Oz,null,E&&E.length>0&&o().createElement(dL,{smartfilters:E,metaproperties:C}),I&&I.nodes.length>0&&o().createElement(CD,{tags:I.nodes,isLoading:T}),o().createElement(MD,{isLoading:T,count:O.assetType})),o().createElement(xL,null,"MultiSelect"===c&&u&&"assets"===n.page&&j))}function bL(){return o().createElement(EL,null,o().createElement(Xu,{width:100}),o().createElement(Xu,{width:80}),o().createElement(Xu,{width:110}))}const wL=ro.nav`
+`;var vL=function(e,t,n,r){return new(n||(n=Promise))((function(o,i){function a(e){try{l(r.next(e))}catch(e){i(e)}}function s(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((r=r.apply(e,t||[])).next())}))};function yL(){const e=Dl(),[n]=Co(),{value:r}=Oo("assets"),{assetTypes:i,language:a,assetFilter:s,noCache:l,selectionMode:c,selectAllOption:u}=ho(),{clear:d,selectAll:p}=ez(),f=wp(),[h,g]=(0,t.useState)(n.page);Xi(a);const[m,v]=(0,t.useState)(!1),[y,b]=(0,t.useState)(!1),[w,x]=(0,t.useState)(!1),[E,S]=(0,t.useState)(),[C,k]=(0,t.useState)({}),{data:_,isLoading:T}=function(e,n=!1){const r=wp(),[o,i]=(0,t.useState)({tag:"Loading",value:null});let a=!1;const s=()=>vD(this,void 0,void 0,(function*(){i((e=>({tag:"Loading",value:"Failure"===e.tag?null:e.value})));const{filter:t,searchTerm:o,allAssetTypes:s,language:l,predefinedFilter:c}=e,u=xp({filters:null==t?void 0:t.assetTypes,predefinedFilters:null==c?void 0:c.predefinedAssetType,showToolbar:null==c?void 0:c.showToolbar}),d=xp({filters:null==t?void 0:t.tags,predefinedFilters:null==c?void 0:c.predefinedTagNames,showToolbar:null==c?void 0:c.showToolbar}),p=Sp(t.selectedSmartfilterOptions),f={filter:{assetType_in:null!=u?u:s,collectionId:e.collectionId||(null==c?void 0:c.collectionId),metapropertyOptionId_in:p,searchTerm:o,tagNames_in:d,isLimitedUse:t.isLimited},language:l},h=yield gd({query:yD,variables:f,auth:r,noCache:n});a||(id(h)?i({tag:"Failure",value:h.error}):i({tag:"Loaded",value:h.value}))}));return(0,t.useEffect)((()=>(s(),()=>{a=!0})),[e.filter.assetTypes,e.filter.selectedSmartfilterOptions,e.filter.tags,e.searchTerm]),{data:o,isLoading:"Loading"===o.tag}}({filter:e,searchTerm:r||null,allAssetTypes:i,language:a,predefinedFilter:s,collectionId:"collection"===n.page?n.collection.id:null},l);if((0,t.useEffect)((()=>{(()=>{vL(this,void 0,void 0,(function*(){b(!0);try{const{filters:e,metaproperties:t}=yield VD({auth:f});S(e),k(t)}catch(e){S([])}finally{b(!1)}}))})()}),[]),(0,t.useEffect)((()=>(n.page!==h&&(g(n.page),e.clear()),()=>{e.clear()})),[h,n.page]),(0,t.useEffect)((()=>{let t=!1;return(()=>{vL(this,void 0,void 0,(function*(){x(!0);try{const o=yield GD({auth:f,filter:{searchTerm:r,assetTypes:i,collectionId:"collection"===n.page?n.collection.id:void 0,tagNames:e.tags,isLimitedUse:e.isLimited,metaproperties:e.selectedSmartfilterOptions}});t||e.setActiveFiltersState(o)}catch(e){t||console.error("Error fetching asset counts:",e)}finally{t||x(!1)}}))})(),()=>{t=!0}}),[e.tags,r,i,n.page,e.selectedSmartfilterOptions]),"Failure"===_.tag||!_.value||y||w)return o().createElement(wL,null,o().createElement(bL,null));const{tags:I,count:O}=_.value.searchAssets,j=m?o().createElement(Yi,{onClick:()=>{d(),v(!1)},icon:o().createElement(us,null),title:"",variant:"secondary","data-testid":"deselect-all"}):o().createElement(Yi,{onClick:()=>{p(),v(!0)},icon:o().createElement(hs,null),title:"",variant:"secondary","data-testid":"select-all"});return o().createElement(wL,{"data-testid":"filter-nav"},o().createElement(Oz,null,E&&E.length>0&&o().createElement(dL,{smartfilters:E,metaproperties:C}),I&&I.nodes.length>0&&o().createElement(CD,{tags:I.nodes,isLoading:T}),o().createElement(MD,{isLoading:T,count:O.assetType})),o().createElement(xL,null,"MultiSelect"===c&&u&&"assets"===n.page&&j))}function bL(){return o().createElement(EL,null,o().createElement(Xu,{width:100}),o().createElement(Xu,{width:80}),o().createElement(Xu,{width:110}))}const wL=ro.nav`
 	display: flex;
 	justify-content: space-between;
 	background-color: #fff;
@@ -941,7 +941,7 @@ kO=function(){return t};var e,t={},n=Object.prototype,r=n.hasOwnProperty,o=Objec
 `,jL=ro.div`
 	display: inline-flex;
 	margin-left: auto;
-`;function PL(){const{assetTypes:e,tags:n,isLimited:r,selectedSmartfilterOptions:i}=Dl(),{value:a}=Oo("assets"),[s]=xo("assets"),{assetFilter:l,assetTypes:c,language:u,noCache:d}=ho(),p=Tp((0,t.useMemo)((()=>void 0===l?{filter:{assetTypes:e,selectedSmartfilterOptions:i,tags:n,isLimited:r},searchTerm:a,orderBy:s,allAssetTypes:c,language:u}:l&&l.showToolbar?{filter:{assetTypes:e,selectedSmartfilterOptions:i,tags:n,isLimited:r},searchTerm:a,orderBy:s,predefinedFilter:l,allAssetTypes:c,language:u}:{predefinedFilter:l,orderBy:s,language:u}),[e,n,r,a,s,l,c,u,i]),d);return o().createElement(uD,{connection:p,showActiveFilters:void 0===l||l&&l.showToolbar})}var AL=function(e,t,n,r){return new(n||(n=Promise))((function(o,i){function a(e){try{l(r.next(e))}catch(e){i(e)}}function s(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((r=r.apply(e,t||[])).next())}))};const NL="\n    id\n    name\n    description\n    databaseId\n    createdAt\n    originalUrl\n    publishedAt\n    tags\n    type\n    updatedAt\n    url\n    extensions\n    metaproperties {\n      nodes {\n        name\n        type\n        options {\n          name\n          displayLabel\n        }\n      }\n    }\n    textMetaproperties {\n      name\n      value\n    }\n    derivatives {\n      thumbnail\n      webImage\n    }\n    ... on Video {\n      previewUrls\n    }\n";function ML(e){return AL(this,void 0,void 0,(function*(){const{assetId:t,auth:n,assetFieldSelection:r=NL,noCache:o}=e,i=`\n        fragment AddMediaAsset on Asset {\n            ${r}\n        }\n\n        query getAssetById($id: ID!) {\n            node(id: $id) {\n                __typename\n                id\n                ...on Asset {\n                    ...AddMediaAsset\n                    files\n                }\n            }\n        }`,a={id:t},s=yield gd({query:i,variables:a,auth:n,noCache:o});return id(s)?s:nd(s.value.node)}))}function RL(e){return e.replace(/([a-z0-9])([A-Z])/g,((e,t,n)=>`${t} ${n}`))}var zL=function(e,t,n,r){return new(n||(n=Promise))((function(o,i){function a(e){try{l(r.next(e))}catch(e){i(e)}}function s(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((r=r.apply(e,t||[])).next())}))};const DL="Custom transformation";function LL({asset:e,onChange:n}){const[r,i]=(0,t.useState)({status:"Loading"}),a=wp(),{assetFieldSelection:s,noCache:l,__shouldAddOriginal__:c}=ho(),{transformation:u}=GR();function d(e){i((t=>"Data"!==t.status?t:(e===DL&&u?setTimeout((()=>n({url:null==u?void 0:u.url}))):setTimeout((()=>n(t.files[e]))),Object.assign(Object.assign({},t),{key:e}))))}return(0,t.useEffect)((()=>{var e,t;(null==u?void 0:u.url)&&"Data"===r.status&&d(u.url!==(null===(t=null===(e=r.files)||void 0===e?void 0:e.transformBaseUrl)||void 0===t?void 0:t.url)?DL:"transformBaseUrl")}),[u]),(0,t.useEffect)((()=>{i({status:"Loading"}),n(void 0),function(e){return zL(this,void 0,void 0,(function*(){const{asset:t,auth:n,assetFieldSelection:r,noCache:o}=e,i=yield ML({assetId:t.id,auth:n,assetFieldSelection:r,noCache:o});return od(i)&&i.value.files?nd({files:pd(i.value.files),databaseId:i.value.databaseId||""}):rd("Error retrieving asset files")}))}({asset:e,auth:a,assetFieldSelection:s,noCache:l}).then((e=>{if(id(e))return jo.error(e.error),void i({status:"Failure"});const t=Object.assign({},e.value.files);c&&!("original"in t)&&(t.original={url:e.value.databaseId,isFakeOriginal:!0});const r=function(e){return"transformBaseUrl"in e?"transformBaseUrl":"original"in e?"original":"webImage"}(t);i({status:"Data",files:t,key:r}),n(t[r])}))}),[e.id,a,s]),o().createElement(BL,null,o().createElement($l,{title:o().createElement($L,{state:r}),buttonKind:"secondary",isPaddingContent:!0,direction:"Up",disabled:"Loading"===r.status},(t=>{var n,i;return"Data"===r.status&&o().createElement(UL,null,Object.entries(r.files).map((([e,n])=>{var i;return o().createElement(Wl,{key:e,selected:r.key===e,onClick:()=>{d(e),t()}},o().createElement(HL,{"data-testid":"file-extension"},"transformBaseUrl"===e?o().createElement(WL,null):null!==(i=function(e){if(e)return function(e){const t=e.match(/filename=(.*?)&/);if(t){const e=/(?:\.([^.]+))?$/.exec(t[1]);if(e&&e[1])return e[1]}}(e)||function(e){const t=e.split("/"),n=t[t.length-1].split(".");if(n.length<=1)return;const r=n[n.length-1],o=r.indexOf("?");return-1!==o?r.substring(0,o):r}(e)}(n.url))&&void 0!==i?i:o().createElement(VL,null)),o().createElement(qL,null,o().createElement(GL,null,RL(e)),o().createElement(YL,null,n.width&&n.height&&`${n.width} x ${n.height} px`,n.width&&n.height&&n.fileSize&&o().createElement("span",null,"•"),n.fileSize&&function(e){if(e<1)return"0 Bytes";const t=Math.floor(Math.log(e)/Math.log(1024));return`${(e/Math.pow(1024,t)).toFixed(1)} ${{0:"Bytes",1:"kB",2:"MB",3:"GB",4:"TB",5:"PB",6:"EB",7:"ZB",8:"YB"}[t]}`}(n.fileSize))))})),o().createElement(YR,{transformBaseUrl:null===(i=null===(n=r.files)||void 0===n?void 0:n.transformBaseUrl)||void 0===i?void 0:i.url,toggleDropdown:t,asset:e}))})))}function $L({state:e}){return"Loading"===e.status?o().createElement(Xu,{width:50}):"Data"===e.status?o().createElement(FL,null,e.key===DL&&o().createElement(Qa,null),RL(e.key)):o().createElement(o().Fragment,null,"Error")}const BL=ro.div`
+`;function PL(){const{assetTypes:e,tags:n,isLimited:r,selectedSmartfilterOptions:i}=Dl(),{value:a}=Oo("assets"),[s]=xo("assets"),{assetFilter:l,assetTypes:c,language:u,noCache:d}=ho(),p=Tp((0,t.useMemo)((()=>void 0===l?{filter:{assetTypes:e,selectedSmartfilterOptions:i,tags:n,isLimited:r},searchTerm:a,orderBy:s,allAssetTypes:c,language:u}:l&&l.showToolbar?{filter:{assetTypes:e,selectedSmartfilterOptions:i,tags:n,isLimited:r},searchTerm:a,orderBy:s,predefinedFilter:l,allAssetTypes:c,language:u}:{filter:{assetTypes:e,selectedSmartfilterOptions:i,tags:n,isLimited:r},predefinedFilter:l,orderBy:s,language:u}),[e,n,r,a,s,l,c,u,i]),d);return o().createElement(uD,{connection:p,showActiveFilters:void 0===l||l&&l.showToolbar})}var AL=function(e,t,n,r){return new(n||(n=Promise))((function(o,i){function a(e){try{l(r.next(e))}catch(e){i(e)}}function s(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((r=r.apply(e,t||[])).next())}))};const NL="\n    id\n    name\n    description\n    databaseId\n    createdAt\n    originalUrl\n    publishedAt\n    tags\n    type\n    updatedAt\n    url\n    extensions\n    metaproperties {\n      nodes {\n        name\n        type\n        options {\n          name\n          displayLabel\n        }\n      }\n    }\n    textMetaproperties {\n      name\n      value\n    }\n    derivatives {\n      thumbnail\n      webImage\n    }\n    ... on Video {\n      previewUrls\n    }\n";function ML(e){return AL(this,void 0,void 0,(function*(){const{assetId:t,auth:n,assetFieldSelection:r=NL,noCache:o}=e,i=`\n        fragment AddMediaAsset on Asset {\n            ${r}\n        }\n\n        query getAssetById($id: ID!) {\n            node(id: $id) {\n                __typename\n                id\n                ...on Asset {\n                    ...AddMediaAsset\n                    files\n                }\n            }\n        }`,a={id:t},s=yield gd({query:i,variables:a,auth:n,noCache:o});return id(s)?s:nd(s.value.node)}))}function RL(e){return e.replace(/([a-z0-9])([A-Z])/g,((e,t,n)=>`${t} ${n}`))}var zL=function(e,t,n,r){return new(n||(n=Promise))((function(o,i){function a(e){try{l(r.next(e))}catch(e){i(e)}}function s(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((r=r.apply(e,t||[])).next())}))};const DL="Custom transformation";function LL({asset:e,onChange:n}){const[r,i]=(0,t.useState)({status:"Loading"}),a=wp(),{assetFieldSelection:s,noCache:l,__shouldAddOriginal__:c}=ho(),{transformation:u}=GR();function d(e){i((t=>"Data"!==t.status?t:(e===DL&&u?setTimeout((()=>n({url:null==u?void 0:u.url}))):setTimeout((()=>n(t.files[e]))),Object.assign(Object.assign({},t),{key:e}))))}return(0,t.useEffect)((()=>{var e,t;(null==u?void 0:u.url)&&"Data"===r.status&&d(u.url!==(null===(t=null===(e=r.files)||void 0===e?void 0:e.transformBaseUrl)||void 0===t?void 0:t.url)?DL:"transformBaseUrl")}),[u]),(0,t.useEffect)((()=>{i({status:"Loading"}),n(void 0),function(e){return zL(this,void 0,void 0,(function*(){const{asset:t,auth:n,assetFieldSelection:r,noCache:o}=e,i=yield ML({assetId:t.id,auth:n,assetFieldSelection:r,noCache:o});return od(i)&&i.value.files?nd({files:pd(i.value.files),databaseId:i.value.databaseId||""}):rd("Error retrieving asset files")}))}({asset:e,auth:a,assetFieldSelection:s,noCache:l}).then((e=>{if(id(e))return jo.error(e.error),void i({status:"Failure"});const t=Object.assign({},e.value.files);c&&!("original"in t)&&(t.original={url:e.value.databaseId,isFakeOriginal:!0});const r=function(e){return"transformBaseUrl"in e?"transformBaseUrl":"original"in e?"original":"webImage"}(t);i({status:"Data",files:t,key:r}),n(t[r])}))}),[e.id,a,s]),o().createElement(BL,null,o().createElement($l,{title:o().createElement($L,{state:r}),buttonKind:"secondary",isPaddingContent:!0,direction:"Up",disabled:"Loading"===r.status},(t=>{var n,i;return"Data"===r.status&&o().createElement(UL,null,Object.entries(r.files).map((([e,n])=>{var i;return o().createElement(Wl,{key:e,selected:r.key===e,onClick:()=>{d(e),t()}},o().createElement(HL,{"data-testid":"file-extension"},"transformBaseUrl"===e?o().createElement(WL,null):null!==(i=function(e){if(e)return function(e){const t=e.match(/filename=(.*?)&/);if(t){const e=/(?:\.([^.]+))?$/.exec(t[1]);if(e&&e[1])return e[1]}}(e)||function(e){const t=e.split("/"),n=t[t.length-1].split(".");if(n.length<=1)return;const r=n[n.length-1],o=r.indexOf("?");return-1!==o?r.substring(0,o):r}(e)}(n.url))&&void 0!==i?i:o().createElement(VL,null)),o().createElement(qL,null,o().createElement(GL,null,RL(e)),o().createElement(YL,null,n.width&&n.height&&`${n.width} x ${n.height} px`,n.width&&n.height&&n.fileSize&&o().createElement("span",null,"•"),n.fileSize&&function(e){if(e<1)return"0 Bytes";const t=Math.floor(Math.log(e)/Math.log(1024));return`${(e/Math.pow(1024,t)).toFixed(1)} ${{0:"Bytes",1:"kB",2:"MB",3:"GB",4:"TB",5:"PB",6:"EB",7:"ZB",8:"YB"}[t]}`}(n.fileSize))))})),o().createElement(YR,{transformBaseUrl:null===(i=null===(n=r.files)||void 0===n?void 0:n.transformBaseUrl)||void 0===i?void 0:i.url,toggleDropdown:t,asset:e}))})))}function $L({state:e}){return"Loading"===e.status?o().createElement(Xu,{width:50}):"Data"===e.status?o().createElement(FL,null,e.key===DL&&o().createElement(Qa,null),RL(e.key)):o().createElement(o().Fragment,null,"Error")}const BL=ro.div`
 	margin-right: ${co.spacing5};
 	text-transform: capitalize;
 `,FL=ro.div`