1(self.rspackChunkvagaro_websitebuilder_consumer=self.rspackChunkvagaro_websitebuilder_consumer||[]).push([[3832],{58205(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.isNavigator=t.isBrowser=t.off=t.on=t.noop=void 0,t.noop=function(){},t.on=function(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];e&&e.addEventListener&&e.addEventListener.apply(e,t)},t.off=function(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];e&&e.removeEventListener&&e.removeEventListener.apply(e,t)},t.isBrowser="u">typeof window,t.isNavigator="u">typeof navigator},75503(e,t,r){"use strict";var n=r(41001),i=r(96540),o=n.__importDefault(r(86314));t.A=function(e,t,r){void 0===t&&(t=[]),void 0===r&&(r={loading:!1});var a=i.useRef(0),s=o.default(),l=i.useState(r),c=l[0],u=l[1],f=i.useCallback(function(){for(var t=[],r=0;r<arguments.length;r++)t[r]=arguments[r];var i=++a.current;return c.loading||u(function(e){return n.__assign(n.__assign({},e),{loading:!0})}),e.apply(void 0,t).then(function(e){return s()&&i===a.current&&u({value:e,loading:!1}),e},function(e){return s()&&i===a.current&&u({error:e,loading:!1}),e})},t);return[c,f]}},38944(e,t,r){"use strict";var n=r(41001),i=r(96540),o=n.__importDefault(r(91416));t.A=function(e,t,r){void 0===t&&(t=0),void 0===r&&(r=[]);var n=o.default(e,t),a=n[0],s=n[1],l=n[2];return i.useEffect(l,r),[a,s]}},93183(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=r(96540);t.default=function(e){n.useEffect(e,[])}},30277(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=r(96540);t.default=r(58205).isBrowser?n.useLayoutEffect:n.useEffect},88056(e,t,r){"use strict";var n=r(96540);t.A=function(e){var t=n.useRef(e);return t.current=e,t}},86314(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=r(96540);t.default=function(){var e=n.useRef(!1),t=n.useCallback(function(){return e.current},[]);return n.useEffect(function(){return e.current=!0,function(){e.current=!1}},[]),t}},922(e,t,r){"use strict";var n=r(41001),i=r(96540),o=n.__importDefault(r(30277));t.A=function(e,t){void 0===e&&(e=1e12),void 0===t&&(t=0);var r=i.useState(0),n=r[0],a=r[1];return o.default(function(){var r,n,i,o=function(){a(Math.min(1,(Date.now()-i)/e)),s()},s=function(){r=requestAnimationFrame(o)},l=setTimeout(function(){n=setTimeout(function(){cancelAnimationFrame(r),a(1)},e),i=Date.now(),s()},t);return function(){clearTimeout(n),clearTimeout(l),cancelAnimationFrame(r)}},[e,t]),n}},54403(e,t,r){"use strict";var n=r(41001),i=r(96540),o=n.__importDefault(r(22267));t.A=function(e,t){void 0===t&&(t=200);var r=i.useState(e),n=r[0],a=r[1],s=i.useRef(),l=i.useRef(null),c=i.useRef(0);return i.useEffect(function(){if(s.current)l.current=e,c.current=!0;else{a(e);var r=function(){c.current?(c.current=!1,a(l.current),s.current=setTimeout(r,t)):s.current=void 0};s.current=setTimeout(r,t)}},[e]),o.default(function(){s.current&&clearTimeout(s.current)}),n}},91416(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=r(96540);t.default=function(e,t){void 0===t&&(t=0);var r=n.useRef(!1),i=n.useRef(),o=n.useRef(e),a=n.useCallback(function(){return r.current},[]),s=n.useCallback(function(){r.current=!1,i.current&&clearTimeout(i.current),i.current=setTimeout(function(){r.current=!0,o.current()},t)},[t]),l=n.useCallback(function(){r.current=null,i.current&&clearTimeout(i.current)},[]);return n.useEffect(function(){o.current=e},[e]),n.useEffect(function(){return s(),l},[t]),[a,l,s]}},22267(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=r(41001),i=r(96540),o=n.__importDefault(r(93183));t.default=function(e){var t=i.useRef(e);t.current=e,o.default(function(){return function(){return t.current()}})}},49025(){!function(){"use strict";if("object"==typeof window){if("IntersectionObserver"in window&&"IntersectionObserverEntry"in window&&"intersectionRatio"in window.IntersectionObserverEntry.prototype){"isIntersecting"in window.IntersectionObserverEntry.prototype||Object.defineProperty(window.IntersectionObserverEntry.prototype,"isIntersecting",{get:function(){return this.intersectionRatio>0}});return}var e=function(e){for(var t=e,r=i(t);r;)r=i(t=r.ownerDocument);return t}(window.document),t=[],r=null,n=null;a.prototype.THROTTLE_TIMEOUT=100,a.prototype.POLL_INTERVAL=null,a.prototype.USE_MUTATION_OBSERVER=!0,a._setupCrossOriginUpdater=function(){return r||(r=function(e,r){n=e&&r?d(e,r):u(),t.forEach(function(e){e._checkForIntersections()})}),r},a._resetCrossOriginUpdater=function(){r=null,n=null},a.prototype.observe=function(e){if(!this._observationTargets.some(function(t){return t.element==e})){if(!(e&&1==e.nodeType))throw Error("target must be an Element");this._registerInstance(),this._observationTargets.push({element:e,entry:null}),this._monitorIntersections(e.ownerDocument),this._checkForIntersections()}},a.prototype.unobserve=function(e){this._observationTargets=this._observationTargets.filter(function(t){return t.element!=e}),this._unmonitorIntersections(e.ownerDocument),0==this._observationTargets.length&&this._unregisterInstance()},a.prototype.disconnect=function(){this._observationTargets=[],this._unmonitorAllIntersections(),this._unregisterInstance()},a.prototype.takeRecords=function(){var e=this._queuedEntries.slice();return this._queuedEntries=[],e},a.prototype._initThresholds=function(e){var t=e||[0];return Array.isArray(t)||(t=[t]),t.sort().filter(function(e,t,r){if("number"!=typeof e||isNaN(e)||e<0||e>1)throw Error("threshold must be a number between 0 and 1 inclusively");return e!==r[t-1]})},a.prototype._parseRootMargin=function(e){var t=(e||"0px").split(/\s+/).map(function(e){var t=/^(-?\d*\.?\d+)(px|%)$/.exec(e);if(!t)throw Error("rootMargin must be specified in pixels or percent");return{value:parseFloat(t[1]),unit:t[2]}});return t[1]=t[1]||t[0],t[2]=t[2]||t[0],t[3]=t[3]||t[1],t},a.prototype._monitorIntersections=function(t){var r=t.defaultView;if(r&&-1==this._monitoringDocuments.indexOf(t)){var n=this._checkForIntersections,o=null,a=null;if(this.POLL_INTERVAL?o=r.setInterval(n,this.POLL_INTERVAL):(s(r,"resize",n,!0),s(t,"scroll",n,!0),this.USE_MUTATION_OBSERVER&&"MutationObserver"in r&&(a=new r.MutationObserver(n)).observe(t,{attributes:!0,childList:!0,characterData:!0,subtree:!0})),this._monitoringDocuments.push(t),this._monitoringUnsubscribes.push(function(){var e=t.defaultView;e&&(o&&e.clearInterval(o),l(e,"resize",n,!0)),l(t,"scroll",n,!0),a&&a.disconnect()}),t!=(this.root&&(this.root.ownerDocument||this.root)||e)){var c=i(t);c&&this._monitorIntersections(c.ownerDocument)}}},a.prototype._unmonitorIntersections=function(t){var r=this._monitoringDocuments.indexOf(t);if(-1!=r){var n=this.root&&(this.root.ownerDocument||this.root)||e;if(!this._observationTargets.some(function(e){var r=e.element.ownerDocument;if(r==t)return!0;for(;r&&r!=n;){var o=i(r);if((r=o&&o.ownerDocument)==t)return!0}return!1})){var o=this._monitoringUnsubscribes[r];if(this._monitoringDocuments.splice(r,1),this._monitoringUnsubscribes.splice(r,1),o(),t!=n){var a=i(t);a&&this._unmonitorIntersections(a.ownerDocument)}}}},a.prototype._unmonitorAllIntersections=function(){var e=this._monitoringUnsubscribes.slice(0);this._monitoringDocuments.length=0,this._monitoringUnsubscribes.length=0;for(var t=0;t<e.length;t++)e[t]()},a.prototype._checkForIntersections=function(){if(this.root||!r||n){var e=this._rootIsInDom(),t=e?this._getRootRect():u();
1this._observationTargets.forEach(function(n){var i=n.element,a=c(i),s=this._rootContainsTarget(i),l=n.entry,f=e&&s&&this._computeTargetAndRootIntersection(i,a,t),d=null;this._rootContainsTarget(i)?(!r||this.root)&&(d=t):d=u();var h=n.entry=new o({time:window.performance&&performance.now&&performance.now(),target:i,boundingClientRect:a,rootBounds:d,intersectionRect:f});l?e&&s?this._hasCrossedThreshold(l,h)&&this._queuedEntries.push(h):l&&l.isIntersecting&&this._queuedEntries.push(h):this._queuedEntries.push(h)},this),this._queuedEntries.length&&this._callback(this.takeRecords(),this)}},a.prototype._computeTargetAndRootIntersection=function(t,i,o){if("none"!=window.getComputedStyle(t).display){for(var a=i,s=p(t),l=!1;!l&&s;){var u=null,f=1==s.nodeType?window.getComputedStyle(s):{};if("none"==f.display)return null;if(s==this.root||9==s.nodeType)if(l=!0,s==this.root||s==e)r&&!this.root?n&&(0!=n.width||0!=n.height)?u=n:(s=null,u=null,a=null):u=o;else{var h=p(s),m=h&&c(h),g=h&&this._computeTargetAndRootIntersection(h,m,o);m&&g?(s=h,u=d(m,g)):(s=null,a=null)}else{var y=s.ownerDocument;s!=y.body&&s!=y.documentElement&&"visible"!=f.overflow&&(u=c(s))}if(u&&(a=function(e,t){var r=Math.max(e.top,t.top),n=Math.min(e.bottom,t.bottom),i=Math.max(e.left,t.left),o=Math.min(e.right,t.right),a=o-i,s=n-r;return a>=0&&s>=0&&{top:r,bottom:n,left:i,right:o,width:a,height:s}||null}(u,a)),!a)break;s=s&&p(s)}return a}},a.prototype._getRootRect=function(){var t;if(this.root&&!m(this.root))t=c(this.root);else{var r=m(this.root)?this.root:e,n=r.documentElement,i=r.body;t={top:0,left:0,right:n.clientWidth||i.clientWidth,width:n.clientWidth||i.clientWidth,bottom:n.clientHeight||i.clientHeight,height:n.clientHeight||i.clientHeight}}return this._expandRectByRootMargin(t)},a.prototype._expandRectByRootMargin=function(e){var t=this._rootMarginValues.map(function(t,r){return"px"==t.unit?t.value:t.value*(r%2?e.width:e.height)/100}),r={top:e.top-t[0],right:e.right+t[1],bottom:e.bottom+t[2],left:e.left-t[3]};return r.width=r.right-r.left,r.height=r.bottom-r.top,r},a.prototype._hasCrossedThreshold=function(e,t){var r=e&&e.isIntersecting?e.intersectionRatio||0:-1,n=t.isIntersecting?t.intersectionRatio||0:-1;if(r!==n)for(var i=0;i<this.thresholds.length;i++){var o=this.thresholds[i];if(o==r||o==n||o<r!=o<n)return!0}},a.prototype._rootIsInDom=function(){return!this.root||h(e,this.root)},a.prototype._rootContainsTarget=function(t){var r=this.root&&(this.root.ownerDocument||this.root)||e;return h(r,t)&&(!this.root||r==t.ownerDocument)},a.prototype._registerInstance=function(){0>t.indexOf(this)&&t.push(this)},a.prototype._unregisterInstance=function(){var e=t.indexOf(this);-1!=e&&t.splice(e,1)},window.IntersectionObserver=a,window.IntersectionObserverEntry=o}function i(e){try{return e.defaultView&&e.defaultView.frameElement||null}catch(e){return null}}function o(e){this.time=e.time,this.target=e.target,this.rootBounds=f(e.rootBounds),this.boundingClientRect=f(e.boundingClientRect),this.intersectionRect=f(e.intersectionRect||u()),this.isIntersecting=!!e.intersectionRect;var t=this.boundingClientRect,r=t.width*t.height,n=this.intersectionRect,i=n.width*n.height;r?this.intersectionRatio=Number((i/r).toFixed(4)):this.intersectionRatio=+!!this.isIntersecting}function a(e,t){var r,n,i,o=t||{};if("function"!=typeof e)throw Error("callback must be a function");if(o.root&&1!=o.root.nodeType&&9!=o.root.nodeType)throw Error("root must be a Document or Element");this._checkForIntersections=(r=this._checkForIntersections.bind(this),n=this.THROTTLE_TIMEOUT,i=null,function(){i||(i=setTimeout(function(){r(),i=null},n))}),this._callback=e,this._observationTargets=[],this._queuedEntries=[],this._rootMarginValues=this._parseRootMargin(o.rootMargin),this.thresholds=this._initThresholds(o.threshold),this.root=o.root||null,this.rootMargin=this._rootMarginValues.map(function(e){return e.value+e.unit}).join(" "),this._monitoringDocuments=[],this._monitoringUnsubscribes=[]}function s(e,t,r,n){"function"==typeof e.addEventListener?e.addEventListener(t,r,n||!1):"function"==typeof e.attachEvent&&e.attachEvent("on"+t,r)}function l(e,t,r,n){"function"==typeof e.removeEventListener?e.removeEventListener(t,r,n||!1):"function"==typeof e.detachEvent&&e.detachEvent("on"+t,r)}function c(e){var t;try{t=e.getBoundingClientRect()}catch(e){}
1return t?(t.width&&t.height||(t={top:t.top,right:t.right,bottom:t.bottom,left:t.left,width:t.right-t.left,height:t.bottom-t.top}),t):u()}function u(){return{top:0,bottom:0,left:0,right:0,width:0,height:0}}function f(e){return!e||"x"in e?e:{top:e.top,y:e.top,bottom:e.bottom,left:e.left,x:e.left,right:e.right,width:e.width,height:e.height}}function d(e,t){var r=t.top-e.top,n=t.left-e.left;return{top:r,left:n,height:t.height,width:t.width,bottom:r+t.height,right:n+t.width}}function h(e,t){for(var r=t;r;){if(r==e)return!0;r=p(r)}return!1}function p(t){var r=t.parentNode;return 9==t.nodeType&&t!=e?i(t):(r&&r.assignedSlot&&(r=r.assignedSlot.parentNode),r&&11==r.nodeType&&r.host)?r.host:r}function m(e){return e&&9===e.nodeType}}()},51547(e,t,r){"use strict";let n,i,o,a;r.r(t),r.d(t,{default:()=>rM});var s,l,c=r(74848),u=r(96540);let f="u">typeof crypto&&crypto.randomUUID&&crypto.randomUUID.bind(crypto),d=new Uint8Array(16),h=[];for(let e=0;e<256;++e)h.push((e+256).toString(16).slice(1));let p=function(e,t,r){if(f&&!t&&!e)return f();let i=(e=e||{}).random||(e.rng||function(){if(!n&&!(n="u">typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)))throw Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return n(d)})();if(i[6]=15&i[6]|64,i[8]=63&i[8]|128,t){r=r||0;for(let e=0;e<16;++e)t[r+e]=i[e];return t}return function(e,t=0){return h[e[t+0]]+h[e[t+1]]+h[e[t+2]]+h[e[t+3]]+"-"+h[e[t+4]]+h[e[t+5]]+"-"+h[e[t+6]]+h[e[t+7]]+"-"+h[e[t+8]]+h[e[t+9]]+"-"+h[e[t+10]]+h[e[t+11]]+h[e[t+12]]+h[e[t+13]]+h[e[t+14]]+h[e[t+15]]}(i)};var m=Object.defineProperty,g=Object.defineProperties,y=Object.getOwnPropertyDescriptors,v=Object.getOwnPropertySymbols,b=Object.prototype.hasOwnProperty,w=Object.prototype.propertyIsEnumerable,E=(e,t,r)=>t in e?m(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,_=(e,t)=>{for(var r in t||(t={}))b.call(t,r)&&E(e,r,t[r]);if(v)for(var r of v(t))w.call(t,r)&&E(e,r,t[r]);return e},x={ENABLED:"u">typeof window&&"u">typeof location&&-1!==location.search.indexOf("giphy-debug"),LEVEL:0,PREFIX:"GiphyJS",debug:(...e)=>{x.ENABLED&&x.LEVEL<=0&&console.debug(x.PREFIX,...e)},info:(...e)=>{x.ENABLED&&x.LEVEL<=1&&console.info(x.PREFIX,...e)},warn:(...e)=>{x.ENABLED&&x.LEVEL<=2&&console.warn(x.PREFIX,...e)},error:(...e)=>{x.ENABLED&&x.LEVEL<=3&&console.error(x.PREFIX,...e)}},C=function(e,t,r,n=50){let i,o,[a]=e,s=e.filter(e=>(e.width*e.height>a.width*a.height&&(a=e),t-e.width<=n&&r-e.height<=n));return 0===s.length?a:(o=1/0,s.forEach(e=>{let n=Math.abs(1-e.width/t*(e.height/r));n<o&&(o=n,i=e)}),i)};function L(e,t){let r={};return t.forEach(t=>{void 0!==e[t]&&(r[t]=e[t])}),r}var k="",A=()=>{let e="",t="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789",r=t.length;for(let n=0;n<16;n++)e+=t.charAt(Math.floor(Math.random()*r));return e},$=()=>{if(!k){try{k=sessionStorage.getItem("giphyPingbackId")}catch(e){}if(!k){let e=new Date().getTime().toString(16);try{k=`${e}${p().replace(/-/g,"")}`.substring(0,16)}catch(e){k=A()}try{sessionStorage.setItem("giphyPingbackId",k)}catch(e){}}}return k};new Promise(e=>{"u"<typeof Image&&e(!1);let t=new Image;t.onload=()=>{e(!0)},t.onerror=()=>{e(!1)},t.src="data:image/webp;base64,UklGRjoAAABXRUJQVlA4IC4AAACyAgCdASoCAAIALmk0mk0iIiIiIgBoSygABc6WWgAA/veff/0PP8bA//LwYAAA"});var S=(e,t,r)=>{let n=null==e?void 0:e.assets;if(n)return n=_({},n),delete n.source,C(Object.values(n).sort((e,t)=>e.width-t.width),t,r)},j=({images:e},t)=>{let{fixed_width:r}=e;if(r){let{width:e,height:n}=r;return Math.round(t/(e/n))}return 0},O=({images:e},t)=>{let{fixed_width:r}=e;if(r){let{width:e,height:n}=r;return Math.round(e/n*t)}return 0},P=("u">typeof window?window:global)||{};P._GIPHY_SDK_HEADERS_=P._GIPHY_SDK_HEADERS_||(P.Headers?new P.Headers({"X-GIPHY-SDK-PLATFORM":"web"}):void 0);var I=(e,t)=>{var r;return null==(r=P._GIPHY_SDK_HEADERS_)?void 0:r.set(e,t)},R=Object.defineProperty,N=Object.defineProperties,D=Object.getOwnPropertyDescriptors,T=Object.getOwnPropertyNames,F=Object.getOwnPropertySymbols,M=Object.prototype.hasOwnProperty,G=Object.prototype.propertyIsEnumerable,H=(e,t,r)=>t in e?R(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,z=(e,t)=>{for(var r in t||(t={}))M.call(t,r)&&H(e,r,t[r]);if(F)for(var r of F(t))G.call(t,r)&&H(e,r,t[r]);return e},V=(i=function(e){if("u">typeof require)return require.apply(this,arguments);throw Error('Dynamic require of "'+e+'" is not supported')},"u">typeof require?require:"u">typeof Proxy?new Proxy(i,{get:(e,t)=>("u">typeof require?require:e)[t]}):i),B=(e,t,r)=>new Promise((n,i)=>{var o=e=>
1{try{s(r.next(e))}catch(e){i(e)}},a=e=>{try{s(r.throw(e))}catch(e){i(e)}},s=e=>e.done?n(e.value):Promise.resolve(e.value).then(o,a);s((r=r.apply(e,t)).next())}),U=(o={"package.json"(e,t){t.exports={scripts:{lint:"run -T eslint . --ext .ts,.tsx",clean:"rm -rf ./dist",dev:"parcel public/test.html",docs:"typedoc src/index.ts",build:"run -T tsup src/index.ts --format cjs,esm --dts && run -T publint",prepublish:"npm run clean && npm run build",test:"run -T jest --config ./jestconfig.js","test:watch":"run -T jest --config ./jestconfig.js --watchAll"},name:"@giphy/js-fetch-api",version:"5.8.0",description:"Javascript API to fetch gifs and stickers from the GIPHY API.",homepage:"https://github.com/Giphy/giphy-js/tree/master/packages/fetch-api",repository:{type:"git",url:"https://github.com/Giphy/giphy-js",directory:"packages/fetch-api"},main:"dist/index.cjs",types:"dist/index.d.ts",module:"dist/index.js",type:"module",sideEffects:!1,exports:{".":{types:"./dist/index.d.ts",import:"./dist/index.js",require:"./dist/index.cjs"},"./package.json":"./package.json"},files:["dist/","src/**/*"],license:"MIT",publishConfig:{access:"public"},dependencies:{"@giphy/js-types":"*","@giphy/js-util":"*"},devDependencies:{"jest-fetch-mock":"^3.0.3","parcel-bundler":"latest",typedoc:"^0.20.37","typedoc-thunder-theme":"^0.0.3",typescript:"^5.0.4"}}}},function(){return a||(0,o[T(o)[0]])((a={exports:{}}).exports,a),a.exports}),W=(("u">typeof window?window:global)||{}).GIPHY_API_URL||"https://api.giphy.com/v1/",q="pg-13",Z=["is_anonymous","is_community","is_featured","is_hidden","is_indexable","is_preserve_size","is_realtime","is_removed","is_sticker","is_dynamic"],K=["suppress_chrome","is_public","is_verified"],Q=e=>t=>e[t]=!!e[t],Y=e=>"string"==typeof e?e:e.text,X=(e,t="")=>{let r=z({},e);r.id=String(r.id),r.tags=(r.tags||[]).map(Y),r.bottle_data||(r.bottle_data={}),r.response_id=t,Z.forEach(Q(r)),Object.keys(r.images||{}).forEach(e=>{let t=r.images[e];t.width=parseInt(t.width),t.height=parseInt(t.height)});let{user:n}=r;if(n){let e=z({},n);K.forEach(Q(e)),r.user=e}return r},J=e=>{let{response_id:t}=e.meta;return e.data=X(e.data,t),e},ee=e=>{let{response_id:t}=e.meta;return e.data=e.data.map(e=>X(e,t)),e},et=class extends Error{constructor(e,t,r=0,n=""){super(e),this.url=t,this.status=r,this.statusText=n}},er=class extends et{},en=e=>e,ei={},eo=function(e,t={}){let r,{apiVersion:n=1,noCache:i=!1,normalizer:o=en}=t,a=W.replace(/\/v\d+\/$/,`/v${n}/`);if(r=Date.now(),Object.keys(ei).forEach(e=>{let t=ei[e].isError?6e3:6e4;r-ei[e].ts>=t&&delete ei[e]}),!ei[e]||i){let t=`${a}${e}`,r=()=>B(this,null,function*(){var r,n;let i;try{let a=yield fetch(t,{method:"get"});if(a.ok){let e=yield a.json();if(null==(r=e.meta)?void 0:r.response_id)return o(e);throw{message:"synthetic response"}}{let r="Error fetching";try{let e=yield a.json();e.message&&(r=e.message),(null==(n=e.meta)?void 0:n.msg)&&(r=e.meta.msg)}catch(e){}ei[e]&&(ei[e].isError=!0);let o=et;"This content is not available in your location"===r&&(o=er),i=new o(`@giphy/js-fetch-api: ${r}`,t,a.status,a.statusText)}}catch(r){i=new et(r.message,t),ei[e]&&(ei[e].isError=!0)}throw i});ei[e]={request:r(),ts:Date.now()}}return ei[e].request},ea=e=>e&&e.type?e.type:"gifs",es=class{constructor(e,t={}){this.getQS=(e={})=>new URLSearchParams(z(N(z({},e),D({api_key:this.apiKey,pingback_id:$()})),this.qsParams)).toString(),this.apiKey=e,this.qsParams=t}categories(e){return eo(`gifs/categories?${this.getQS(e)}`)}gif(e,t){let r=(null==t?void 0:t.internal)?"internal/":"";return eo(`${r}gifs/${e}?${this.getQS()}`,{normalizer:J})}gifs(e,t){return Array.isArray(e)?eo(`gifs?${this.getQS({ids:e.join(",")})}`,{normalizer:ee}):eo(`gifs/categories/${e}/${t}?${this.getQS()}`,{normalizer:ee})}emoji(e){return eo(`emoji?${this.getQS(e)}`,{normalizer:ee})}emojiDefaultVariations(e){return eo(`emoji?${this.getQS(e)}
1`,{apiVersion:2,normalizer:ee})}emojiVariations(e){return eo(`emoji/${e}/variations?${this.getQS()}`,{apiVersion:2,normalizer:ee})}animate(e,t={}){let r=this.getQS(N(z({},t),D({m:e})));return eo(`text/animate?${r}`,{normalizer:ee})}search(e,t={}){let r,n=t.channel?`@${t.channel} ${e}`:e;"text"===t.type&&(r=!0);let i=this.getQS(N(z({rating:q},t),D({q:n,excludeDynamicResults:r})));return eo(`${ea(t)}/search?${i}`,{normalizer:ee})}subcategories(e,t){return eo(`gifs/categories/${e}?${this.getQS(t)}`)}trending(e={}){return eo(`${ea(e)}/trending?${this.getQS(z({rating:q},e))}`,{normalizer:ee})}random(e){return eo(`${ea(e)}/random?${this.getQS(z({rating:q},e||{}))}`,{noCache:!0,normalizer:J})}related(e,t={}){let{type:r="gifs"}=t;return eo(`${r}/related?${this.getQS(z({gif_id:e,rating:q},t))}`,{normalizer:ee})}channels(e,t={}){return eo(`channels/search?${this.getQS(z({q:e,rating:q},t))}`)}},el=Symbol("has inivisible gifs"),ec=(e,t=[])=>{let r=[...t],n=t.map(e=>e.id),i=t.length,o=!1;return t=>B(void 0,null,function*(){if(t&&(r=t,n=t.map(e=>e.id)),o)return r;let{pagination:a,data:s}=yield e(i);o=(i=a.count+a.offset)===a.total_count,s.forEach(e=>{let{id:t}=e;n.includes(t)||(r.push(e),n.push(t))});let l=[...r];return a.hasMoreGifs&&(l.skipCountCheck=el),l})};if(void 0!==V){let{version:e}=U();(null==(s=P._GIPHY_SDK_HEADERS_)?void 0:s.get("X-GIPHY-SDK-NAME"))||(I("X-GIPHY-SDK-NAME","FetchAPI"),I("X-GIPHY-SDK-VERSION",e))}var eu=r(59968),ef="#121212",ed="#212121",eh="#4a4a4a",ep="#a6a6a6",em="#ffffff",eg="#00ccff",ey="#00ff99",ev="#9933ff",eb="#ff6666",ew="#fff35c";function eE(e,t,r,n){var i,o=!1,a=0;function s(){i&&clearTimeout(i)}function l(){for(var l=arguments.length,c=Array(l),u=0;u<l;u++)c[u]=arguments[u];var f=this,d=Date.now()-a;function h(){a=Date.now(),r.apply(f,c)}o||(n&&!i&&h(),s(),void 0===n&&d>e?h():!0!==t&&(i=setTimeout(n?function(){i=void 0}:h,void 0===n?e-d:e)))}return"boolean"!=typeof t&&(n=r,r=t,t=void 0),l.cancel=function(){s(),o=!0},l}function e_(e,t,r){return void 0===r?eE(e,t,!1):eE(e,r,!1!==t)}r(49025);var ex=Object.defineProperty,eC=Object.getOwnPropertySymbols,eL=Object.prototype.hasOwnProperty,ek=Object.prototype.propertyIsEnumerable,eA=(e,t,r)=>t in e?ex(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,e$=(e,t)=>{for(var r in t||(t={}))eL.call(t,r)&&eA(e,r,t[r]);if(eC)for(var r of eC(t))ek.call(t,r)&&eA(e,r,t[r]);return e},eS=("u">typeof window?window:global)||{},ej=(null==eS?void 0:eS.GIPHY_PINGBACK_URL)||"https://pingback.giphy.com",eO=`${ej}/v2/pingback?apikey=l0HlIwPWyBBUDAUgM`,eP=[];eS.giphyRandomId=$();var eI="";function eR(){let e,t=[...eP];eP=[],(null==(e=P._GIPHY_SDK_HEADERS_)||e.set("Content-Type","application/json"),x.debug("Pingback session",t),t.length)?fetch(eO,{method:"POST",body:JSON.stringify({events:t}),headers:e}).catch(e=>{x.warn(`pingbacks failing to post ${e}`)}):new Promise(e=>e())}var eN=e_(1e3,eR);null==(l=eS.addEventListener)||l.call(eS,"beforeunload",eR);var eD=({userId:e,eventType:t,actionType:r,attributes:n,queueEvents:i=!0,analyticsResponsePayload:o})=>{eI=e?String(e):eI;let a={ts:Date.now(),attributes:n,action_type:r,user_id:$(),analytics_response_payload:o};eI&&(a.logged_in_user_id=eI),a.analytics_response_payload&&(a.analytics_response_payload=`${a.analytics_response_payload}${x.ENABLED?"&mode=verification":""}`),t&&(a.event_type=t),eP.push(a),i?eN():eR()},eT=r(75503),eF=r(88056),eM=r(38944),eG=r(54403),eH=r(91416),ez=r(922),eV=Object.defineProperty,eB=Object.defineProperties,eU=Object.getOwnPropertyDescriptors,eW=Object.getOwnPropertySymbols,eq=Object.prototype.hasOwnProperty,eZ=Object.prototype.propertyIsEnumerable,eK=(e,t,r)=>t in e?eV(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,eQ=(e,t)=>{for(var r in t||(t={}))eq.call(t,r)&&eK(e,r,t[r]);if(eW)for(var r of eW(t))eZ.call(t,r)&&eK(e,r,t[r]);return e},eY=(e,t,r)=>new Promise((n,i)=>{var o=e=>{try{s(r.next(e))}catch(e){i(e)}},a=e=>{try{s(r.throw(e))}catch(e){i(e)}},s=e=>e.done?n(e.value):Promise.resolve(e.value).then(o,a);s((r=r.apply(e,t)).next())}),eX=eu.Ay.img` 2 object-fit: cover; 3 width: 32px; 4 height: 32px; 5 margin-right: 8px; 6`,eJ=({user:e,className:t=""})=>{let r=(0,u.useRef)(Math.floor(5*Math.random())+1),n=e.avatar_url?(e=>{var t,r;if(!e)return"";let n=null==(r=null==(t=null==e?void 0:e.split("."))?void 0:t.pop())?void 0:r.toLowerCase();return e.replace(`.${n}`,`/80h.${n}`)})(e.avatar_url):`https://media.giphy.com/avatars/default${r.current}.gif`;return u.createElement(eX,{src:n,className:t})},e0=({className:e="",size:t=17,fill:r="#15CDFF"})=>u.createElement("svg",{className:[e0.className,e].join(" "),height:t,width:"19px",viewBox:"0 0 19 17"},u.createElement("path",{className:e0.checkMarkClassName,d:"M9.32727273,9.44126709 L9.32727273,3.03016561 L6.55027155,3.03016561 L6.55027155,10.8150746 L6.55027155,12.188882 L12.1042739,12.188882 L12.1042739,9.44126709 L9.32727273,9.44126709 Z",fill:ef,transform:"translate(9.327273, 7.609524) scale(-1, 1) rotate(-45.000000) translate(-9.327273, -7.609524) "}),u.createElement("g",{transform:"translate(-532.000000, -466.000000)",fill:r}
6,u.createElement("g",{transform:"translate(141.000000, 235.000000)"},u.createElement("g",{transform:"translate(264.000000, 0.000000)"},u.createElement("g",{transform:"translate(10.000000, 224.000000)"},u.createElement("g",{transform:"translate(114.000000, 2.500000)"},u.createElement("path",{d:"M15.112432,4.80769231 L16.8814194,6.87556817 L19.4157673,7.90116318 L19.6184416,10.6028916 L21.0594951,12.9065042 L19.6184416,15.2101168 L19.4157673,17.9118452 L16.8814194,18.9374402 L15.112432,21.0053161 L12.4528245,20.3611511 L9.79321699,21.0053161 L8.02422954,18.9374402 L5.48988167,17.9118452 L5.28720734,15.2101168 L3.84615385,12.9065042 L5.28720734,10.6028916 L5.48988167,7.90116318 L8.02422954,6.87556817 L9.79321699,4.80769231 L12.4528245,5.4518573 L15.112432,4.80769231 Z M17.8163503,10.8991009 L15.9282384,9.01098901 L11.5681538,13.3696923 L9.68115218,11.4818515 L7.81302031,13.3499833 L9.7011322,15.2380952 L11.5892441,17.1262071 L17.8163503,10.8991009 Z"})))))));e0.className="giphy-verified-badge",e0.checkMarkClassName="giphy-verified-checkmark";var e2=eu.Ay.div` 7 color: white; 8 font-size: 16px; 9 font-weight: 700; 10 overflow: hidden; 11 text-overflow: ellipsis; 12 white-space: nowrap; 13 -webkit-font-smoothing: antialiased; 14`,e1=(0,eu.Ay)(e0)` 15 margin-left: 4px; 16 flex-shrink: 0; 17`,e4=eu.Ay.div` 18 display: flex; 19 align-items: center; 20 min-width: 0; 21`,e8=({user:e})=>{let{display_name:t,username:r}=e;return u.createElement(e4,null,u.createElement(e2,null,t||`@${r}`),e.is_verified?u.createElement(e1,{size:14}):null)},e3=eu.Ay.div` 22 display: flex; 23 align-items: center; 24 font-family: interface, helvetica, arial; 25`,e6=(0,eu.Ay)(eJ)` 26 flex-shrink: 0; 27`,e5=({gif:e,className:t,onClick:r})=>{let{user:n}=e;return(null==n?void 0:n.username)||(null==n?void 0:n.display_name)?u.createElement(e3,{className:[e5.className,t].join(" "),onClick:t=>{if(t.preventDefault(),t.stopPropagation(),r)r(e);else{let e=n.profile_url;e&&window.open(e,"_blank")}}},u.createElement(e6,{user:n}),u.createElement(e8,{user:e.user})):null};e5.className="giphy-attribution";var e9=eu.Ay.div` 28 background: linear-gradient(rgba(0, 0, 0, 0), rgba(18, 18, 18, 0.6)); 29 cursor: default; 30 position: absolute; 31 bottom: 0; 32 left: 0; 33 right: 0; 34 height: 75px; 35 pointer-events: none; 36`,e7=(0,eu.Ay)(e5)` 37 position: absolute; 38 bottom: 10px; 39 left: 10px; 40 right: 10px; 41`,te=eu.Ay.div` 42 transition: opacity 150ms ease-in; 43`,tt=({gif:e,isHovered:t,onClick:r})=>{let n=(0,u.useRef)(t);return t&&(n.current=!0),e.user&&n.current?u.createElement(te,{style:{opacity:+!!t}},u.createElement(e9,null),u.createElement(e7,{gif:e,onClick:r})):null},tr=({children:e,className:t,onVisibleChange:r,config:n})=>{let i=(0,u.useRef)(null);return(0,u.useEffect)(()=>{let e;return i.current&&(e=new IntersectionObserver(([e])=>{r&&r(e.isIntersecting)},n)).observe(i.current),()=>null==e?void 0:e.disconnect()},[r,i,n]),u.createElement("div",{ref:i,className:t},e)},tn=e=>(t,r,n,i={})=>{t.analytics_response_payload&&eD({analyticsResponsePayload:t.analytics_response_payload,userId:r,actionType:e,attributes:eQ({position:JSON.stringify((e=>{let t=0,r=0,n=e.offsetWidth,i=e.offsetHeight;do t+=e.offsetLeft,r+=e.offsetTop,e=e.offsetParent;while(e)let o={left:t,top:r,width:n,height:i,right:t+n,bottom:r+i,x:t,y:r};return g(_({},o),y({toJSON:()=>JSON.stringify(o)}))})(n))},i)})},ti=tn("CLICK"),to=tn("HOVER"),ta=function({src:e}){var t;let r=(0,u.useRef)((t=(t=(t=(t=e).replace("%%CACHEBUSTER%%",A())).replace("%%TIMESTAMP%%",`${Date.now()}`)).replace("%%APPBUNDLE%%","web"),"u">typeof window&&(t=(t=t.replace("%%APP_WINDOW_SIZE%%",`${window.innerWidth},${window.innerHeight}`)).replace("%%DEVICE_LANGUAGE%%",`${navigator.language}`)),t)),[n,i]=(0,u.useState)(!1);return(0,u.useEffect)(()=>{i(!0)},[]),n?u.createElement("img",{src:r.current,width:0,height:0}):null},ts=(0,u.createContext)({}),tl=({attributes:e,children:t})=>{var r;let n,i,{attributes:o={}}=(0,u.useContext)(ts);return u.createElement(ts.Provider,{value:{attributes:(n=L(o,[r="layout_type"]),i=L(e,[r]),n[r]&&i[r]?e$(e$(e$({},o),e),{[r]:n[r]+", "+i[r]}):e$(e$({},o),e))}},t)},tc=eu.Ay.div` 44 position: relative; 45 display: block; 46 picture { 47 display: block; 48 width: 100%; 49 height: 100%; 50 } 51 img { 52 display: block; 53 } 54 .${e0.className} { 55 g { 56 fill: white; 57 } 58 } 59 .${e0.checkMarkClassName} { 60 opacity: 0; 61 } 62`,tu=[eg,ey,ev,eb,ew],tf="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",td=!!("u">typeof window&&window.document&&window.document.createElement),th=()=>{},tp=({children:e})=>{let[t,r]=(0,u.useState)(!1);return(0,u.useEffect)(()=>{r(!0)},[]),t?u.createElement(u.Fragment,null,e):null},tm=({gif:e,gif:{bottle_data:t={}},width:r,percentWidth:n,percentHeight:i,height:o,onGifRightClick:a=th,className:s="",onGifClick:l=th,onGifKeyPress:c=th,onGifSeen:f=th,onGifVisible:d=th,user:h={},backgroundColor:p,overlay:m,hideAttribution:g=!1,noLink:y=!1,borderRadius:v=4,style:b,tabIndex:w,lazyLoad:E=!0})=>{var k,A,$,S;let O=(0,u.useRef)(!1),[P,I]=(0,u.useState)(!1),[R,N]=(0,u.useState)(!td||!E),[D,T]=(0,u.useState)(""),F=(0,u.useRef)(tu[Math.round(Math.random()*(tu.length-1))]),M=(0,u.useRef)(null),G=(0,u.useRef)(null),H=(0,u.useRef)(),z=(0,u.useRef)(),V=(0,u.useRef)(),B=(0,u.useRef)(th),U=Object.keys(t).length>0,{attributes:W}=(0,u.useContext)(ts),q=m;q||g||(q=tt),B.current=t=>{O.current=!0,x.debug(`GIF ${e.id} seen. ${e.title}`),((e,t,r,n={})=>{e.analytics_response_payload&&eD({analyticsResponsePayload:e.analytics_response_payload,userId:t,actionType:"SEEN",attributes:eQ({position:JSON.stringify(r)},n)})})(e,null==h?void 0:h.id,t.boundingClientRect,W),null==f||f(e,t.boundingClientRect),z.current&&z.current.disconnect()};let Z=()=>
62{z.current||(z.current=new IntersectionObserver(([e])=>{e.isIntersecting&&B.current(e)},{threshold:[.99]})),!O.current&&M.current&&z.current&&z.current.observe(M.current)};(0,u.useEffect)(()=>{var t,r;null==(t=z.current)||t.disconnect(),O.current=!1,(null==(r=G.current)?void 0:r.complete)&&(Z(),d(e))},[e.id]),(0,u.useEffect)(()=>(H.current=new IntersectionObserver(([e])=>{let{isIntersecting:t}=e;N(t),!t&&z.current&&z.current.disconnect()}),H.current.observe(M.current),()=>{H.current&&H.current.disconnect(),z.current&&z.current.disconnect(),V.current&&clearTimeout(V.current)}),[]);let K=j(e,r),Q=o;(null==b?void 0:b.aspectRatio)||o||(Q=K);let Y=(A=e.images,$=o||K,C(Object.entries(L(A,["original","fixed_width","fixed_height","fixed_width_small","fixed_height_small"])).map(([e,t])=>_({renditionName:e},t)),r,$,S));if(!Y)return e.images?console.error(`no rendition for ${e.id}, rendition names: ${Object.keys(e.images).join(", ")}`):console.error(`no rendition for ${e.id} - no images`),null;let X=e.images[Y.renditionName],J=D!==tm.imgLoadedClassName||e.is_sticker?p||(e.is_sticker?"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4AQMAAACSSKldAAAABlBMVEUhIiIWFhYoSqvJAAAAGElEQVQY02MAAv7///8PWxqIPwDZw5UGABtgwz2xhFKxAAAAAElFTkSuQmCC') 0 0":F.current):"unset";return u.createElement(tc,{as:y?"div":"a",href:y?void 0:e.url,"data-giphy-id":e.id,"data-giphy-is-sticker":e.is_sticker,style:eQ({width:n||r,height:i||Q,overflow:v?"hidden":"unset",borderRadius:v},b),className:[tm.className,s].join(" "),onMouseOver:t=>{clearTimeout(V.current),t.persist(),I(!0),V.current=window.setTimeout(()=>{to(e,null==h?void 0:h.id,t.target,W)},200)},onMouseLeave:()=>{clearTimeout(V.current),I(!1)},onClick:t=>{ti(e,null==h?void 0:h.id,t.target,W),l(e,t)},onContextMenu:t=>a(e,t),onKeyPress:t=>{c(e,t)},tabIndex:w,ref:M},u.createElement("picture",null,u.createElement("source",{type:"image/webp",srcSet:R?X.webp:tf,suppressHydrationWarning:!0}),u.createElement("img",{ref:G,suppressHydrationWarning:!0,className:[tm.imgClassName,D].join(" "),src:R?X.url:tf,style:{background:J},width:"100%",height:"100%",alt:(({alt_text:e,user:t,tags:r=[],is_sticker:n=!1,title:i=""})=>{var o;if(e)return e;if(i)return i;let a=t&&t.username||"",s=function(e,t=0){return e.slice(0,t)}((o=["transparent"],r.filter(e=>-1===o.indexOf(e))),a?4:5);return`${a?`${a} `:""}${s.join(" ")} ${n?"Sticker":"GIF"}`})(e),onLoad:R?t=>{Z(),d(e,t),T(tm.imgLoadedClassName)}:()=>{}})),U&&(null==(k=null==t?void 0:t.tags)?void 0:k.map((e,t)=>u.createElement(ta,{src:e,key:t}))),q&&u.createElement(tp,null,R&&u.createElement(q,{gif:e,isHovered:P,width:r,height:Q})))};tm.className="giphy-gif",tm.imgClassName="giphy-gif-img",tm.imgLoadedClassName="giphy-img-loaded";var tg=eu.Ay.div` 63 -webkit-overflow-scrolling: touch; 64 overflow-x: auto; 65 overflow-y: hidden; 66 white-space: nowrap; 67 position: relative; 68`,ty=(0,eu.Ay)(tm)` 69 position: relative; 70 display: inline-block; 71 list-style: none; 72 margin-left: ${e=>e.$ml}px; 73 /* make sure gifs are fully visible with a scrollbar */ 74 margin-bottom: 1px; 75 76 &:first-of-type { 77 margin-left: 0; 78 } 79 .${tm.imgClassName} { 80 position: absolute; 81 top: 0; 82 left: 0; 83 } 84`,tv=(0,eu.Ay)(tr)` 85 display: inline-block; 86`,tb=eu.Ay.div` 87 width: 30px; 88 display: inline-block; 89 opacity: ${e=>+!e.$isFirstLoad}; 90 height: ${e=>e.$height}px; 91`,tw=Object.freeze({gutter:6,user:{},initialGifs:[]}),tE=Object.freeze({isFetching:!1,gifs:[],isLoaderVisible:!1,isDoneFetching:!1}),t_=class e extends u.PureComponent{constructor(){super(...arguments),this.state=((e,t)=>eB(e,eU(t)))(eQ({},tE),{gifs:this.props.initialGifs||[]}),this.unmounted=!1,this.paginator=ec(this.props.fetchGifs,this.state.gifs),this.onLoaderVisible=e=>{this.unmounted||this.setState({isLoaderVisible:e},this.onFetch)},this.onFetch=e_(100,()=>eY(this,null,function*(){if(this.unmounted)return;let{isFetching:e,isLoaderVisible:t,gifs:r}=this.state;if(!e&&t){let e;this.setState({isFetching:!0});try{e=yield this.paginator()}catch(e){this.setState({isFetching:!1})}if(e)if((null==e?void 0:e.skipCountCheck)||r.length!==e.length){this.setState({gifs:e,isFetching:!1});let{onGifsFetched:t}=this.props;t&&t(e),this.onFetch()}else this.setState({isDoneFetching:!0})}}))}componentDidMount(){this.unmounted=!1,this.onFetch()}componentWillUnmount(){this.unmounted=!0}render(){let{onGifVisible:t,onGifRightClick:r,gifHeight:n,gifWidth:i,gutter:o,className:a=e.className,onGifSeen:s,onGifClick:l,onGifKeyPress:c,user:f,overlay:d,hideAttribution:h,noLink:p,noResultsMessage:m,backgroundColor:g,borderRadius:y,tabIndex:v=0,loaderConfig:b}=this.props,{gifs:w,isDoneFetching:E}=this.state,_=!E,x=0===w.length;return u.createElement(tl,{attributes:{layout_type:"CAROUSEL"}},u.createElement(tg,{className:a},w.map(e=>u.createElement(ty,{gif:e,key:e.id,tabIndex:v,width:i||O(e,n),height:n,onGifClick:l,onGifKeyPress:c,onGifSeen:s,onGifVisible:t,onGifRightClick:r,user:f,$ml:o,overlay:d,hideAttribution:h,noLink:p,borderRadius:y,backgroundColor:g})),!_&&0===w.length&&m,_&&u.createElement(tv,{onVisibleChange:this.onLoaderVisible,config:b},u.createElement(tb,{$isFirstLoad:x,$height:n}))))}};t_.className="giphy-carousel",t_.defaultProps=tw;var tx=eu.Ay.div` 92 color: ${ep}; 93 display: flex; 94 justify-content: center; 95 margin: 30px 0; 96 font-family: interface, Helvetica Neue, helvetica, sans-serif; 97 font-size: 16px; 98 font-weight: 600; 99 a { 100 color: ${eg}; 101 cursor: pointer; 102 &:hover { 103 color: white; 104 } 105 } 106`,tC=({onClick:e})=>u.createElement(tx,null,"Error loading GIFs. ",u.createElement("a",{onClick:e},"Try again?")),tL=eu.Ay.div`
107 align-items: center; 108 background-color: ${({$backgroundColor:e})=>e}; 109 border-radius: 16px; 110 display: flex; 111 max-width: fit-content; 112 overflow: hidden; 113 padding: 4px 5px 5px 6px; 114`,tk=eu.Ay.div` 115 overflow-x: auto; 116 overflow-y: hidden; 117 position: relative; 118 -webkit-overflow-scrolling: touch; 119`,tA=eu.Ay.div` 120 display: inline-flex; 121 justify-content: space-between; 122 overflow: hidden; 123 white-space: nowrap; 124 width: ${({$width:e})=>`${e}px`}; 125`,t$=eu.Ay.div` 126 background-color: ${({$color:e})=>e}; 127 box-sizing: border-box; 128 height: ${({$gifHeight:e})=>`${Math.round(.75*e)}px`}; 129 margin: ${({$gutter:e})=>`0 ${e}px`}; 130 width: 2px; 131`,tS=(0,eu.Ay)(tm)` 132 display: inline-block; 133 flex-shrink: 0; 134 list-style: none; 135 /* make sure gifs are fully visible with a scrollbar */ 136 margin-bottom: 1px; 137 position: relative; 138 139 .${tm.imgClassName} { 140 position: absolute; 141 top: 0; 142 left: 0; 143 } 144`;function tj(e){var t,r;let{backgroundColor:n="#2e2e2e",className:i,dividerColor:o=eh,fetchVariations:a,gif:s,gifHeight:l,GifProps:c={},gifWidth:f,gutter:d=6,hideAttribution:h,loader:p,noLink:m,onGifClick:g,onGifKeyPress:y,onGifRightClick:v,onGifSeen:b,onGifVisible:w,onVariationsFetched:E,overlay:_,tabIndex:x=0,user:C}=e,L=((e,t)=>{var r={};for(var n in e)eq.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&eW)for(var n of eW(e))0>t.indexOf(n)&&eZ.call(e,n)&&(r[n]=e[n]);return r})(e,["backgroundColor","className","dividerColor","fetchVariations","gif","gifHeight","GifProps","gifWidth","gutter","hideAttribution","loader","noLink","onGifClick","onGifKeyPress","onGifRightClick","onGifSeen","onGifVisible","onVariationsFetched","overlay","tabIndex","user"]),k=null!=(t=s.variation_count)?t:0,A=f||O(s,l),$=k*A+Math.max(0,k-1)*d,S=(0,eF.A)(a),j=(0,eF.A)(E),[P,I]=(0,eT.A)(()=>eY(this,null,function*(){var e;let t=yield S.current(s.id),r=null!=(e=null==t?void 0:t.data)?e:[];return j.current&&j.current(r),r}),[s],{loading:!0,value:[]});(0,u.useEffect)(()=>{I()},[I]);let R=eQ({backgroundColor:"transparent",height:l,hideAttribution:h,noLink:m,onGifClick:g,onGifKeyPress:y,onGifRightClick:v,onGifSeen:b,onGifVisible:w,overlay:_,tabIndex:x,user:C,width:A},c);return u.createElement(tL,eQ({$backgroundColor:n,className:[tj.className,i].join(" ")},L),u.createElement(tS,eB(eQ({},R),eU({gif:s}))),k?u.createElement(t$,{className:tj.dividerClassName,$color:o,$gifHeight:l,$gutter:d}):null,u.createElement(tk,{className:tj.variationsViewportClassName},u.createElement(tA,{className:tj.variationsContainerClassName,$width:$},P.loading?p?u.createElement(p,{className:tj.loaderClassName}):null:P.error?u.createElement(tC,{onClick:I}):u.createElement(u.Fragment,null,(null!=(r=P.value)?r:[]).map(e=>u.createElement(tS,eB(eQ({},R),eU({key:e.id,gif:e}))))))))}tj.className="giphy-emoji-variations-list",tj.dividerClassName="giphy-emoji-variations-divider",tj.loaderClassName="giphy-emoji-variations-loader",tj.variationsViewportClassName="giphy-emoji-variations-viewport",tj.variationsContainerClassName="giphy-emoji-variations-container";var tO=(0,eu.i7)` 145 to { 146 transform: scale(1.75) translateY(-20px); 147 } 148`,tP=eu.Ay.div` 149 display: flex; 150 align-items: center; 151 height: ${52}px; 152 margin: 0 auto; 153 text-align: center; 154 justify-content: center; 155 animation: pulse 0.8s ease-in-out 0s infinite alternate backwards; 156`,tI=eu.Ay.div` 157 display: inline-block; 158 height: 10px; 159 width: 10px; 160 margin: ${52}px 10px 10px 10px; 161 position: relative; 162 box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3); 163 animation: ${tO} cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.75s infinite alternate; 164 background: ${e=>e.$color}; 165 animation-delay: ${e=>e.$delay}; 166`,tR=({className:e=""})=>u.createElement(tP,{className:e},u.createElement(tI,{$color:ey,$delay:"0"}),u.createElement(tI,{$color:eg,$delay:".1s"}),u.createElement(tI,{$color:ev,$delay:".2s"}),u.createElement(tI,{$color:eb,$delay:".3s"}),u.createElement(tI,{$color:ew,$delay:".4s"})),tN=eu.Ay.div` 167 opacity: ${e=>+!e.$isFirstLoad}; 168`;function tD(e,t,r=[]){return Array.apply(null,Array(e)).map((e,n)=>r[n]||t)}var tT=Object.freeze({gutter:6,user:{},initialGifs:[]}),tF=Object.freeze({isFetching:!1,isError:!1,gifs:[],isLoaderVisible:!1,isDoneFetching:!1}),tM=class e extends u.PureComponent{constructor(){super(...arguments),this.state=((e,t)=>eB(e,eU(t)))(eQ({},tF),{gifs:this.props.initialGifs||[]}),this.unmounted=!1,this.paginator=ec(this.props.fetchGifs,this.state.gifs),this.onLoaderVisible=e=>{this.unmounted||this.setState({isLoaderVisible:e},this.onFetch)},this.onFetch=e_(e.fetchDebounce,()=>eY(this,null,function*(){if(this.unmounted)return;let{isFetching:e,isLoaderVisible:t}=this.state,{externalGifs:r}=this.props,n=(r||this.state.gifs).length;if(!e&&t){let e;this.setState({isFetching:!0,isError:!1});try{if(e=yield this.paginator(r),this.unmounted)return}catch(t){if(this.unmounted)return;this.setState({isFetching:!1,isError:!0});let{onGifsFetchError:e}=this.props;e&&e(t)}
168if(e)if((null==e?void 0:e.skipCountCheck)||n!==e.length){this.setState({gifs:e,isFetching:!1});let{onGifsFetched:t}=this.props;t&&t(e),this.onFetch()}else this.setState({isDoneFetching:!0})}}))}componentDidMount(){this.unmounted=!1,this.onFetch()}componentWillUnmount(){this.unmounted=!0}render(){let t,r,{onGifVisible:n,onGifRightClick:i,className:o=e.className,onGifSeen:a,onGifClick:s,onGifKeyPress:l,user:c,overlay:f,hideAttribution:d,noLink:h,borderRadius:p,noResultsMessage:m,columns:g,width:y,gutter:v,percentWidth:b,columnOffsets:w,backgroundColor:E,loaderConfig:_,tabIndex:x=0,layoutType:C="GRID",loader:L=tR,eagerIds:k}=this.props,{gifs:A,isError:$,isDoneFetching:S}=this.state,O=!S,P=0===A.length,I=(y-v*(g-1))/g,R=(t=tD(g,[]),r=tD(g,0,w),A.forEach(e=>{let n=r.indexOf(Math.min(...r));t[n]=[...t[n],e],r[n]+=j(e,I)}),t);return u.createElement(tl,{attributes:{layout_type:C}},u.createElement("div",{className:o},u.createElement("div",{style:{width:b||y,display:"flex",gap:v}},R.map((e=[],t)=>u.createElement("div",{key:t,style:{display:"flex",flexDirection:"column",gap:v,width:b?"100%":I,marginTop:null==w?void 0:w[t]}},e.map(e=>u.createElement(tm,{style:{aspectRatio:e.images.original.width/e.images.original.height},gif:e,tabIndex:x,key:e.id,width:I,percentWidth:b?"100%":void 0,onGifClick:s,onGifKeyPress:l,onGifSeen:a,onGifVisible:n,onGifRightClick:i,user:c,overlay:f,backgroundColor:E,hideAttribution:d,noLink:h,borderRadius:p,lazyLoad:!(null==k?void 0:k.includes(e.id))}))))),!O&&0===A.length&&m,$?u.createElement(tC,{onClick:this.onFetch}):O&&u.createElement(tr,{onVisibleChange:this.onLoaderVisible,config:_},u.createElement(tN,{$isFirstLoad:P},u.createElement(L,{className:e.loaderClassName})))))}};tM.className="giphy-grid",tM.loaderClassName="loader",tM.fetchDebounce=250,tM.defaultProps=tT,tM.getDerivedStateFromProps=({externalGifs:e},t)=>e&&e!==t.gifs?{gifs:e}:null;var tG="--searchbar-height",tH="--searchbar-bg-color",tz="--searchbar-bg-color-2",tV="--searchbar-fg-color",tB="--searchbar-cancel-button-display";eu.Ay.div` 169 ${tG}: ${e=>e.$searchbarHeight||42}px; 170 @media (${e=>e.$mobileMediaQuery}) { 171 ${tG}: ${e=>e.$mobileSearchbarHeight||35}px; 172 } 173 ${tH}: ${em}; 174 ${tz}: ${em}; 175 ${tV}: ${ef}; 176 ${e=>e.$darkMode&&(0,eu.AH)` 177 ${tV}: ${em}; 178 ${tH}: ${ef}; 179 ${tz}: ${eh}; 180 `} 181 ${tB}: ${e=>e.$hideCancelButton?"none":"block"}; 182`;var tU=(0,u.createContext)({}),tW=(0,u.createContext)({}),tq=eu.Ay.svg` 183 position: relative; 184 right: 10px; 185 margin-left: 5px; 186 cursor: pointer; 187 display: var(${tB}); 188`,tZ=({width:e=17,height:t=17,setCleared:r})=>{let{term:n,setActiveChannel:i,activeChannel:o}=(0,u.useContext)(tU);return n||o?u.createElement(tq,{className:tZ.className,width:e,height:t,viewBox:"0 0 17 17",version:"1.1",xmlns:"http://www.w3.org/2000/svg",onClick:e=>{e.stopPropagation(),e.preventDefault(),r(!0),i(void 0)}},u.createElement("g",{stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd",opacity:"0.582730817"},u.createElement("g",{transform:"translate(-300.000000, -150.000000)",fill:"#8E8E93",fillRule:"nonzero"},u.createElement("g",{transform:"translate(0.000000, 135.000000)"},u.createElement("g",null,u.createElement("g",null,u.createElement("g",{transform:"translate(11.000000, 13.000000)"},u.createElement("g",{transform:"translate(289.000000, 2.000000)"},u.createElement("path",{d:"M8.5,0 C3.805875,0 0,3.805875 0,8.5 C0,13.194125 3.805875,17 8.5,17 C13.194125,17 17,13.194125 17,8.5 C17,3.805875 13.194125,0 8.5,0 Z M9.50158333,8.5 C9.50158333,8.5 11.7250417,10.7234583 11.834125,10.8325417 C12.1110833,11.1095 12.1110833,11.557875 11.834125,11.834125 C11.5571667,12.1110833 11.1087917,12.1110833 10.8325417,11.834125 C10.7234583,11.72575 8.5,9.50158333 8.5,9.50158333 C8.5,9.50158333 6.27654167,11.7250417 6.16745833,11.834125 C5.8905,12.1110833 5.442125,12.1110833 5.165875,11.834125 C4.88891667,11.5571667 4.88891667,11.1087917 5.165875,10.8325417 C5.27425,10.7234583 7.49841667,8.5 7.49841667,8.5 C7.49841667,8.5 5.27495833,6.27654167 5.165875,6.16745833 C4.88891667,5.8905 4.88891667,5.442125 5.165875,5.165875 C5.44283333,4.88891667 5.89120833,4.88891667 6.16745833,5.165875 C6.27654167,5.27425 8.5,7.49841667 8.5,7.49841667 C8.5,7.49841667 10.7234583,5.27495833 10.8325417,5.165875 C11.1095,4.88891667 11.557875,4.88891667 11.834125,5.165875 C12.1110833,5.44283333 12.1110833,5.89120833 11.834125,
1886.16745833 C11.72575,6.27654167 9.50158333,8.5 9.50158333,8.5 Z",opacity:"0.75"}))))))))):null};tZ.className="giphy-search-bar-cancel";var tK=`calc(var(${tG}) - 12px)`,tQ=(0,eu.i7)` 189to { 190 width: ${tK}; 191} 192`,tY=(0,eu.Ay)(eJ)` 193 height: ${tK}; 194 margin: 0; 195 width: 0; 196 animation: ${tQ} 100ms ease-in-out forwards; 197`,tX=eu.Ay.div` 198 background: var(${tz}); 199 display: flex; 200 align-items: center; 201 padding-left: ${6}px; 202`,tJ=eu.Ay.div` 203 background: ${"#ececec"}; 204 display: flex; 205 padding: 0 4px; 206 color: ${"#3e3e3e"}; 207 font-family: interface, Helvetica Neue, helvetica, sans-serif; 208 font-weight: 600; 209 font-size: 12px; 210 align-items: center; 211 height: ${tK}; 212 @media (max-width: 480px) { 213 display: none; 214 } 215`,t0=({className:e=""})=>{let{activeChannel:t}=(0,u.useContext)(tU);return t?u.createElement(tX,{className:e},u.createElement(tY,{user:t.user}),u.createElement(tJ,{key:t.id},u.createElement("div",null,"@",t.user.username),t.user.is_verified&&u.createElement(e0,{size:14}))):null},t2="#E646B6",t1="#FF6666",t4="cubic-bezier(0.920, 0.240, 0.185, 0.730)",t8=(0,eu.i7)` 216 0% { 217 transform: rotate(34deg) translate(-10px, 80px); 218 }; 219 220 100% { 221 transform: rotate(34deg) translate(-10px, -20px); 222 } 223`,t3=(0,eu.i7)` 224 0% { 225 transform: translate(0px, 0px); 226 opacity: 0; 227 } 228 50% { 229 opacity: 1; 230 } 231 100% { 232 transform: translate(10px, -17px); 233 opacity: 0; 234 } 235`,t6=(0,eu.i7)` 236 0% { 237 opacity: 0; 238 transform: translateX(-400%); 239 } 240 50% { 241 opacity: 1; 242 } 243 100% { 244 opacity: 0; 245 transform: translateX(0); 246 } 247`,t5=eu.Ay.div` 248 display: flex; 249 justify-content: center; 250 align-items: center; 251 position: relative; 252 cursor: pointer; 253 @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { 254 display: none; 255 } 256 height: var(${tG}); 257 width: var(${tG}); 258`,t9=eu.Ay.div` 259 position: absolute; 260 height: 100%; 261 width: 100%; 262 background: linear-gradient(45deg, ${t2} 0%, ${t1} 100%); 263 border-radius: 0 4px 4px 0; 264 overflow: hidden; 265 &:before { 266 animation: ${t6} ${"2s"} linear 0s infinite; 267 background-image: linear-gradient(45deg, ${t2} 0%, ${t1} 50%, ${t2} 100%); 268 background-size: 400%; 269 background-position: 0% 100%; 270 content: ''; 271 position: absolute; 272 left: 0; 273 top: 0; 274 right: 0; 275 bottom: 0; 276 width: 400%; 277 } 278`,t7=eu.Ay.div` 279 width: 100%; 280 height: 100%; 281 position: absolute; 282 overflow: hidden; 283 &::after { 284 content: '+'; 285 color: white; 286 font-family: 'SS Standard'; 287 font-size: 8px; 288 position: absolute; 289 top: 65%; 290 left: 66%; 291 animation: ${t3} 1s ${t4} 0s 1 forwards; 292 } 293`,re=eu.Ay.div` 294 position: absolute; 295 width: 200%; 296 height: 20px; 297 background: rgba(255, 255, 255, 0.5); 298 transform: rotate(34deg) translate(-10px, -20px); 299 animation: ${t8} 1s ${t4} 0s 1; 300 filter: blur(1px); 301`,rt=(0,eu.Ay)(({className:e=""})=>u.createElement("svg",{viewBox:"0 0 30 30",version:"1.1",className:e},u.createElement("defs",null,u.createElement("path",{d:"M11.5482521,20.4090671 L4.24727698,28.2009189 C3.68084207,28.8054377 2.73159653,28.8363108 2.12707771,28.2698759 C1.5225589,27.703441 1.4916858,26.7541954 2.0581207,26.1496766 L9.40599838,18.3077689 C7.95982241,16.4371424 7.0978836,14.0789715 7.0978836,11.5181818 C7.0978836,5.44914339 11.9392549,0.518181818 17.9252787,0.518181818 C23.9113026,0.518181818 28.7526738,5.44914339 28.7526738,11.5181818 C28.7526738,17.5872202 23.9113026,22.5181818 17.9252787,22.5181818 C15.539851,22.5181818 13.3361963,21.7351359 11.5482521,20.4090671 Z M17.9252787,19.5181818 C22.242011,19.5181818 25.7526738,15.9425536 25.7526738,11.5181818 C25.7526738,7.09381 22.242011,3.51818182 17.9252787,3.51818182 C13.6085464,3.51818182 10.0978836,7.09381 10.0978836,11.5181818 C10.0978836,15.9425536 13.6085464,19.5181818 17.9252787,19.5181818 Z",id:"giphy-search-icon-path-1"})),u.createElement("g",{id:"search",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"},u.createElement("g",{id:"icons/search"},u.createElement("mask",{id:"giphy-search-icon-mask-2",fill:"white"},u.createElement("use",{xlinkHref:"#giphy-search-icon-path-1"})),u.createElement("use",{id:"Mask",fill:"#FFFFFF",fillRule:"nonzero",xlinkHref:"#giphy-search-icon-path-1"}),u.createElement("g",{mask:"url(#giphy-search-icon-mask-2)"},u.createElement("g",{transform:"translate(0.250000, 0.250000)"},u.createElement("g",null)))))))` 302 z-index: 1; 303 display: flex; 304 width: 50%; 305 height: 50%; 306`,rr=({onClick:e})=>{let{isFetching:t}
306=(0,u.useContext)(tU),r=(0,eG.A)(t,1e3);return u.createElement(t5,{onClick:()=>null==e?void 0:e()},u.createElement(t9,{suppressHydrationWarning:!0}),u.createElement(rt,null),r&&u.createElement(t7,{suppressHydrationWarning:!0},u.createElement(re,{suppressHydrationWarning:!0})))},rn=500,ri=eu.Ay.div` 307 display: flex; 308 background: white; 309 align-items: center; 310 border-radius: 4px; 311 height: var(${tG}); 312 background: var(${tz}); 313`,ro=eu.Ay.input` 314 background: inherit; 315 box-sizing: border-box; 316 border: 0; 317 appearance: none; 318 font-weight: normal; 319 font-family: interface, Helvetica Neue, helvetica, sans-serif; 320 outline: 0; 321 font-size: 15px; 322 padding: 0 10px; 323 border-radius: 0; 324 text-overflow: ellipsis; 325 color: var(${tV}); 326 &::placeholder { 327 color: ${ep}; 328 } 329 min-width: 150px; 330 flex: 1; 331 ${e=>e.$isUsernameSearch&&(0,eu.AH)` 332 color: ${"#6157ff"}; 333 `} 334`,ra=({className:e,placeholder:t="Search GIPHY",clear:r=!1,autoFocus:n,searchDebounce:i=rn,onEnter:o})=>{let a,{activeChannel:s,setActiveChannel:l,term:c,setChannels:f}=(0,u.useContext)(tU),{setIsFocused:d,_inputValOverride:h,_setSearch:p}=(0,u.useContext)(tW),[m,g]=(0,u.useState)(c);(0,eM.A)(()=>p(m),i,[m]);let y=(0,u.useRef)(null),v=(a=(0,u.useRef)(s),(0,u.useEffect)(()=>{a.current=s}),a.current),[b,w]=(0,u.useState)(r);return(0,u.useEffect)(()=>{var e;n&&(null==(e=y.current)||e.focus())},[n]),(0,u.useEffect)(()=>{var e;s&&!v&&(null==(e=y.current)||e.focus()," "===m?g(""):g(m.replace(/@?\w*\s?/,"")))},[m,s,v]),(0,u.useEffect)(()=>{w(r)},[r]),(0,u.useEffect)(()=>{g(h)},[h,g]),u.createElement(ri,{className:[ra.className,e].join(" ")},u.createElement(t0,null),u.createElement(ro,{$isUsernameSearch:0===c.indexOf("@"),onChange:({target:{value:e}})=>{b&&""===e||(w(!1),g(e))},onFocus:()=>{d(!0)},onBlur:()=>{d(!1)},value:b?"":m,placeholder:s?`Search ${s.display_name}`:t,autoCapitalize:"off",autoCorrect:"off",autoComplete:"off",ref:y,onKeyUp:e=>{switch(e.keyCode||e.key){case 27:case"Escape":l(void 0),f([]);break;case 13:case"Enter":null==o||o(m)}},onKeyDown:e=>{switch(e.keyCode||e.key){case 8:case"Backspace":""===m&&(l(void 0),f([]))}}}),u.createElement(tZ,{setCleared:()=>g("")}),u.createElement(rr,{onClick:()=>null==o?void 0:o(m)}))};ra.className="giphy-search-bar";var rs=eu.Ay.div` 335 background: ${ed}; 336 display: flex; 337 padding-right: 4px; 338 align-items: center; 339 margin-right: ${9}px; 340 cursor: pointer; 341`,rl=eu.Ay.div` 342 background: ${ed}; 343 display: flex; 344 padding: 14px; 345 align-items: center; 346 margin-right: ${9}px; 347 white-space: nowrap; 348 cursor: pointer; 349 font-style: italic; 350 border-radius: 20px; 351`,rc=(0,eu.Ay)(eJ)` 352 height: var(${tG}); 353 width: var(${tG}); 354`,ru=(0,eu.Ay)(({size:e=18,className:t})=>u.createElement("svg",{width:e,height:e,viewBox:"0 0 18 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg",className:t},u.createElement("g",{id:"trending",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"},u.createElement("g",null,u.createElement("rect",{id:"Rectangle",stroke:"#979797",fill:"#D8D8D8",opacity:"0",x:"0.5",y:"0.5",width:"17",height:"17"}),u.createElement("path",{d:"M12.6093329,3.12057664 L15.156896,3.12057664 L9.64199318,9.04253019 L6.88133868,6.8175119 C6.7544587,6.67603813 6.56616874,6.60087259 6.38404017,6.61897279 C6.2490402,6.63288422 6.11891631,6.69661171 6.02063992,6.79697337 C2.21226835,10.5943119 0.308082561,12.4929812 0.308082561,12.4929812 C0.308082561,12.4929812 0.527106106,12.8074292 0.710953088,13.0215425 C0.833517743,13.1642848 0.975497751,13.3098497 1.13689311,13.4582373 L6.47329888,8.13191205 L9.16381134,10.2953038 C9.40800276,10.5710787 9.68933701,10.7021044 10.019278,10.4570223 L16.0239805,4.04474473 C16.0239805,5.87956383 16.0239805,6.79697337 16.0239805,6.79697337 C16.0239805,6.79697337 16.4320205,6.79697337 17.2481004,6.79697337 L17.2481004,1.80604505 C14.1555887,1.80604505 12.6093329,1.80604505 12.6093329,1.80604505 C12.6093329,1.80604505 12.6093329,2.24422225 12.6093329,3.12057664 Z",id:"Shape",stroke:"#00CCFF",strokeWidth:"0.4",fill:"#00CCFF",fillRule:"nonzero",transform:"translate(8.778091, 7.632141) rotate(-2.000000) translate(-8.778091, -7.632141) "})))))` 355 margin-right: 2px; 356`,rf=({channel:e})=>{let{setActiveChannel:t}=(0,u.useContext)(tU);return u.createElement(rs,{key:e.id,onClick:()=>t(e)},u.createElement(rc,{user:e.user}),u.createElement("div",null,"@",e.user.username),e.user.is_verified&&u.createElement(e0,{size:14}))},rd=({trendingSearch:e})=>{let{setSearch:t}=(0,u.useContext)(tU);return u.createElement(rl,{key:e,onClick:()=>t(e)},u.createElement(ru,{size:16}),e)},rh=eu.Ay.div` 357 display: flex; 358 color: white; 359 flex-direction: row; 360 font-family: 'interface'; 361 font-weight: 600; 362 font-size: 14px; 363 -webkit-overflow-scrolling: touch; 364 overflow-x: auto; 365 overflow-y: hidden; 366 padding-bottom: 10px; 367 height: var(${tG}); 368`,rp=()=>{let{trendingSearches:e,currentChannels:t}=(0,u.useContext)(tU);return u.createElement(rh,{className:rp.className},t.length>0?t.map(e=>u.createElement(rf,{key:e.id,channel:e})):e.map(e=>u.createElement(rd,{key:e,trendingSearch:e})))};rp.className="giphy-suggestion-bar";var rm=({onClick:e})=>u.createElement("svg",{width:"66px",height:"13px",viewBox:"0 0 66 13",onClick:e},u.createElement("g",{stroke:"none",strokeWidth:1,fill:"none",fillRule:"evenodd"},u.createElement("g",{transform:"translate(-1060.000000, -462.000000)",fill:"#FFFFFF",fillRule:"nonzero"},u.createElement("g",{transform:"translate(931.000000, 286.375671)"},u.createElement("g",{transform:"translate(86.000000, 136.124329)"},u.createElement("path",{d:"M47.968,49.1962322 C49.588,49.1962322 51.052,48.6202322 51.58,47.5522322 L51.58,43.8202322 L47.476,43.8202322 L47.476,45.6802322 L49.6,45.
3686802322 L49.6,46.7602322 C49.12,47.1082322 48.424,47.1922322 47.98,47.1922322 C46.288,47.1922322 45.724,45.8602322 45.724,44.7802322 C45.724,43.1362322 46.612,42.3202322 47.98,42.3202322 C48.544,42.3202322 49.288,42.4762322 49.9,43.0522322 L51.28,41.6842322 C50.176,40.5682322 49.144,40.3282322 47.98,40.3282322 C44.824,40.3282322 43.384,42.5842322 43.384,44.7802322 C43.384,46.9762322 44.644,49.1962322 47.968,49.1962322 Z M54.928,48.9682322 L54.928,40.5682322 L52.564,40.5682322 L52.564,48.9682322 L54.928,48.9682322 Z M58.648,48.9682322 L58.648,46.7002322 L60.352,46.7002322 C62.596,46.6762322 63.724,45.3442322 63.724,43.6282322 C63.724,41.9842322 62.608,40.5682322 60.352,40.5682322 L56.272,40.5682322 L56.272,48.9682322 L58.648,48.9682322 Z M60.352,44.6962322 L58.648,44.6962322 L58.648,42.6082322 L60.352,42.6082322 C61,42.6082322 61.348,43.1122322 61.348,43.6642322 C61.348,44.2162322 61.012,44.6962322 60.352,44.6962322 Z M66.796,48.9802322 L66.796,45.8002322 L69.82,45.8002322 L69.82,48.9802322 L72.172,48.9802322 L72.172,40.5802322 L69.82,40.5802322 L69.82,43.7722322 L66.796,43.7722322 L66.796,40.5802322 L64.42,40.5802322 L64.42,48.9802322 L66.796,48.9802322 Z M78.16,48.9682322 L78.16,45.6202322 L81.496,40.6762322 L81.496,40.5682322 L78.82,40.5682322 L77.008,43.4482322 L75.268,40.5682322 L72.592,40.5682322 L72.592,40.6642322 L75.784,45.6202322 L75.784,48.9682322 L78.16,48.9682322 Z M87.796,49.1362322 C88.972,49.1362322 90.088,48.7402322 90.952,47.8882322 L90.028,46.9642322 C89.44,47.5522322 88.576,47.8762322 87.796,47.8762322 C85.624,47.8762322 84.712,46.3522322 84.7,44.8162322 C84.688,43.2682322 85.66,41.6962322 87.796,41.6962322 C88.576,41.6962322 89.368,41.9722322 89.968,42.5602322 L90.868,41.6962322 C90.016,40.8442322 88.924,40.4242322 87.796,40.4242322 C84.796,40.4242322 83.356,42.6202322 83.3679256,44.8282322 C83.38,47.0362322 84.748,49.1362322 87.796,49.1362322 Z M93.028,48.9682322 L93.028,40.5802322 L91.792,40.5802322 L91.792,48.9682322 L93.028,48.9682322 Z M94.252,41.3122322 C94.252,42.3322322 95.788,42.3322322 95.788,41.3122322 C95.788,40.3042322 94.252,40.3042322 94.252,41.3122322 Z M95.632,48.9682322 L95.632,43.0282322 L94.396,43.0282322 L94.396,48.9682322 L95.632,48.9682322 Z M98.188,51.7162322 L98.188,48.1042322 C98.632,48.8362322 99.556,49.1002322 100.276,49.1002322 C102.112,49.1002322 103.264,47.8042322 103.264,46.0162322 C103.264,44.2282322 102.04,42.9442322 100.276,42.9322322 C99.484,42.9322322 98.644,43.2922322 98.188,44.0122322 L98.116,43.0522322 L96.952,43.0522322 L96.952,51.7162322 L98.188,51.7162322 Z M100.156,47.9002322 C99.076,47.9002322 98.296,47.0722322 98.296,46.0162322 C98.296,44.9602322 99.016,44.1322322 100.156,44.1322322 C101.284,44.1322322 102.028,44.9002322 102.028,46.0162322 C102.028,47.1202322 101.236,47.9002322 100.156,47.9002322 Z M106.456,49.1482322 C107.992,49.1482322 108.964,48.3802322 108.976,47.2762322 C108.988,45.7522322 107.56,45.5122322 106.468,45.4162322 C105.712,45.3442322 105.196,45.1522322 105.184,44.6602322 C105.184,44.1922322 105.688,43.9402322 106.444,43.9522322 C107.032,43.9522322 107.536,44.0722322 108.004,44.5042322 L108.7,43.6882322 C108.04,43.1002322 107.332,42.8962322 106.42,42.8962322 C105.316,42.8962322 103.96,43.3882322 103.96,44.6962322 C103.972,46.0042322 105.256,46.3642322 106.372,46.4722322 C107.248,46.5562322 107.752,46.7602322 107.74,47.2882322 C107.728,47.8402322 107.068,48.0562322 106.48,48.0562322 C105.784,48.0442322 104.956,47.7922322 104.404,47.1802322 L103.756,48.0562322 C104.536,48.9322322 105.496,49.1482322 106.456,49.1482322 Z",id:"GIPHYClips"})))))),rg=eu.Ay.div` 369 display: flex; 370 align-items: center; 371 font-family: interface, helvetica, arial; 372 cursor: pointer; 373`,ry=(0,eu.Ay)(eJ)` 374 flex-shrink: 0; 375`,rv=eu.Ay.div` 376 display: flex; 377 flex-direction: column; 378`,rb=({gif:e,className:t,onClick:r})=>{let{user:n}=e;return(null==n?void 0:n.username)||(null==n?void 0:n.display_name)?u.createElement(rg,{className:[rb.className,t].join(" "),onClick:t=>{if(t.preventDefault(),t.stopPropagation(),r)r(e);else{let e=n.profile_url;e&&window.open(e,"_blank")}}},u.createElement(ry,{user:n}),u.createElement(rv,null,u.createElement(rm,{onClick:t=>{t.preventDefault(),t.stopPropagation(),r?r(e):e.url&&window.open(e.url,"_blank")}}),u.createElement(e8,{user:n}))):null};rb.className="giphy-attribution";var rw=25,rE=({size:e=rw,onClick:t=()=>{}})=>u.createElement("svg",{width:e,height:e,viewBox:"0 0 26 23",onClick:t},u.createElement("g",{stroke:"none",strokeWidth:1,fill:"none",fillRule:"evenodd"}
378,u.createElement("g",{transform:"translate(1.000000, 0.000000)",fill:"#FFF",fillRule:"nonzero"},u.createElement("path",{d:"M11.9625091,0.572584405 L11.9625091,22.2272644 C11.9625091,22.4856644 11.8466091,22.6635044 11.6151891,22.7611644 C11.3480491,22.8413444 11.1390491,22.7968844 10.9878091,22.6277844 L4.8732291,15.9143244 L0.573909096,15.9143244 C0.413549096,15.9143244 0.277509096,15.8588444 0.166549096,15.7475044 C0.0573082348,15.6406091 -0.00292164572,15.4933347 -1.77635684e-15,15.3405244 L-1.77635684e-15,7.45058441 C-1.77635684e-15,7.29022441 0.0555890961,7.15456441 0.167309096,7.04322441 C0.278269096,6.93226441 0.414309096,6.87640441 0.573909096,6.87640441 L4.8732291,6.87640441 L10.9874291,0.172064405 C11.1390491,0.00296440549 11.3484291,-0.0414955945 11.6151891,0.0386844055 C11.8466091,0.136344405 11.9621291,0.314564405 11.9621291,0.572584405 L11.9625091,0.572584405 Z"}),u.createElement("path",{d:"M15.7579491,16.0914044 L14.6798891,13.6594044 C15.5739159,13.2635547 16.1503537,12.3776671 16.1501091,11.3999244 C16.150386,10.4242626 15.5763999,9.53983269 14.6852091,9.14272441 L15.7697291,6.71376441 C17.6193585,7.53872062 18.810518,9.37466359 18.8101092,11.3999244 C18.8105521,13.4298903 17.6139475,15.2691931 15.7579491,16.0914044 L15.7579491,16.0914044 Z"}),u.createElement("path",{d:"M18.3647491,20.2619044 L17.2863091,17.8299044 C19.8302925,16.7031661 21.4705725,14.1822599 21.4701091,11.3999244 C21.4701091,8.59818441 19.8167291,6.09892441 17.3022691,4.97678441 L18.3864091,2.54782441 C21.8804724,4.10607079 24.1307363,7.57414217 24.1301093,11.3999244 C24.1308375,15.2343934 21.8705556,18.7086904 18.3647491,20.2619044 Z"})))),r_=({size:e=rw,onClick:t=()=>{}})=>u.createElement("svg",{onClick:t,height:e,width:e,viewBox:"0 0 26 23",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},u.createElement("g",{id:"Page-1",stroke:"none",strokeWidth:1,fill:"none",fillRule:"evenodd"},u.createElement("g",{id:"Group",transform:"translate(1.000000, 0.000000)",fill:"#FFFFFF",fillRule:"nonzero"},u.createElement("path",{d:"M11.9625091,0.572584405 L11.9625091,22.2272644 C11.9625091,22.4856644 11.8466091,22.6635044 11.6151891,22.7611644 C11.3480491,22.8413444 11.1390491,22.7968844 10.9878091,22.6277844 L4.8732291,15.9143244 L0.573909096,15.9143244 C0.413549096,15.9143244 0.277509096,15.8588444 0.166549096,15.7475044 C0.0573082348,15.6406091 -0.00292164572,15.4933347 0,15.3405244 L0,7.45058441 C0,7.29022441 0.0555890961,7.15456441 0.167309096,7.04322441 C0.278269096,6.93226441 0.414309096,6.87640441 0.573909096,6.87640441 L4.8732291,6.87640441 L10.9874291,0.172064405 C11.1390491,0.00296440549 11.3484291,-0.0414955945 11.6151891,0.0386844055 C11.8466091,0.136344405 11.9621291,0.314564405 11.9621291,0.572584405 L11.9625091,0.572584405 Z",id:"Path"})),u.createElement("g",{id:"Group",transform:"translate(14.887009, 6.947630)",fill:"#FFFFFF",fillRule:"nonzero"},u.createElement("path",{d:"M7.88199149,6.27905236 C7.94693088,6.35707599 7.94693088,6.47033309 7.88199149,6.54835671 L6.54835671,7.88199149 C6.47033309,7.94693088 6.35707599,7.94693088 6.27905236,7.88199149 L3.96534802,5.56828715 L1.65164367,7.88199149 C1.57362004,7.94693088 1.46036294,7.94693088 1.38233932,7.88199149 L0.0487045381,6.54835671 C-0.016234846,6.47033309 -0.016234846,6.35707599 0.0487045381,6.27905236 L2.36240889,3.96534802 L0.0487045381,1.65164367 C-0.016234846,1.57362004 -0.016234846,1.46036294 0.0487045381,1.38233932 L1.38233932,0.0487045381 C1.46036294,-0.016234846 1.57362004,-0.016234846 1.65164367,0.0487045381 L3.96534802,2.36240889 L6.27905236,0.0487045381 C6.35707599,-0.016234846 6.47033309,-0.016234846 6.54835671,0.0487045381 L7.88199149,1.38233932 C7.94693088,1.46036294 7.94693088,1.57362004 7.88199149,1.65164367 L5.56828715,3.96534802 L7.88199149,6.27905236 Z",id:"Shape"})))),rx=eu.Ay.div` 379 background: ${em}; 380 height: ${e=>e.$barHeight}px; 381 position: absolute; 382 width: 5px; 383 bottom: 0; 384 left: 0; 385 opacity: 0.95; 386`,rC=({videoEl:e})=>{(0,ez.A)(0x7fffffff,100);let t=(null==e?void 0:e.currentTime)||0,r=(null==e?void 0:e.duration)||0,n=Math.round(t/r*100),i=5;
386return(null==e?void 0:e.height)<200?i=3:(null==e?void 0:e.height)<300&&(i=4),n=r<10&&n>98?100:n,u.createElement(rx,{style:{width:`${n}%`},$barHeight:i,className:"hide-in-percy"})},rL=[.25,.5,.75],rk="giphy-video",rA=({muted:e,ccEnabled:t=!1,ccLanguage:r="en",loop:n=!0,onStateChange:i,onTimeUpdate:o,onCanPlay:a,onFirstPlay:s,onWaiting:l,onMuted:c,onError:f,onEnded:d,onLoop:h,onQuartile:p,onEndFullscreen:m,setVideoEl:g,gif:y,width:v,percentWidth:b,height:w,volume:E=.7,className:_=rk,isInPlayer:x})=>{var C,L,k;let A,$=w||j(y,v);if(b){let e=Math.round($/v*100);A=`${e}%`}let[O,P]=(0,u.useState)(S(y.video,v,$)),I=(0,u.useRef)(0);O||console.warn(`GiphyJS No video content for id: ${y.id}`);let R=(0,u.useRef)(Date.now()),N=(0,u.useRef)(!1),D=(0,u.useRef)(0),T=(0,u.useRef)(0),F=(0,u.useRef)(new Set);(0,u.useEffect)(()=>{R.current=Date.now(),N.current=!1,D.current=1,T.current=0,F.current=new Set},[y.id]);let M=(0,u.useRef)(null);(0,u.useEffect)(()=>{let e=S(y.video,v,$);M.current&&(null==O?void 0:O.url)&&e.url!==O.url&&(-1!==O.url.indexOf(String(y.id))&&(I.current=M.current.currentTime),P(e))},[v,w,y.video,$,null==O?void 0:O.url,y.id]),(0,u.useEffect)(()=>{M.current&&(null==O?void 0:O.url)&&I.current&&(M.current.currentTime=I.current,I.current=0)},[null==O?void 0:O.url,I]);let G=(0,u.useCallback)(()=>{var e;let t=M.current,r=null==(e=null==t?void 0:t.error)?void 0:e.code;r&&(null==t?void 0:t.src)&&(console.error(((e,t="")=>{switch(e){case 1:return"Aborted. The fetching process for the media resource was aborted by the user agent at the user's request.";case 2:return"Network Error. A network error of some description caused the user agent to stop fetching the media resource, after the resource was established to be usable.";case 3:return"Decode Error. An error of some description occurred while decoding the media resource, after the resource was established to be usable.";case 4:return"Can not play this video on this platform. Video URL: "+t;default:return""}})(r,null==t?void 0:t.src)),null==f||f(r))},[f]),H=(0,u.useCallback)(()=>{null==i||i("playing"),N.current||(N.current=!0,y.analytics_response_payload&&eD({actionType:"START",analyticsResponsePayload:y.analytics_response_payload}),null==s||s(Date.now()-R.current))},[s,i,y]),z=(0,u.useCallback)(()=>null==i?void 0:i("paused"),[i]),V=(0,u.useCallback)(()=>{let e=M.current;if(e){let t=e.currentTime;rL.some(r=>{var n,i;let o;return n=e.duration,i=F.current,o=D.current+r,!i.has(o)&&n>0&&t>n*r&&(i.add(o),!0)&&(null==p||p(r),!0)}),null==o||o(t||0)}},[p,o]),B=(0,u.useCallback)(()=>null==a?void 0:a(),[a]),U=(0,u.useCallback)(()=>{let e=M.current;(null==e?void 0:e.currentTime)!==0&&(null==e?void 0:e.networkState)!==1&&(null==l||l(++T.current))},[l]),W=(0,u.useCallback)(()=>{n&&M.current&&M.current.play(),null==h||h(D.current),D.current=D.current+1,N.current&&(null==d||d())},[d,n,h]),q=(0,u.useCallback)(()=>null==m?void 0:m(),[m]),Z=(0,u.useCallback)(e=>eY(void 0,null,function*(){if(e){let t=e.play();if(void 0!==t)try{yield t,null==c||c(!1)}catch(t){e.muted=!0,null==c||c(!0),e.play()}}}),[c]);(0,u.useEffect)(()=>{let e=M.current;e&&(Z(e),null==g||g(e),isNaN(E)||(e.volume=E))},[]),(0,u.useEffect)(()=>{let e=M.current;return e&&(e.addEventListener("play",H),e.addEventListener("pause",z),e.addEventListener("error",G),e.addEventListener("timeupdate",V),e.addEventListener("canplay",B),e.addEventListener("ended",W),e.addEventListener("waiting",U),e.addEventListener("webkitendfullscreen",q)),()=>{e&&(e.removeEventListener("play",H),e.removeEventListener("pause",z),e.removeEventListener("error",G),e.removeEventListener("timeupdate",V),e.removeEventListener("canplay",B),e.removeEventListener("ended",W),e.removeEventListener("waiting",U),e.removeEventListener("webkitendfullscreen",q))}},[H,z,G,V,B,W,U,q]);let K=null==(k=null==(L=null==(C=y.video)?void 0:C.captions)?void 0:L[r])?void 0:k.vtt;return(null==O?void 0:O.url)?u.createElement("video",{crossOrigin:"anonymous",draggable:!0,className:_,width:x?"100%":b||v,height:x?"100%":A||$,muted:e,autoPlay:!0,playsInline:!0,ref:M,src:null==O?void 0:O.url,"data-giphy-id":y.id},t&&K&&u.createElement("track",{label:"English",kind:"subtitles",srcLang:r,src:K,default:!0})):null};rA.className=rk;var r$=eu.Ay.div` 387 position: relative; 388 top: 0; 389 left: 0; 390 right: 0; 391 bottom: 0; 392 background: black; 393 font-family: interface, helvetica, arial; 394 -webkit-font-smoothing: antialiased; 395`,rS=eu.Ay.div` 396 display: flex; 397 justify-content: center;
398 align-items: center; 399 position: relative; 400 cursor: pointer; 401`,rj=eu.Ay.div` 402 position: absolute; 403 top: 10px; 404 right: 10px; 405 left: 10px; 406 bottom: 0; 407 display: flex; 408 justify-content: space-between; 409 opacity: ${e=>+!!e.$isHovered}; 410 transition: opacity ease-out 250ms; 411 align-items: flex-start; 412`,rO=eu.Ay.div` 413 font-size: 22px; 414 color: white; 415 margin-bottom: 5px; 416 font-weight: bold; 417 text-overflow: ellipsis; 418 overflow: hidden; 419 white-space: nowrap; 420 user-select: none; 421 cursor: pointer; 422`,rP=eu.Ay.div` 423 position: relative; 424 min-width: 0; 425`,rI=eu.Ay.div` 426 &:before { 427 background: linear-gradient(rgba(18, 18, 18, 0.6), rgba(0, 0, 0, 0)); 428 content: ''; 429 height: ${e=>e.$isLargePlayer?125:75}px; 430 left: 0; 431 pointer-events: none; 432 position: absolute; 433 top: 0; 434 width: 100%; 435 } 436 &:after { 437 background: linear-gradient(rgba(0, 0, 0, 0), rgba(18, 18, 18, 0.6)); 438 content: ''; 439 height: ${e=>e.$isLargePlayer?125:75}px; 440 left: 0; 441 pointer-events: none; 442 position: absolute; 443 bottom: 0; 444 width: 100%; 445 } 446`,rR=e=>{let t,{style:r,width:n,percentWidth:i,hideMute:o,hideAttribution:a,hideProgressBar:s,hideTitle:l,className:c,persistentControls:f,gif:d,overlay:h}=e,[p,m]=(0,u.useState)(!1),[g,y]=(0,u.useState)(null),[v,b]=(0,u.useState)(e.muted),[w,E]=(0,u.useState)(!1),{setVideoEl:_,onMuted:x,onUserMuted:C}=e,L=e.height||j(d,n);if(i){let e=Math.round(L/n*100);t=`${e}%`}let[,k,A]=(0,eH.default)(()=>{m(!1)},4e3),$=(0,u.useCallback)(e=>{null==x||x(e),E(e)},[E,x]),S=(0,u.useCallback)(e=>{null==_||_(e),y(e)},[_,y]);(0,u.useEffect)(()=>{b(e.muted)},[e.muted]);let O=f||p,P=L>=300;return(0,u.useEffect)(()=>(O?A():k(),()=>k()),[O,k,A]),u.createElement(r$,{className:c,style:eQ({width:i||n,height:t||L},r),onMouseOver:()=>m(!0),onMouseLeave:()=>m(!1),onMouseMove:()=>{m(!0),A()},onClick:e=>{null==C||C(!(v||w)),null==g||g.play(),e.preventDefault(),w?(E(!1),b(!1)):b(!v)}},u.createElement(rA,eB(eQ({},e),eU({isInPlayer:!0,onMuted:$,setVideoEl:S,muted:v}))),O&&u.createElement(rI,{$isLargePlayer:P}),u.createElement(rj,{$isHovered:O},u.createElement(rP,null,!l&&P&&u.createElement(rO,{onClick:e=>{e.preventDefault(),e.stopPropagation(),window.open(d.url,"_blank")}},d.title),g&&!a?u.createElement(rb,{gif:d}):null),!o&&u.createElement(rS,null,v||w?u.createElement(r_,null):u.createElement(rE,null))),O&&!s&&g?u.createElement(rC,{videoEl:g}):null,h&&u.createElement(h,{gif:d,isHovered:p,width:n,height:L}))},rN=(eu.Ay.div` 447 position: absolute; 448 top: 0; 449 left: 0; 450 bottom: 0; 451 right: 0; 452 height: 100%; 453 width: 100%; 454`,(0,eu.Ay)(e=>(e.overlay&&!e.controls&&console.warn(`${x.PREFIX}: Overlays only work when controls are enabled`),e.controls?u.createElement(rR,eQ({},e)):u.createElement(rA,eQ({},e))))` 455 height: 100%; 456 display: inline-block; 457 object-fit: fill; 458 pointer-events: none; 459 background: rgb(0, 0, 0, 0); 460`,eu.Ay.div` 461 position: absolute; 462 top: 6px; 463 right: 6px; 464 cursor: pointer; 465 opacity: ${e=>e.$isHovered?1:.8}; 466 transition: opacity ease-out 800ms; 467`);I("X-GIPHY-SDK-NAME","ReactSDK");var rD=r(7247),rT=r(67247);let rF=({columns:e,gutter:t,gridWidth:r,gifPerPage:n,gifListHeight:i,library:o,messageNoMatches:a,onGifClick:s,giphyFetch:l,searchTerm:f})=>(0,c.jsx)("div",{className:"rounded [&_img]:cursor-pointer",style:{height:i,overflowY:"auto",overflowX:"hidden"},children:(0,c.jsx)(tM,{columns:e,gutter:t,width:r,fetchGifs:(0,u.useCallback)(e=>{let t="stickers"===o?"stickers":"gifs";return f.trim()?l.search(f.trim(),{offset:e,limit:n,type:t,rating:"g"}):l.trending({offset:e,limit:n,type:t,rating:"g"})},[l,f,n,o]),onGifClick:s,noLink:!0,hideAttribution:!0,noResultsMessage:(0,c.jsx)("div",{className:"text-sm text-text_neutral_secondary p-3 text-center",children:a})},f)}),rM=({ApiKey:e="mrRNz3wAaeI5qw3S0Yweycp4lP8lBu79",Label:t,Required:r=!1,SearchAutoFocus:n=!1,Disabled:i=!1,SearchPlaceholder:o="Search GIFsâ¦",Trigger:a,OnSelect:s,GifListHeight:l="300px",G
467ifPerPage:f=20,MasonryConfig:d=[{columns:2,imageWidth:120,gutter:5}],MessageNoMatches:h="No matches found.",Library:p="gifs",PoweredByGiphy:m=!0,WrapperClassName:g,SearchFormClassName:y,IsAllowOnScrollClose:v=!1,forceClose:b,onOpen:w,GlassDesign:E=!1})=>{let[_,x]=(0,u.useState)(!1),[C,L]=(0,u.useState)(""),[k,A]=(0,u.useState)(""),$=(0,u.useRef)(null),S=(0,u.useRef)(null),j=(0,u.useRef)(null),O=(0,u.useRef)(null),P=(0,u.useRef)(null),[,I]=(0,u.useState)(0),R=(0,u.useMemo)(()=>new es(e),[e]);(0,u.useEffect)(()=>{let e=setTimeout(()=>{A(C)},300);return()=>clearTimeout(e)},[C]);let N=d[d.length-1],D=N?.columns??2,T=N?.gutter??5,F=D*(N?.imageWidth??120)+(D-1)*T;(0,u.useEffect)(()=>{let e;if(!_)return;let t=t=>{if(v){let e=t.target;if(j.current&&j.current.contains(e))return;x(!1);return}e&&cancelAnimationFrame(e),e=requestAnimationFrame(()=>{I(e=>e+1)})},r=()=>{e&&cancelAnimationFrame(e),e=requestAnimationFrame(()=>{I(e=>e+1)})};return window.addEventListener("scroll",t,!0),window.addEventListener("resize",r),()=>{e&&cancelAnimationFrame(e),window.removeEventListener("scroll",t,!0),window.removeEventListener("resize",r)}},[_,v]),(0,u.useEffect)(()=>{if(_)return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e);function e(e){let t=e.target;$.current&&!$.current.contains(t)&&j.current&&!j.current.contains(t)&&x(!1)}},[_]),(0,u.useEffect)(()=>{_&&n&&P.current&&(P.current.focus(),O.current&&O.current.blur()),_||(L(""),A(""))},[_,n]),(0,u.useEffect)(()=>{b&&x(!1)},[b]);let M=(0,u.useCallback)((e,t)=>{t.preventDefault(),s?.(e),x(!1)},[s]),G=()=>{if(!i){let e=!_;e&&n&&O.current&&O.current.focus(),e&&w?.(),x(e)}},H=(0,c.jsxs)("div",{ref:j,className:`rounded-lg border border-border_neutral_default shadow-dropdownShadow overflow-hidden bg-bkg_neutral_default p-2 vg-gif-picker ${g||""}`,onKeyDown:e=>{"Escape"===e.key&&x(!1)},style:{width:F+20},children:[(0,c.jsx)("div",{className:`mb-2 ${y||""}`,children:(0,c.jsx)("input",{ref:P,type:"text",className:"z-10 appearance-none rounded-md border-0 bg-bkg_neutral_secondary px-2.5 py-2 text-sm text-text_neutral_default shadow-none ring-0 outline-none focus:border-0 focus:ring-0 focus:shadow-none focus:outline-none w-full",placeholder:o,value:C,onChange:e=>L(e.target.value),autoFocus:n})}),(0,c.jsx)(rF,{columns:D,gutter:T,gridWidth:F,gifPerPage:f,gifListHeight:l,library:p,messageNoMatches:h,onGifClick:M,giphyFetch:R,searchTerm:k}),m&&(0,c.jsxs)("div",{className:"text-right text-[10px] text-text_neutral_secondary pt-1 px-0.5",children:["Powered by ",(0,c.jsx)("b",{children:"GIPHY"})]})]});return(0,c.jsxs)("div",{className:"relative inline-block",ref:$,children:[n&&(0,c.jsx)("input",{ref:O,"aria-hidden":"true",tabIndex:-1,className:"absolute opacity-0 w-0 h-0 pointer-events-none",readOnly:!0}),t&&(0,c.jsxs)("label",{className:"mb-1 block text-sm font-medium text-text_neutral_default",children:[t,r&&(0,c.jsx)("span",{className:"ml-0.5 text-text_alert_default",children:"*"})]}),(0,c.jsx)("div",{ref:S,onClick:G,role:"button",tabIndex:i?-1:0,"aria-label":"Open GIF picker","aria-expanded":_,"aria-haspopup":"dialog",onKeyDown:e=>{("Enter"===e.key||" "===e.key)&&(e.preventDefault(),G())},className:`inline-block ${i?"pointer-events-none opacity-50":"cursor-pointer"}`,children:a}),_&&(0,c.jsx)(rD.A,{inputRef:S,type:rT.IU.gifPicker,wrapperElementId:"gif-picker-portal",glassDesign:E,children:H})]})}},41001(e,t,r){"use strict";r.r(t),r.d(t,{__addDisposableResource:()=>N,__assign:()=>o,__asyncDelegator:()=>L,__asyncGenerator:()=>C,__asyncValues:()=>k,__await:()=>x,__awaiter:()=>p,__classPrivateFieldGet:()=>P,__classPrivateFieldIn:()=>R,__classPrivateFieldSet:()=>I,__createBinding:()=>g,__decorate:()=>s,__disposeResources:()=>T,__esDecorate:()=>c,__exportStar:()=>y,__extends:()=>i,__generator:()=>m,__importDefault:()=>O,__importStar:()=>
467j,__makeTemplateObject:()=>A,__metadata:()=>h,__param:()=>l,__propKey:()=>f,__read:()=>b,__rest:()=>a,__rewriteRelativeImportExtension:()=>F,__runInitializers:()=>u,__setFunctionName:()=>d,__spread:()=>w,__spreadArray:()=>_,__spreadArrays:()=>E,__values:()=>v,default:()=>M});var n=function(e,t){return(n=Object.setPrototypeOf||({__proto__:[]})instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])})(e,t)};function i(e,t){if("function"!=typeof t&&null!==t)throw TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}n(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}var o=function(){return(o=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var i in t=arguments[r])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)};function a(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&0>t.indexOf(n)&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var i=0,n=Object.getOwnPropertySymbols(e);i<n.length;i++)0>t.indexOf(n[i])&&Object.prototype.propertyIsEnumerable.call(e,n[i])&&(r[n[i]]=e[n[i]]);return r}function s(e,t,r,n){var i,o=arguments.length,a=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,r,n);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(a=(o<3?i(a):o>3?i(t,r,a):i(t,r))||a);return o>3&&a&&Object.defineProperty(t,r,a),a}function l(e,t){return function(r,n){t(r,n,e)}}function c(e,t,r,n,i,o){function a(e){if(void 0!==e&&"function"!=typeof e)throw TypeError("Function expected");return e}for(var s,l=n.kind,c="getter"===l?"get":"setter"===l?"set":"value",u=!t&&e?n.static?e:e.prototype:null,f=t||(u?Object.getOwnPropertyDescriptor(u,n.name):{}),d=!1,h=r.length-1;h>=0;h--){var p={};for(var m in n)p[m]="access"===m?{}:n[m];for(var m in n.access)p.access[m]=n.access[m];p.addInitializer=function(e){if(d)throw TypeError("Cannot add initializers after decoration has completed");o.push(a(e||null))};var g=(0,r[h])("accessor"===l?{get:f.get,set:f.set}:f[c],p);if("accessor"===l){if(void 0===g)continue;if(null===g||"object"!=typeof g)throw TypeError("Object expected");(s=a(g.get))&&(f.get=s),(s=a(g.set))&&(f.set=s),(s=a(g.init))&&i.unshift(s)}else(s=a(g))&&("field"===l?i.unshift(s):f[c]=s)}u&&Object.defineProperty(u,n.name,f),d=!0}function u(e,t,r){for(var n=arguments.length>2,i=0;i<t.length;i++)r=n?t[i].call(e,r):t[i].call(e);return n?r:void 0}function f(e){return"symbol"==typeof e?e:"".concat(e)}function d(e,t,r){return"symbol"==typeof t&&(t=t.description?"[".concat(t.description,"]"):""),Object.defineProperty(e,"name",{configurable:!0,value:r?"".concat(r," ",t):t})}function h(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function p(e,t,r,n){return new(r||(r=Promise))(function(i,o){function a(e){try{l(n.next(e))}catch(e){o(e)}}function s(e){try{l(n.throw(e))}catch(e){o(e)}}function l(e){var t;e.done?i(e.value):((t=e.value)instanceof r?t:new r(function(e){e(t)})).then(a,s)}l((n=n.apply(e,t||[])).next())})}function m(e,t){var r,n,i,o={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]},a=Object.create(("function"==typeof Iterator?Iterator:Object).prototype);return a.next=s(0),a.throw=s(1),a.return=s(2),"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function s(s){return function(l){var c=[s,l];if(r)throw TypeError("Generator is already executing.");for(;a&&(a=0,c[0]&&(o=0)),o;)try{if(r=1,n&&(i=2&c[0]?n.return:c[0]?n.throw||((i=n.return)&&i.call(n),0):n.next)&&!(i=i.call(n,c[1])).done)return i;switch(n=0,i&&(c=[2&c[0],i.value]),c[0]){case 0:case 1:i=c;break;case 4:return o.label++,{value:c[1],done:!1};case 5:o.label++,n=c[1],c=[0];continue;case 7:c=o.ops.pop(),o.trys.pop();continue;default:if(!(i=(i=o.trys).length>0&&i[i.length-1])&&(6===c[0]||2===c[0])){o=0;continue}if(3===c[0]&&(!i||c[1]>i[0]&&c[1]<i[3])){o.label=c[1];break}if(6===c[0]&&o.label<i[1]){o.label=i[1],i=c;break}if(i&&o.label<i[2]){o.label=i[2],o.ops.push(c);break}i[2]&&o.ops.pop(),o.trys.pop();continue}c=t.call(e,o)}catch(e){c=[6,e],n=0}finally{r=i=0}if(5&c[0])throw c[1];return{value:c[0]?c[1]:void 0,done:!0}}}}var g=Object.create?function(e,t,r,n){void 0===n&&(n=r);var i=Object.getOwnPropertyDescriptor(t,r);
467(!i||("get"in i?!t.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,i)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]};function y(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||g(t,e,r)}function v(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function b(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,i,o=r.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(n=o.next()).done;)a.push(n.value)}catch(e){i={error:e}}finally{try{n&&!n.done&&(r=o.return)&&r.call(o)}finally{if(i)throw i.error}}return a}function w(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(b(arguments[t]));return e}function E(){for(var e=0,t=0,r=arguments.length;t<r;t++)e+=arguments[t].length;for(var n=Array(e),i=0,t=0;t<r;t++)for(var o=arguments[t],a=0,s=o.length;a<s;a++,i++)n[i]=o[a];return n}function _(e,t,r){if(r||2==arguments.length)for(var n,i=0,o=t.length;i<o;i++)!n&&i in t||(n||(n=Array.prototype.slice.call(t,0,i)),n[i]=t[i]);return e.concat(n||Array.prototype.slice.call(t))}function x(e){return this instanceof x?(this.v=e,this):new x(e)}function C(e,t,r){if(!Symbol.asyncIterator)throw TypeError("Symbol.asyncIterator is not defined.");var n,i=r.apply(e,t||[]),o=[];return n=Object.create(("function"==typeof AsyncIterator?AsyncIterator:Object).prototype),a("next"),a("throw"),a("return",function(e){return function(t){return Promise.resolve(t).then(e,c)}}),n[Symbol.asyncIterator]=function(){return this},n;function a(e,t){i[e]&&(n[e]=function(t){return new Promise(function(r,n){o.push([e,t,r,n])>1||s(e,t)})},t&&(n[e]=t(n[e])))}function s(e,t){try{var r;(r=i[e](t)).value instanceof x?Promise.resolve(r.value.v).then(l,c):u(o[0][2],r)}catch(e){u(o[0][3],e)}}function l(e){s("next",e)}function c(e){s("throw",e)}function u(e,t){e(t),o.shift(),o.length&&s(o[0][0],o[0][1])}}function L(e){var t,r;return t={},n("next"),n("throw",function(e){throw e}),n("return"),t[Symbol.iterator]=function(){return this},t;function n(n,i){t[n]=e[n]?function(t){return(r=!r)?{value:x(e[n](t)),done:!1}:i?i(t):t}:i}}function k(e){if(!Symbol.asyncIterator)throw TypeError("Symbol.asyncIterator is not defined.");var t,r=e[Symbol.asyncIterator];return r?r.call(e):(e=v(e),t={},n("next"),n("throw"),n("return"),t[Symbol.asyncIterator]=function(){return this},t);function n(r){t[r]=e[r]&&function(t){return new Promise(function(n,i){var o,a,s;o=n,a=i,s=(t=e[r](t)).done,Promise.resolve(t.value).then(function(e){o({value:e,done:s})},a)})}}}function A(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var $=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t},S=function(e){return(S=Object.getOwnPropertyNames||function(e){var t=[];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[t.length]=r);return t})(e)};function j(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r=S(e),n=0;n<r.length;n++)"default"!==r[n]&&g(t,e,r[n]);return $(t,e),t}function O(e){return e&&e.__esModule?e:{default:e}}function P(e,t,r,n){if("a"===r&&!n)throw TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!n:!t.has(e))throw TypeError("Cannot read private member from an object whose class did not declare it");return"m"===r?n:"a"===r?n.call(e):n?n.value:t.get(e)}function I(e,t,r,n,i){if("m"===n)throw TypeError("Private method is not writable");if("a"===n&&!i)throw TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!i:!t.has(e))throw TypeError("Cannot write private member to an object whose class did not declare it");return"a"===n?i.call(e,r):i?i.value=r:t.set(e,r),r}function R(e,t){if(null===t||"object"!=typeof t&&"function"!=typeof t)throw TypeError("Cannot use 'in' operator on non-object");return"function"==typeof e?t===e:e.has(t)}function N(e,t,r){if(null!=t){var n,i;if("object"!=typeof t&&"function"!=typeof t)throw TypeError("Object expected.");
467if(r){if(!Symbol.asyncDispose)throw TypeError("Symbol.asyncDispose is not defined.");n=t[Symbol.asyncDispose]}if(void 0===n){if(!Symbol.dispose)throw TypeError("Symbol.dispose is not defined.");n=t[Symbol.dispose],r&&(i=n)}if("function"!=typeof n)throw TypeError("Object not disposable.");i&&(n=function(){try{i.call(this)}catch(e){return Promise.reject(e)}}),e.stack.push({value:t,dispose:n,async:r})}else r&&e.stack.push({async:!0});return t}var D="function"==typeof SuppressedError?SuppressedError:function(e,t,r){var n=Error(r);return n.name="SuppressedError",n.error=e,n.suppressed=t,n};function T(e){function t(t){e.error=e.hasError?new D(t,e.error,"An error was suppressed during disposal."):t,e.hasError=!0}var r,n=0;return function i(){for(;r=e.stack.pop();)try{if(!r.async&&1===n)return n=0,e.stack.push(r),Promise.resolve().then(i);if(r.dispose){var o=r.dispose.call(r.value);if(r.async)return n|=2,Promise.resolve(o).then(i,function(e){return t(e),i()})}else n|=1}catch(e){t(e)}if(1===n)return e.hasError?Promise.reject(e.error):Promise.resolve();if(e.hasError)throw e.error}()}function F(e,t){return"string"==typeof e&&/^\.\.?\//.test(e)?e.replace(/\.(tsx)$|((?:\.d)?)((?:\.[^./]+?)?)\.([cm]?)ts$/i,function(e,r,n,i,o){return r?t?".jsx":".js":!n||i&&o?n+i+"."+o.toLowerCase()+"js":e}):e}let M={__extends:i,__assign:o,__rest:a,__decorate:s,__param:l,__esDecorate:c,__runInitializers:u,__propKey:f,__setFunctionName:d,__metadata:h,__awaiter:p,__generator:m,__createBinding:g,__exportStar:y,__values:v,__read:b,__spread:w,__spreadArrays:E,__spreadArray:_,__await:x,__asyncGenerator:C,__asyncDelegator:L,__asyncValues:k,__makeTemplateOb
467ject:A,__importStar:j,__importDefault:O,__classPrivateFieldGet:P,__classPrivateFieldSet:I,__classPrivateFieldIn:R,__addDisposableResource:N,__disposeResources:T,__rewriteRelativeImportExtension:F}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.