Your IP : 18.118.19.89
{"version":3,"file":"script.js","mappings":"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","sources":["webpack://block/external var \"ReactDOM\"","webpack://block/../Components/utils/getCSS.js","webpack://block/./src/Style.js","webpack://block/./src/Components/Common/Timeline.js","webpack://block/./src/utils/icons.js","webpack://block/./src/Components/Common/FollowButton.js","webpack://block/./src/Components/Common/TweetButton.js","webpack://block/./src/Components/Common/VideoPost.js","webpack://block/./src/Components/Common/Hastag.js","webpack://block/./src/script.js"],"sourcesContent":["var __WEBPACK_NAMESPACE_OBJECT__ = ReactDOM;","export const getBackgroundCSS = (bg, isSolid = true, isGradient = true, isImage = true) => {\r\n\tconst { type = 'solid', color = '#000000b3', gradient = 'linear-gradient(135deg, #4527a4, #8344c5)', image = {}, position = 'center center', attachment = 'initial', repeat = 'no-repeat', size = 'cover', overlayColor = '#000000b3' } = bg || {};\r\n\r\n\tconst styles = ('gradient' === type && isGradient) ? `background: ${gradient};` :\r\n\t\t('image' === type && isImage) ?\r\n\t\t\t`background: url(${image?.url});\r\n\t\t\t\tbackground-color: ${overlayColor};\r\n\t\t\t\tbackground-position: ${position};\r\n\t\t\t\tbackground-size: ${size};\r\n\t\t\t\tbackground-repeat: ${repeat};\r\n\t\t\t\tbackground-attachment: ${attachment};\r\n\t\t\t\tbackground-blend-mode: overlay;` :\r\n\t\t\tisSolid && `background: ${color};`;\r\n\r\n\treturn styles;\r\n} // PHP version in Stepped Content\r\n\r\nexport const getBorderCSS = (border) => {\r\n\tconst { width = '0px', style = 'solid', color = '#0000', side = 'all', radius = '0px' } = border || {};\r\n\r\n\tconst borderSideCheck = s => {\r\n\t\tconst bSide = side?.toLowerCase();\r\n\t\treturn bSide?.includes('all') || bSide?.includes(s);\r\n\t}\r\n\r\n\tconst noWidth = width === '0px' || !width;\r\n\tconst borderCSS = `${width} ${style} ${color}`;\r\n\r\n\tconst styles = `\r\n\t\t${noWidth ? '' : ['top', 'right', 'bottom', 'left'].map(side => borderSideCheck(side) ? `border-${side}: ${borderCSS};` : '').join('')}\r\n\t\t${!radius ? '' : `border-radius: ${radius};`}\r\n\t`;\r\n\r\n\treturn styles;\r\n}\r\n\r\nexport const getColorsCSS = (colors) => {\r\n\tconst { color = '#333', bgType = 'solid', bg = '#0000', gradient = 'linear-gradient(135deg, #4527a4, #8344c5)' } = colors || {};\r\n\r\n\tconst styles = `\r\n\t\t${color ? `color: ${color};` : ''}\r\n\t\t${gradient || bg ? `background: ${'gradient' === bgType ? gradient : bg};` : ''}\r\n\t`;\r\n\r\n\treturn styles;\r\n}\r\n\r\nexport const getIconCSS = (icon, isSize = true, isColor = true) => {\r\n\tconst { fontSize = 16, colorType = 'solid', color = 'inherit', gradient = 'linear-gradient(135deg, #4527a4, #8344c5)' } = icon || {};\r\n\r\n\tconst colorCSS = 'gradient' === colorType ?\r\n\t\t`color: transparent; background-image: ${gradient}; -webkit-background-clip: text; background-clip: text;` :\r\n\t\t`color: ${color};`;\r\n\r\n\tconst styles = `\r\n\t\t${!fontSize || !isSize ? '' : `font-size: ${fontSize}px;`}\r\n\t\t${isColor ? colorCSS : ''}\r\n\t`;\r\n\r\n\treturn styles;\r\n}\r\n\r\nexport const getMultiShadowCSS = (value, type = 'box') => {\r\n\tlet styles = '';\r\n\r\n\tvalue?.map((item, index) => {\r\n\t\tconst { hOffset = '0px', vOffset = '0px', blur = '0px', spreed = '0px', color = '#7090b0', isInset = false } = item || {};\r\n\r\n\t\tconst inset = isInset ? 'inset' : '';\r\n\t\tconst offsetBlur = `${hOffset} ${vOffset} ${blur}`;\r\n\t\tconst isComa = index + 1 >= value.length ? '' : ', ';\r\n\r\n\t\tstyles += 'text' === type ? `${offsetBlur} ${color}${isComa}` : `${offsetBlur} ${spreed} ${color} ${inset}${isComa}`;\r\n\t});\r\n\r\n\treturn styles || 'none';\r\n}\r\n\r\nexport const getSeparatorCSS = (separator) => {\r\n\tconst { width = '50%', height = '2px', style = 'solid', color = '#bbb' } = separator || {};\r\n\r\n\tconst styles = `\r\n\t\twidth: ${width};\r\n\t\t${'0px' === height && '0em' === height && '0rem' === height ? '' : `border-top: ${height} ${style} ${color};`}\r\n\t`;\r\n\r\n\treturn styles;\r\n}\r\n\r\nexport const getShadowCSS = (shadow) => {\r\n\tconst { type = 'box', hOffset = '0px', vOffset = '0px', blur = '0px', spreed = '0px', color = '#7090b0', isInset = false } = shadow || {};\r\n\r\n\tconst inset = isInset ? 'inset' : '';\r\n\tconst offsetBlur = `${hOffset} ${vOffset} ${blur}`;\r\n\r\n\tconst styles = 'text' === type ? `${offsetBlur} ${color}` : `${offsetBlur} ${spreed} ${color} ${inset}`;\r\n\r\n\treturn styles || 'none';\r\n}\r\n\r\nexport const getSpaceCSS = (space) => {\r\n\tconst { side = 2, vertical = '0px', horizontal = '0px', top = '0px', right = '0px', bottom = '0px', left = '0px' } = space || {};\r\n\r\n\tconst styles = 2 === side ? `${vertical} ${horizontal}` : `${top} ${right} ${bottom} ${left}`;\r\n\r\n\treturn styles;\r\n}\r\n\r\nexport const getTypoCSS = (selector, typo, isFamily = true) => {\r\n\tconst { fontFamily = 'Default', fontCategory = 'sans-serif', fontVariant = 400, fontWeight = 400, isUploadFont = true, fontSize = { desktop: 15, tablet: 15, mobile: 15 }, fontStyle = 'normal', textTransform = 'none', textDecoration = 'auto', lineHeight = '135%', letterSpace = '0px' } = typo || {};\r\n\r\n\tconst generateCss = (value, cssProperty) => !value ? '' : `${cssProperty}: ${value};`;\r\n\r\n\tconst isEmptyFamily = !isFamily || !fontFamily || 'Default' === fontFamily;\r\n\tconst desktopFontSize = fontSize?.desktop || fontSize;\r\n\tconst tabletFontSize = fontSize?.tablet || desktopFontSize;\r\n\tconst mobileFontSize = fontSize?.mobile || tabletFontSize;\r\n\r\n\tconst styles = `\r\n\t\t${isEmptyFamily ? '' : `font-family: '${fontFamily}', ${fontCategory};`}\r\n\t\t${generateCss(fontWeight, 'font-weight')}\r\n\t\t${`font-size: ${desktopFontSize}px;`}\r\n\t\t${generateCss(fontStyle, 'font-style')}\r\n\t\t${generateCss(textTransform, 'text-transform')}\r\n\t\t${generateCss(textDecoration, 'text-decoration')}\r\n\t\t${generateCss(lineHeight, 'line-height')}\r\n\t\t${generateCss(letterSpace, 'letter-spacing')}\r\n\t`;\r\n\r\n\t// Google font link\r\n\tconst linkQuery = !fontVariant || 400 === fontVariant ? '' : '400i' === fontVariant ? ':ital@1' : fontVariant?.includes('00i') ? `: ital, wght@1, ${fontVariant?.replace('00i', '00')} ` : `: wght@${fontVariant} `;\r\n\r\n\tconst link = isEmptyFamily ? '' : `https://fonts.googleapis.com/css2?family=${fontFamily?.split(' ').join('+')}${linkQuery.replace(/ /g, '')}&display=swap`;\r\n\r\n\treturn {\r\n\t\tgoogleFontLink: !isUploadFont || isEmptyFamily ? '' : `@import url(${link});`,\r\n\t\tstyles: `${selector}{\r\n\t\t\t${styles}\r\n\t\t}\r\n\t\t@media (max-width: 768px) {\r\n\t\t\t${selector}{\r\n\t\t\t\t${`font-size: ${tabletFontSize}px;`}\r\n\t\t\t}\r\n\t\t}\r\n\t\t@media (max-width: 576px) {\r\n\t\t\t${selector}{\r\n\t\t\t\t${`font-size: ${mobileFontSize}px;`}\r\n\t\t\t}\r\n\t\t}`.replace(/\\s+/g, ' ').trim()\r\n\t}\r\n}\r\n\r\nexport const getBoxCSS = (val = {}) => Object.values(val).join(' ');","import { getBorderCSS, getColorsCSS, getMultiShadowCSS, getTypoCSS, getBoxCSS } from '../../Components/utils/getCSS';\r\n\r\nconst Style = ({ attributes, clientId }) => {\r\n\tconst { alignment, button, border, shadow } = attributes;\r\n\tconst { icon, typo, colors, padding } = button;\r\n\r\n\tconst mainSl = `#etfTwitterFeed-${clientId}`;\r\n\tconst blockSl = `${mainSl} .etfTwitterFeed`;\r\n\r\n\treturn <style dangerouslySetInnerHTML={{\r\n\t\t__html: `\r\n\t\t${getTypoCSS('', typo)?.googleFontLink}\r\n\t\t${getTypoCSS(`${blockSl} .etfButton`, typo)?.styles}\r\n\r\n\t\t${mainSl}{\r\n\t\t\ttext-align: ${alignment};\r\n\t\t}\r\n\t\t${blockSl}{\r\n\t\t\ttext-align: ${alignment};\r\n\t\t}\r\n\t\t${blockSl} .etfButton{\r\n\t\t ${getColorsCSS(colors)}\r\n\t\t\tpadding: ${getBoxCSS(padding)};\r\n\t\t\t\r\n\t\t}\r\n\t\t${blockSl} .etfButton svg{\r\n\t\t\twidth: ${icon.width};\r\n\t\t\theight: ${icon.height};\r\n\t\t}\r\n\t\t${blockSl} iframe, ${blockSl} .etfButton{\r\n\t\t\t${getBorderCSS(border)}\r\n\t\t\tbox-shadow: ${getMultiShadowCSS(shadow)};\r\n\t\t}\r\n\t`}} />;\r\n}\r\nexport default Style;","const Timeline = ({ attributes, }) => {\r\n const { userName, config } = attributes;\r\n const { theme, width, height, scrolling, isHeader, isFooter, language } = config;\r\n\r\n return <iframe Scrolling={scrolling} frameBorder=\"0\" allowtransparency=\"true\" allowFullScreen=\"true\" className=\"twitter_iframe\" style={{ position: 'static', visibility: 'visible', width: `${width}`, height: `${height}`, flexGrow: 1, overflow: \"auto\" }} title=\"Twitter Timeline\" src={`https://syndication.twitter.com/srv/timeline-profile/screen-name/${userName}?dnt=false&frame=false&hideBorder=true&showHeader=${isHeader}&hideFooter=${!isFooter}&lang=${language}&showReplies=false&theme=${theme}&transparent=false`}></iframe>;\r\n}\r\nexport default Timeline;","export const twitterIcon = (color = 'currentcolor') => <svg xmlns=\"http://www.w3.org/2000/svg\" width={24} height={24} viewBox=\"0 0 48 48\" fill={color}>\r\n\t<path fill={color} d=\"M42,12.429c-1.323,0.586-2.746,0.977-4.247,1.162c1.526-0.906,2.7-2.351,3.251-4.058c-1.428,0.837-3.01,1.452-4.693,1.776C34.967,9.884,33.05,9,30.926,9c-4.08,0-7.387,3.278-7.387,7.32c0,0.572,0.067,1.129,0.193,1.67c-6.138-0.308-11.582-3.226-15.224-7.654c-0.64,1.082-1,2.349-1,3.686c0,2.541,1.301,4.778,3.285,6.096c-1.211-0.037-2.351-0.374-3.349-0.914c0,0.022,0,0.055,0,0.086c0,3.551,2.547,6.508,5.923,7.181c-0.617,0.169-1.269,0.263-1.941,0.263c-0.477,0-0.942-0.054-1.392-0.135c0.94,2.902,3.667,5.023,6.898,5.086c-2.528,1.96-5.712,3.134-9.174,3.134c-0.598,0-1.183-0.034-1.761-0.104C9.268,36.786,13.152,38,17.321,38c13.585,0,21.017-11.156,21.017-20.834c0-0.317-0.01-0.633-0.025-0.945C39.763,15.197,41.013,13.905,42,12.429\"></path>\r\n</svg>;\r\n\r\nexport const XIcon = (color = 'currentcolor') => <svg xmlns=\"http://www.w3.org/2000/svg\" width={24} height={24} viewBox=\"0,0,256,256\" fill={color}>\r\n\t<path fill={color} transform=\"scale(5.12,5.12)\" d=\"M5.91992,6l14.66211,21.375l-14.35156,16.625h3.17969l12.57617,-14.57812l10,14.57813h12.01367l-15.31836,-22.33008l13.51758,-15.66992h-3.16992l-11.75391,13.61719l-9.3418,-13.61719zM9.7168,8h7.16406l23.32227,34h-7.16406z\"></path>\r\n</svg>","import { XIcon, twitterIcon } from \"../../utils/icons\";\r\n\r\nconst FollowButton = ({ attributes }) => {\r\n const { userName, button } = attributes;\r\n const { iconsType } = button\r\n\r\n const handleTwitterFollow = () => {\r\n const twitterUrl = `https://twitter.com/intent/follow?region=follow_link&screen_name=${userName}`;\r\n window.open(twitterUrl, '_blank');\r\n };\r\n\r\n return <a onClick={handleTwitterFollow} rel='noreferrer' className=\"etfButton\">\r\n {iconsType == \"tIcon\" ? twitterIcon() : XIcon()}\r\n <span> Follow @{userName}</span>\r\n </a>\r\n}\r\nexport default FollowButton;","import { XIcon, twitterIcon } from \"../../utils/icons\";\r\n\r\nconst TweetButton = ({ attributes }) => {\r\n const { userName, button } = attributes\r\n const { iconsType } = button\r\n\r\n const handleTwitterTweet = () => {\r\n const twitterUrl = `https://twitter.com/intent/tweet?screen_name=${userName}&text=${button.tweetText}`;\r\n window.open(twitterUrl, '_blank');\r\n };\r\n\r\n return <a onClick={handleTwitterTweet} className=\"etfButton\">\r\n {iconsType == \"tIcon\" ? twitterIcon() : XIcon()}\r\n <span>Tweet to @{userName}</span>\r\n </a>\r\n}\r\n\r\nexport default TweetButton;","const VideoPost = ({ attributes }) => {\r\n const { type, config, videoPostID } = attributes;\r\n const { language, scrolling, theme, height, width } = config;\r\n\r\n const vpHeight = type == 'video' ? '280px' : height;\r\n const src = type === 'video' ?\r\n `https://platform.twitter.com/embed/Tweet.html?dnt=false&frame=false&hideCard=false&hideThread=false&id=${videoPostID}&lang=${language}&theme=${theme}&width=${width}&maxWidth=${width}` : type === 'post' ?\r\n `https://platform.twitter.com/embed/Tweet.html?dnt=false&frame=false&hideCard=false&hideThread=false&id=${videoPostID}&lang=${language}&theme=${theme}&width=${width}` : '';\r\n\r\n\r\n return <iframe Scrolling={scrolling} frameBorder=\"0\" allowtransparency=\"true\" allowFullScreen=\"true\"\r\n style={{ width: `${width}`, height: `${vpHeight}` }} title=\"X Post\"\r\n src={src}\r\n data-tweet-id={videoPostID}></iframe>\r\n}\r\n\r\nexport default VideoPost;","import { XIcon, twitterIcon } from \"../../utils/icons\";\r\n\r\nconst Hastag = ({ attributes }) => {\r\n const { button } = attributes;\r\n const { tweetText, hasTagText, iconsType } = button;\r\n\r\n const handleTwitterFollow = () => {\r\n const hasTagUrl = `https://twitter.com/intent/tweet?hashtags=${hasTagText}%2C&original_referer=https%3A%2F%2Fpublish.twitter.com%2F&text=${tweetText}`;\r\n window.open(hasTagUrl, '_blank');\r\n };\r\n\r\n return <a onClick={handleTwitterFollow} rel='noreferrer' className=\"etfButton\">\r\n {iconsType == \"tIcon\" ? twitterIcon() : XIcon()}\r\n <span> Post #{hasTagText}</span>\r\n </a>\r\n}\r\n\r\nexport default Hastag;","import { render } from 'react-dom';\r\n\r\nimport './style.scss';\r\nimport Style from './Style';\r\nimport Timeline from './Components/Common/Timeline';\r\nimport FollowButton from './Components/Common/FollowButton';\r\nimport TweetButton from './Components/Common/TweetButton';\r\nimport VideoPost from './Components/Common/VideoPost';\r\nimport Hastag from './Components/Common/Hastag';\r\n\r\n// Block Name\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n\tconst blockEls = document.querySelectorAll('.wp-block-etf-twitter-feed');\r\n\tblockEls.forEach(blockEl => {\r\n\t\tconst attributes = JSON.parse(blockEl.dataset.attributes);\r\n\r\n\t\trender(<>\r\n\t\t\t<Style attributes={attributes} clientId={attributes.cId} />\r\n\r\n\t\t\t<TwitterFeed attributes={attributes} />\r\n\t\t</>, blockEl);\r\n\r\n\t\tblockEl?.removeAttribute('data-attributes');\r\n\t});\r\n});\r\n\r\nconst TwitterFeed = ({ attributes }) => {\r\n\tconst { type } = attributes;\r\n\r\n\treturn <div className={`etfTwitterFeed`}>\r\n\t\t{type == \"timeline\" && <Timeline attributes={attributes} />}\r\n\t\t{type == \"follow\" && <FollowButton attributes={attributes} />}\r\n\t\t{type == \"tweet\" && <TweetButton attributes={attributes} />}\r\n\t\t{type == \"tag\" && <Hastag attributes={attributes} />}\r\n\t\t{['video', 'post'].includes(type) && <VideoPost attributes={attributes} />}\r\n\t</div>\r\n}"],"names":["ReactDOM","getBorderCSS","border","width","style","color","side","radius","borderSideCheck","s","bSide","toLowerCase","includes","noWidth","borderCSS","styles","map","join","getColorsCSS","colors","bgType","bg","gradient","getMultiShadowCSS","value","type","item","index","hOffset","vOffset","blur","spreed","isInset","inset","offsetBlur","isComa","length","getTypoCSS","selector","typo","isFamily","fontFamily","fontCategory","fontVariant","fontWeight","isUploadFont","fontSize","desktop","tablet","mobile","fontStyle","textTransform","textDecoration","lineHeight","letterSpace","generateCss","cssProperty","isEmptyFamily","desktopFontSize","tabletFontSize","mobileFontSize","linkQuery","replace","link","split","googleFontLink","trim","getBoxCSS","val","Object","values","attributes","clientId","alignment","button","shadow","icon","padding","mainSl","blockSl","dangerouslySetInnerHTML","__html","height","userName","config","theme","scrolling","isHeader","isFooter","language","Scrolling","frameBorder","allowtransparency","allowFullScreen","className","position","visibility","flexGrow","overflow","title","src","twitterIcon","xmlns","viewBox","fill","d","XIcon","transform","iconsType","onClick","twitterUrl","window","open","rel","tweetText","videoPostID","vpHeight","hasTagText","hasTagUrl","document","addEventListener","querySelectorAll","forEach","blockEl","JSON","parse","dataset","render","cId","TwitterFeed","removeAttribute"],"sourceRoot":""}