\n 
\n
\n`;\n\nconst svgFeedBackground = `\n\n`;\n\nfunction buildTemplate({\n empty,\n callToAction,\n privacyNotes,\n icon,\n error,\n callToRetry\n}: TemplateOptions) {\n return `\n \n \n `;\n}\n\nfunction getIcon(id: SupportedPlugins) {\n switch (id) {\n case 'facebook':\n return icons.FacebookSvg;\n case 'twitter':\n return icons.TwitterSvg;\n case 'instagram':\n return icons.InstagramSvg;\n case 'youtube':\n return icons.YoutubeSvg;\n case 'giphy':\n return icons.GiphySvg;\n case 'tagboard':\n return `\n ${icons.TwitterSvg}\n ${icons.InstagramSvg}\n ${icons.FacebookSvg}\n `;\n default:\n return '';\n }\n}\n\nexport function generateContainer(name, element) {\n if (name === 'tagboard') {\n element.classList.add('social-embed--feed');\n }\n element.classList.add('social-embed--rendered');\n element.innerHTML = buildTemplate({ empty: true });\n}\n\nexport function generatePreview(name: SupportedPlugins, element, options: TemplateOptions) {\n const tmplOptions = { ...options, icon: name };\n\n if (name === 'tagboard') {\n element.classList.add('social-embed--feed');\n }\n\n element.classList.add('social-embed--rendered');\n element.innerHTML = buildTemplate(tmplOptions);\n\n const content = element.querySelector('.social-embed__content');\n const button = content.querySelector('button');\n const link = element.querySelector('a[data-open-consents=\"true\"]');\n\n return { content, button, link };\n}\n\nfunction generateLink(text: String): String {\n const linkRegex = /\\[([^\\[]+)\\]\\(([^\\)]+)\\)/gm;\n return text.replace(linkRegex, (fullLink, linkText, fnName) => {\n if (fnName === 'openUserConsents') {\n return `${linkText}`;\n }\n\n return `${linkText}`;\n });\n}\n","const defaultOptions = {\n timeout: 5000,\n jsonpCallback: 'callback',\n jsonpCallbackFunction: null,\n};\n\nfunction generateCallbackFunction() {\n return `jsonp_${Date.now()}_${Math.ceil(Math.random() * 100000)}`;\n}\n\nfunction clearFunction(functionName) {\n // IE8 throws an exception when you try to delete a property on window\n // http://stackoverflow.com/a/1824228/751089\n try {\n delete window[functionName];\n } catch (e) {\n window[functionName] = undefined;\n }\n}\n\nfunction removeScript(scriptId) {\n const script = document.getElementById(scriptId);\n if (script) {\n document.getElementsByTagName('head')[0].removeChild(script);\n }\n}\n\nfunction fetchJsonp(_url, options = {}) {\n // to avoid param reassign\n let url = _url;\n const timeout = options.timeout || defaultOptions.timeout;\n const jsonpCallback = options.jsonpCallback || defaultOptions.jsonpCallback;\n\n let timeoutId;\n\n return new Promise((resolve, reject) => {\n const callbackFunction = options.jsonpCallbackFunction || generateCallbackFunction();\n const scriptId = `${jsonpCallback}_${callbackFunction}`;\n\n window[callbackFunction] = (response) => {\n resolve({\n ok: true,\n // keep consistent with fetch API\n json: () => Promise.resolve(response),\n });\n\n if (timeoutId) clearTimeout(timeoutId);\n\n removeScript(scriptId);\n\n clearFunction(callbackFunction);\n };\n\n // Check if the user set their own params, and if not add a ? to start a list of params\n url += (url.indexOf('?') === -1) ? '?' : '&';\n\n const jsonpScript = document.createElement('script');\n jsonpScript.setAttribute('src', `${url}${jsonpCallback}=${callbackFunction}`);\n if (options.charset) {\n jsonpScript.setAttribute('charset', options.charset);\n }\n jsonpScript.id = scriptId;\n document.getElementsByTagName('head')[0].appendChild(jsonpScript);\n\n timeoutId = setTimeout(() => {\n reject(new Error(`JSONP request to ${_url} timed out`));\n\n clearFunction(callbackFunction);\n removeScript(scriptId);\n window[callbackFunction] = () => {\n clearFunction(callbackFunction);\n };\n }, timeout);\n\n // Caught if got 404/500\n jsonpScript.onerror = () => {\n reject(new Error(`JSONP request to ${_url} failed`));\n\n clearFunction(callbackFunction);\n removeScript(scriptId);\n if (timeoutId) clearTimeout(timeoutId);\n };\n });\n}\n\n// export as global function\n/*\nlet local;\nif (typeof global !== 'undefined') {\n local = global;\n} else if (typeof self !== 'undefined') {\n local = self;\n} else {\n try {\n local = Function('return this')();\n } catch (e) {\n throw new Error('polyfill failed because global object is unavailable in this environment');\n }\n}\nlocal.fetchJsonp = fetchJsonp;\n*/\n\nexport default fetchJsonp;\n","'use strict';\n\nmodule.exports = function bind(fn, thisArg) {\n return function wrap() {\n var args = new Array(arguments.length);\n for (var i = 0; i < args.length; i++) {\n args[i] = arguments[i];\n }\n return fn.apply(thisArg, args);\n };\n};\n","'use strict';\n\nvar bind = require('./helpers/bind');\n\n/*global toString:true*/\n\n// utils is a library of generic helper functions non-specific to axios\n\nvar toString = Object.prototype.toString;\n\n/**\n * Determine if a value is an Array\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is an Array, otherwise false\n */\nfunction isArray(val) {\n return toString.call(val) === '[object Array]';\n}\n\n/**\n * Determine if a value is undefined\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if the value is undefined, otherwise false\n */\nfunction isUndefined(val) {\n return typeof val === 'undefined';\n}\n\n/**\n * Determine if a value is a Buffer\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a Buffer, otherwise false\n */\nfunction isBuffer(val) {\n return val !== null && !isUndefined(val) && val.constructor !== null && !isUndefined(val.constructor)\n && typeof val.constructor.isBuffer === 'function' && val.constructor.isBuffer(val);\n}\n\n/**\n * Determine if a value is an ArrayBuffer\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is an ArrayBuffer, otherwise false\n */\nfunction isArrayBuffer(val) {\n return toString.call(val) === '[object ArrayBuffer]';\n}\n\n/**\n * Determine if a value is a FormData\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is an FormData, otherwise false\n */\nfunction isFormData(val) {\n return (typeof FormData !== 'undefined') && (val instanceof FormData);\n}\n\n/**\n * Determine if a value is a view on an ArrayBuffer\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a view on an ArrayBuffer, otherwise false\n */\nfunction isArrayBufferView(val) {\n var result;\n if ((typeof ArrayBuffer !== 'undefined') && (ArrayBuffer.isView)) {\n result = ArrayBuffer.isView(val);\n } else {\n result = (val) && (val.buffer) && (val.buffer instanceof ArrayBuffer);\n }\n return result;\n}\n\n/**\n * Determine if a value is a String\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a String, otherwise false\n */\nfunction isString(val) {\n return typeof val === 'string';\n}\n\n/**\n * Determine if a value is a Number\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a Number, otherwise false\n */\nfunction isNumber(val) {\n return typeof val === 'number';\n}\n\n/**\n * Determine if a value is an Object\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is an Object, otherwise false\n */\nfunction isObject(val) {\n return val !== null && typeof val === 'object';\n}\n\n/**\n * Determine if a value is a Date\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a Date, otherwise false\n */\nfunction isDate(val) {\n return toString.call(val) === '[object Date]';\n}\n\n/**\n * Determine if a value is a File\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a File, otherwise false\n */\nfunction isFile(val) {\n return toString.call(val) === '[object File]';\n}\n\n/**\n * Determine if a value is a Blob\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a Blob, otherwise false\n */\nfunction isBlob(val) {\n return toString.call(val) === '[object Blob]';\n}\n\n/**\n * Determine if a value is a Function\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a Function, otherwise false\n */\nfunction isFunction(val) {\n return toString.call(val) === '[object Function]';\n}\n\n/**\n * Determine if a value is a Stream\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a Stream, otherwise false\n */\nfunction isStream(val) {\n return isObject(val) && isFunction(val.pipe);\n}\n\n/**\n * Determine if a value is a URLSearchParams object\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a URLSearchParams object, otherwise false\n */\nfunction isURLSearchParams(val) {\n return typeof URLSearchParams !== 'undefined' && val instanceof URLSearchParams;\n}\n\n/**\n * Trim excess whitespace off the beginning and end of a string\n *\n * @param {String} str The String to trim\n * @returns {String} The String freed of excess whitespace\n */\nfunction trim(str) {\n return str.replace(/^\\s*/, '').replace(/\\s*$/, '');\n}\n\n/**\n * Determine if we're running in a standard browser environment\n *\n * This allows axios to run in a web worker, and react-native.\n * Both environments support XMLHttpRequest, but not fully standard globals.\n *\n * web workers:\n * typeof window -> undefined\n * typeof document -> undefined\n *\n * react-native:\n * navigator.product -> 'ReactNative'\n * nativescript\n * navigator.product -> 'NativeScript' or 'NS'\n */\nfunction isStandardBrowserEnv() {\n if (typeof navigator !== 'undefined' && (navigator.product === 'ReactNative' ||\n navigator.product === 'NativeScript' ||\n navigator.product === 'NS')) {\n return false;\n }\n return (\n typeof window !== 'undefined' &&\n typeof document !== 'undefined'\n );\n}\n\n/**\n * Iterate over an Array or an Object invoking a function for each item.\n *\n * If `obj` is an Array callback will be called passing\n * the value, index, and complete array for each item.\n *\n * If 'obj' is an Object callback will be called passing\n * the value, key, and complete object for each property.\n *\n * @param {Object|Array} obj The object to iterate\n * @param {Function} fn The callback to invoke for each item\n */\nfunction forEach(obj, fn) {\n // Don't bother if no value provided\n if (obj === null || typeof obj === 'undefined') {\n return;\n }\n\n // Force an array if not already something iterable\n if (typeof obj !== 'object') {\n /*eslint no-param-reassign:0*/\n obj = [obj];\n }\n\n if (isArray(obj)) {\n // Iterate over array values\n for (var i = 0, l = obj.length; i < l; i++) {\n fn.call(null, obj[i], i, obj);\n }\n } else {\n // Iterate over object keys\n for (var key in obj) {\n if (Object.prototype.hasOwnProperty.call(obj, key)) {\n fn.call(null, obj[key], key, obj);\n }\n }\n }\n}\n\n/**\n * Accepts varargs expecting each argument to be an object, then\n * immutably merges the properties of each object and returns result.\n *\n * When multiple objects contain the same key the later object in\n * the arguments list will take precedence.\n *\n * Example:\n *\n * ```js\n * var result = merge({foo: 123}, {foo: 456});\n * console.log(result.foo); // outputs 456\n * ```\n *\n * @param {Object} obj1 Object to merge\n * @returns {Object} Result of all merge properties\n */\nfunction merge(/* obj1, obj2, obj3, ... */) {\n var result = {};\n function assignValue(val, key) {\n if (typeof result[key] === 'object' && typeof val === 'object') {\n result[key] = merge(result[key], val);\n } else {\n result[key] = val;\n }\n }\n\n for (var i = 0, l = arguments.length; i < l; i++) {\n forEach(arguments[i], assignValue);\n }\n return result;\n}\n\n/**\n * Function equal to merge with the difference being that no reference\n * to original objects is kept.\n *\n * @see merge\n * @param {Object} obj1 Object to merge\n * @returns {Object} Result of all merge properties\n */\nfunction deepMerge(/* obj1, obj2, obj3, ... */) {\n var result = {};\n function assignValue(val, key) {\n if (typeof result[key] === 'object' && typeof val === 'object') {\n result[key] = deepMerge(result[key], val);\n } else if (typeof val === 'object') {\n result[key] = deepMerge({}, val);\n } else {\n result[key] = val;\n }\n }\n\n for (var i = 0, l = arguments.length; i < l; i++) {\n forEach(arguments[i], assignValue);\n }\n return result;\n}\n\n/**\n * Extends object a by mutably adding to it the properties of object b.\n *\n * @param {Object} a The object to be extended\n * @param {Object} b The object to copy properties from\n * @param {Object} thisArg The object to bind function to\n * @return {Object} The resulting value of object a\n */\nfunction extend(a, b, thisArg) {\n forEach(b, function assignValue(val, key) {\n if (thisArg && typeof val === 'function') {\n a[key] = bind(val, thisArg);\n } else {\n a[key] = val;\n }\n });\n return a;\n}\n\nmodule.exports = {\n isArray: isArray,\n isArrayBuffer: isArrayBuffer,\n isBuffer: isBuffer,\n isFormData: isFormData,\n isArrayBufferView: isArrayBufferView,\n isString: isString,\n isNumber: isNumber,\n isObject: isObject,\n isUndefined: isUndefined,\n isDate: isDate,\n isFile: isFile,\n isBlob: isBlob,\n isFunction: isFunction,\n isStream: isStream,\n isURLSearchParams: isURLSearchParams,\n isStandardBrowserEnv: isStandardBrowserEnv,\n forEach: forEach,\n merge: merge,\n deepMerge: deepMerge,\n extend: extend,\n trim: trim\n};\n","'use strict';\n\nvar utils = require('./../utils');\n\nfunction encode(val) {\n return encodeURIComponent(val).\n replace(/%40/gi, '@').\n replace(/%3A/gi, ':').\n replace(/%24/g, '$').\n replace(/%2C/gi, ',').\n replace(/%20/g, '+').\n replace(/%5B/gi, '[').\n replace(/%5D/gi, ']');\n}\n\n/**\n * Build a URL by appending params to the end\n *\n * @param {string} url The base of the url (e.g., http://www.google.com)\n * @param {object} [params] The params to be appended\n * @returns {string} The formatted url\n */\nmodule.exports = function buildURL(url, params, paramsSerializer) {\n /*eslint no-param-reassign:0*/\n if (!params) {\n return url;\n }\n\n var serializedParams;\n if (paramsSerializer) {\n serializedParams = paramsSerializer(params);\n } else if (utils.isURLSearchParams(params)) {\n serializedParams = params.toString();\n } else {\n var parts = [];\n\n utils.forEach(params, function serialize(val, key) {\n if (val === null || typeof val === 'undefined') {\n return;\n }\n\n if (utils.isArray(val)) {\n key = key + '[]';\n } else {\n val = [val];\n }\n\n utils.forEach(val, function parseValue(v) {\n if (utils.isDate(v)) {\n v = v.toISOString();\n } else if (utils.isObject(v)) {\n v = JSON.stringify(v);\n }\n parts.push(encode(key) + '=' + encode(v));\n });\n });\n\n serializedParams = parts.join('&');\n }\n\n if (serializedParams) {\n var hashmarkIndex = url.indexOf('#');\n if (hashmarkIndex !== -1) {\n url = url.slice(0, hashmarkIndex);\n }\n\n url += (url.indexOf('?') === -1 ? '?' : '&') + serializedParams;\n }\n\n return url;\n};\n","'use strict';\n\nvar utils = require('./../utils');\n\nfunction InterceptorManager() {\n this.handlers = [];\n}\n\n/**\n * Add a new interceptor to the stack\n *\n * @param {Function} fulfilled The function to handle `then` for a `Promise`\n * @param {Function} rejected The function to handle `reject` for a `Promise`\n *\n * @return {Number} An ID used to remove interceptor later\n */\nInterceptorManager.prototype.use = function use(fulfilled, rejected) {\n this.handlers.push({\n fulfilled: fulfilled,\n rejected: rejected\n });\n return this.handlers.length - 1;\n};\n\n/**\n * Remove an interceptor from the stack\n *\n * @param {Number} id The ID that was returned by `use`\n */\nInterceptorManager.prototype.eject = function eject(id) {\n if (this.handlers[id]) {\n this.handlers[id] = null;\n }\n};\n\n/**\n * Iterate over all the registered interceptors\n *\n * This method is particularly useful for skipping over any\n * interceptors that may have become `null` calling `eject`.\n *\n * @param {Function} fn The function to call for each interceptor\n */\nInterceptorManager.prototype.forEach = function forEach(fn) {\n utils.forEach(this.handlers, function forEachHandler(h) {\n if (h !== null) {\n fn(h);\n }\n });\n};\n\nmodule.exports = InterceptorManager;\n","'use strict';\n\nvar utils = require('./../utils');\n\n/**\n * Transform the data for a request or a response\n *\n * @param {Object|String} data The data to be transformed\n * @param {Array} headers The headers for the request or response\n * @param {Array|Function} fns A single function or Array of functions\n * @returns {*} The resulting transformed data\n */\nmodule.exports = function transformData(data, headers, fns) {\n /*eslint no-param-reassign:0*/\n utils.forEach(fns, function transform(fn) {\n data = fn(data, headers);\n });\n\n return data;\n};\n","'use strict';\n\nmodule.exports = function isCancel(value) {\n return !!(value && value.__CANCEL__);\n};\n","'use strict';\n\nvar utils = require('../utils');\n\nmodule.exports = function normalizeHeaderName(headers, normalizedName) {\n utils.forEach(headers, function processHeader(value, name) {\n if (name !== normalizedName && name.toUpperCase() === normalizedName.toUpperCase()) {\n headers[normalizedName] = value;\n delete headers[name];\n }\n });\n};\n","'use strict';\n\n/**\n * Update an Error with the specified config, error code, and response.\n *\n * @param {Error} error The error to update.\n * @param {Object} config The config.\n * @param {string} [code] The error code (for example, 'ECONNABORTED').\n * @param {Object} [request] The request.\n * @param {Object} [response] The response.\n * @returns {Error} The error.\n */\nmodule.exports = function enhanceError(error, config, code, request, response) {\n error.config = config;\n if (code) {\n error.code = code;\n }\n\n error.request = request;\n error.response = response;\n error.isAxiosError = true;\n\n error.toJSON = function() {\n return {\n // Standard\n message: this.message,\n name: this.name,\n // Microsoft\n description: this.description,\n number: this.number,\n // Mozilla\n fileName: this.fileName,\n lineNumber: this.lineNumber,\n columnNumber: this.columnNumber,\n stack: this.stack,\n // Axios\n config: this.config,\n code: this.code\n };\n };\n return error;\n};\n","'use strict';\n\nvar enhanceError = require('./enhanceError');\n\n/**\n * Create an Error with the specified message, config, error code, request and response.\n *\n * @param {string} message The error message.\n * @param {Object} config The config.\n * @param {string} [code] The error code (for example, 'ECONNABORTED').\n * @param {Object} [request] The request.\n * @param {Object} [response] The response.\n * @returns {Error} The created error.\n */\nmodule.exports = function createError(message, config, code, request, response) {\n var error = new Error(message);\n return enhanceError(error, config, code, request, response);\n};\n","'use strict';\n\nvar createError = require('./createError');\n\n/**\n * Resolve or reject a Promise based on response status.\n *\n * @param {Function} resolve A function that resolves the promise.\n * @param {Function} reject A function that rejects the promise.\n * @param {object} response The response.\n */\nmodule.exports = function settle(resolve, reject, response) {\n var validateStatus = response.config.validateStatus;\n if (!validateStatus || validateStatus(response.status)) {\n resolve(response);\n } else {\n reject(createError(\n 'Request failed with status code ' + response.status,\n response.config,\n null,\n response.request,\n response\n ));\n }\n};\n","'use strict';\n\n/**\n * Determines whether the specified URL is absolute\n *\n * @param {string} url The URL to test\n * @returns {boolean} True if the specified URL is absolute, otherwise false\n */\nmodule.exports = function isAbsoluteURL(url) {\n // A URL is considered absolute if it begins with \"\n\n \n \n
\n `;\n }\n}\n\n\n/*\n* Possible links:\n* https://giphy.com/gifs/fcbayern-goal-bayern-3o7aD0kF1xNXNeeVHy\n* https://media.giphy.com/media/3o7aD0kF1xNXNeeVHy/giphy.gif\n* https://giphy.com/gifs/3o7aD0kF1xNXNeeVHy/html5\n* 3o7aD0kF1xNXNeeVHy (just the GIF ID)\n* \n* NO SUPPORT FOR SHORT LINKS\n*/\nfunction getGifId(url = '') {\n const urlSections = url.split('/');\n\n if (urlSections.length === 1) {\n return urlSections[0].trim();\n }\n\n if (urlSections[0] === 'https:' && urlSections[1] === '') {\n\n if (urlSections[2] === 'media.giphy.com') {\n return urlSections[4].trim();\n }\n\n if (urlSections[2] === 'giphy.com' && urlSections[3] === 'gifs') {\n\n if (urlSections[5] === 'html5') {\n return urlSections[4].trim();\n }\n\n const sections = urlSections[4].split('-');\n \n if (sections.length > 0) {\n return sections[sections.length - 1].trim();\n }\n }\n \n }\n\n throw new Error(`Invalid Giphy URL: ${url}`);\n}\n","import { Provider } from './providers.types';\nimport BaseProvider from './base-provider';\n\nconst SDK = {\n id: 'tagboard-embed-js',\n globalName: 'tagbrd',\n url: 'https://static.tagboard.com/embed/assets/js/embed.js'\n};\n\nexport default function Tagboard(): Provider {\n const provider = BaseProvider(SDK);\n\n return {\n mount\n };\n\n async function mount(element, url) {\n const tagboardAttributes = element.getAttributeNames()\n .filter(attr => {\n const hasTgbAttr = attr.split('-')[0] === 'tgb';\n\n if (hasTgbAttr && attr !== 'tgb-embed-id') {\n return true;\n }\n\n return false;\n })\n .map(attr => `${attr}=\"${element.getAttribute(attr)}\"`)\n .join(' ');\n\n\n const contentElement = element.querySelector('[data-content]');\n\n contentElement.innerHTML = ``;\n\n\n await provider.provideSDK();\n }\n}\n","import { generateContainer, generatePreview } from './providers.preview';\nimport {\n SupportedPlugins,\n TemplateOptions,\n ConfigOptions,\n} from './providers.types';\nimport Instagram from './instagram';\nimport { loadingSvg } from '../icon';\nimport UserConsent from '../user-consents';\nimport Facebook from './facebook';\nimport Twitter from './twitter';\nimport Youtube from './youtube';\nimport Giphy from './giphy';\nimport Tagboard from './tagboard';\n\nconst providers = {\n instagram: Instagram(),\n facebook: Facebook(),\n twitter: Twitter(),\n youtube: Youtube(),\n giphy: Giphy(),\n tagboard: Tagboard(),\n};\n\nexport default function Providers(consentHandler, querySelector?: String) {\n const previews = {};\n const rootEl = queryRootElement(querySelector);\n const consents = UserConsent(consentHandler);\n\n return Object.freeze({\n process,\n list: Object.keys(providers) as [SupportedPlugins],\n consents,\n });\n\n async function process(\n name: SupportedPlugins,\n { autoLoad, callToAction, privacyNotes }: ConfigOptions\n ) {\n try {\n const embeds = rootEl.querySelectorAll(`[data-social-${name}]`);\n\n embeds.forEach(async (element: Element) => {\n const url = element.getAttribute(`data-social-${name}`);\n\n if (autoLoad) {\n generateContainer(name, element);\n await mount(name, element, url);\n } else {\n await mountPreview(name, element, {\n url,\n callToAction,\n privacyNotes,\n });\n }\n });\n } catch (err) {\n console.log(err);\n }\n }\n\n async function mountPreview(\n name: SupportedPlugins,\n element,\n options: TemplateOptions\n ) {\n const { content, button, link } = generatePreview(name, element, {\n ...options,\n icon: name,\n });\n\n previews[name] = previews[name] || [];\n previews[name].push(async () => {\n try {\n content.innerHTML = loadingSvg;\n await mount(name, element, options.url);\n } catch {\n await mountPreview(name, element, options);\n }\n });\n\n // wait for clicks\n button.addEventListener('click', async () => {\n let names = [name];\n let grantConsents = [];\n\n if (name === 'tagboard') {\n grantConsents = [\n consents.grantConsent('facebook'),\n consents.grantConsent('twitter'),\n consents.grantConsent('instagram'),\n ];\n } else {\n grantConsents = [consents.grantConsent(name)];\n }\n\n await Promise.all(grantConsents); // grant consent from now on\n let loadingPosts = previews[name].map((load) => load()); // load all posts from the same consent\n\n if (name === 'tagboard') {\n names = names.concat(['facebook', 'instagram', 'twitter']);\n loadingPosts = loadingPosts.concat([\n previews['facebook'].map((load) => load()),\n previews['twitter'].map((load) => load()),\n previews['instagram'].map((load) => load()),\n ]);\n } else {\n const facebook = consents.hasConsent('facebook');\n const twitter = consents.hasConsent('twitter');\n const instagram = consents.hasConsent('instagram');\n\n if (facebook && twitter && instagram) {\n names.push('tagboard');\n\n loadingPosts = loadingPosts.concat(\n previews['tagboard'].map((load) => load())\n );\n }\n }\n\n await Promise.all(loadingPosts); // wait for all posts load\n names.forEach((_name) => (previews[_name] = []));\n });\n\n if (link) {\n link.addEventListener('click', (e) => {\n e.preventDefault();\n consents.openConsents();\n });\n }\n }\n}\n\nasync function mount(name: SupportedPlugins, element, url) {\n const provider = providers[name];\n if (provider) {\n await provider.mount(element, url);\n }\n}\n\nfunction queryRootElement(querySelector) {\n if (typeof querySelector === 'string') {\n const rootEl = document.querySelector(querySelector);\n if (rootEl) return rootEl;\n }\n\n return document;\n}\n","import './styles';\nimport Providers from './providers';\nimport { Options, SupportedPlugins } from './providers/providers.types';\n\nexport default SocialEmbeded;\n\nSocialEmbeded.instances = [];\n\nSocialEmbeded.renderAll = (name: SupportedPlugins) => {\n SocialEmbeded.instances.forEach(instance => instance.render(name));\n};\n\nfunction SocialEmbeded(\n options: Options,\n consentHandler = getDefaultPrivacyProvider(),\n providers?: [SupportedPlugins],\n rootElement?: String\n ) {\n let _providers = Providers(consentHandler, rootElement);\n let providersList = _providers.list;\n let initialized = false;\n\n const defaultConfig: Options = setDefaultConfig({\n callToAction: 'Open Social Content',\n privacyNotes: 'Some privacy note...'\n });\n\n const currentConfig = { ...defaultConfig };\n configure(options, providers);\n\n const _this = Object.freeze({\n render,\n configure,\n run\n });\n\n SocialEmbeded.instances.push(_this);\n\n return _this;\n\n function configure(options: Options, onlyList = _providers.list) {\n if (\n Array.isArray(onlyList) &&\n onlyList.length &&\n _providers.list.some(provider => onlyList.includes(provider))\n ) {\n providersList = onlyList;\n }\n\n providersList.forEach((config) => {\n const option = options[config];\n\n if (typeof option === 'object') {\n Object.assign(currentConfig[config], option);\n }\n });\n\n if (initialized) {\n process();\n }\n\n return _this;\n }\n\n function run() {\n if (initialized) return;\n initialized = true;\n\n // In case DOMContentLoaded was already fired, the document readyState will be one of \"complete\" or \"interactive\" or (nonstandard) \"loaded\".\n if (/complete|interactive|loaded/.test(document.readyState)) {\n process();\n } else {\n document.addEventListener('DOMContentLoaded', process, false);\n }\n }\n\n function process() {\n providersList.forEach((provider) => {\n _providers.process(provider, currentConfig[provider]);\n });\n }\n\n function render(name: SupportedPlugins) {\n _providers.process(name, currentConfig[name]);\n }\n\n function setDefaultConfig(options) {\n const cfg = _providers.list.reduce((config, provider) => ({\n [provider]: {\n ...{ autoLoad: _providers.consents.hasConsent(provider) } ,\n ...options\n },\n ...config\n }), {}) as any;\n\n cfg.tagboard = {\n autoLoad: !!(cfg.facebook.autoLoad && cfg.twitter.autoLoad && cfg.instagram.autoLoad),\n ...options\n };\n\n return cfg;\n }\n}\n\nfunction getDefaultPrivacyProvider() {\n const usercentrics = window['usercentrics'];\n\n if (usercentrics && usercentrics['settingsId']) {\n return { name: 'usercentrics', handler: window['usercentrics'] };\n }\n\n return {};\n}\n","import 'core-js/stable/array/includes';\nimport 'core-js/stable/object/assign';\nimport 'core-js/stable/promise';\nimport 'core-js/stable/dom-collections/for-each';\nimport 'core-js/stable/url-search-params';\nimport SocialEmbed from './social-embed';\n\nwindow['SocialEmbed'] = SocialEmbed;\n"]}