\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","\nconst resolveLoaded = (element, resolverFnc) => () => {\n element.setAttribute('loaded', 'true');\n resolverFnc(element);\n};\n\nexport const loadScript = (scriptUrl, customAttributes = {}) => {\n const element = document.querySelector(`[src*=\"${scriptUrl}\"]`);\n\n if (element && element.getAttribute('loaded') !== 'true') {\n return new Promise((resolve) => {\n element.addEventListener('load', resolveLoaded(element, resolve));\n });\n }\n\n const scriptTag = document.createElement('script');\n\n scriptTag.setAttribute('src', scriptUrl);\n scriptTag.setAttribute('async', 'true');\n scriptTag.setAttribute('type', 'application/javascript');\n\n Object.entries(customAttributes).forEach(([propName, value]) => {\n scriptTag.setAttribute(propName, value as string);\n });\n\n document.head.appendChild(scriptTag);\n\n return new Promise((resolve) => {\n scriptTag.addEventListener('load', resolveLoaded(scriptTag, resolve));\n });\n};\n","import { loadScript } from '../util/load-script';\n\nimport { Provider } from './providers.types';\n\nconst INSTAGRAM_EMBED_SDK_URL = 'https://www.instagram.com/embed.js';\nconst INSTAGRAM_EMBED_SDK_VERSION = 'v12.0';\nconst INSTAGRAM_LOADING_TIMEOUT_MS = 15000;\n\nconst FIX_HEIGHT_INTERVAL_MS = 500;\nconst FIX_HEIGHT_TIMEOUT_MS = 5000;\n\nexport default function Facebook(): Provider {\n async function mount(element, url) {\n element.classList.remove('social-embed--rendered');\n\n element.innerHTML = `\n \n\n\n `;\n\n try {\n const sdk = await loadSdk();\n sdk.Embeds.process();\n\n fixSafariIFrameHeight();\n } catch (error) {\n console.warn(error);\n }\n }\n\n return {\n mount\n };\n}\n\nasync function loadSdk(): Promise
\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 element.classList.remove('social-embed--rendered');\n\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\nexport const SocialEmbed = _SocialEmbed;\n"]}