{"version":3,"file":"script.js","mappings":"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","sources":["webpack://social-feed-block/external var \"React\"","webpack://social-feed-block/external var \"ReactDOM\"","webpack://social-feed-block/./src/GalleryHeader.js","webpack://social-feed-block/./src/Gallery.js","webpack://social-feed-block/./src/utils/function.js","webpack://social-feed-block/./src/services.js","webpack://social-feed-block/../Components/Helper/getCSS.js","webpack://social-feed-block/./src/Style.js","webpack://social-feed-block/./src/script.js"],"sourcesContent":["var __WEBPACK_NAMESPACE_OBJECT__ = React;","var __WEBPACK_NAMESPACE_OBJECT__ = ReactDOM;","const GalleryHeader = ({ userName, attributes }) => {\r\n\tconst { isProfile, profileImg, isFollowBtn } = attributes;\r\n\r\n\tconst link = `https://www.instagram.com/${userName}/`;\r\n\r\n\treturn isProfile || isFollowBtn ? <div className='galleryHeader'>\r\n\t\t{isProfile && <div className='headerLeft'>\r\n\t\t\t<figure className='profileImg'>\r\n\t\t\t\t<a href={link} target='_blank' rel='noreferrer'><img src={profileImg} alt={userName} /></a>\r\n\t\t\t</figure>\r\n\r\n\t\t\t<h3 className='userName'><a href={link} target='_blank' rel='noreferrer'>@{userName}</a></h3>\r\n\t\t</div>}\r\n\r\n\t\t{isFollowBtn && <div className='headerRight'>\r\n\t\t\t<a className='followBtn' href={link} target='_blank' rel='noreferrer'>Follow On Instagram</a>\r\n\t\t</div>}\r\n\t</div> : null;\r\n}\r\nexport default GalleryHeader;","import { truncate } from './utils/function';\r\n\r\nconst Gallery = ({ media, attributes, pageNumber, setPageNumber }) => {\r\n\tconst { itemVisible, isLink, isLinkNewTab, isCaption, captionLength, isLoadMore, columns, imgHoverEffect, captionStyle } = attributes;\r\n\r\n\treturn <>\r\n\t\t<div className={`ifbGallery columns-${columns.desktop} columns-tablet-${columns.tablet} columns-mobile-${columns.mobile}`}>\r\n\t\t\t{media?.length && media.slice(0, itemVisible * pageNumber).map((data, index) => {\r\n\t\t\t\tconst { id, media_type, media_url, caption, permalink } = data; // timestamp present in data\r\n\r\n\t\t\t\t// const galleryCarousel = useRef(null);\r\n\t\t\t\t// const slidePrev = useRef(null);\r\n\t\t\t\t// const slideNext = useRef(null);\r\n\r\n\t\t\t\t// useEffect(() => {\r\n\t\t\t\t// \tif (galleryCarousel.current && slidePrev.current && slideNext.current) {\r\n\t\t\t\t// \t\tnew Swiper(galleryCarousel.current, {\r\n\t\t\t\t// \t\t\tspeed: 400,\r\n\t\t\t\t// \t\t\tslidesPerView: 1,\r\n\t\t\t\t// \t\t\tspaceBetween: 0,\r\n\t\t\t\t// \t\t\tnavigation: {\r\n\t\t\t\t// \t\t\t\tprevEl: slidePrev.current,\r\n\t\t\t\t// \t\t\t\tnextEl: slideNext.current,\r\n\t\t\t\t// \t\t\t}\r\n\t\t\t\t// \t\t});\r\n\t\t\t\t// \t}\r\n\t\t\t\t// }, [galleryCarousel.current, slidePrev.current, slideNext.current]);\r\n\r\n\t\t\t\tconst imageEl = <figure className={`galleryFigure ${imgHoverEffect}`}>\r\n\t\t\t\t\t<img src={'VIDEO' === media_type ? data.thumbnail_url : media_url} alt={caption} />\r\n\r\n\t\t\t\t\t{isCaption ? <figcaption className={captionStyle}><p>{truncate(caption, captionLength)}</p></figcaption> : ''}\r\n\t\t\t\t</figure>\r\n\r\n\t\t\t\treturn <div key={id} className='galleryItem' id={`galleryItem-${index}`}>\r\n\t\t\t\t\t{isLink ? <a href={permalink} target={isLinkNewTab ? '_blank' : '_self'} rel='noreferrer'>{imageEl}</a> : imageEl}\r\n\t\t\t\t\t{/* {isCaption ? <div className={`caption ${captionStyle}`}><p>{truncate(caption, captionLength)}</p></div> : null} */}\r\n\r\n\t\t\t\t\t{/* {'IMAGE' === media_type && <img src={media_url} alt={caption} />}\r\n\r\n\t\t\t\t\t{'VIDEO' === media_type && <video controls poster={data.thumbnail_url}>\r\n\t\t\t\t\t\t<source src={media_url} />\r\n\t\t\t\t\t</video>}\r\n\r\n\t\t\t\t\t{'CAROUSEL_ALBUM' === media_type && <div className='galleryCarousel' ref={galleryCarousel}>\r\n\t\t\t\t\t\t<div className='swiper-wrapper'>\r\n\t\t\t\t\t\t\t{data.children.data.map(child => <div className='swiper-slide' key={child.id}>\r\n\t\t\t\t\t\t\t\t{child?.thumbnail_url ?\r\n\t\t\t\t\t\t\t\t\t<video controls poster={child.thumbnail_url}>\r\n\t\t\t\t\t\t\t\t\t\t<source src={child.media_url} />\r\n\t\t\t\t\t\t\t\t\t</video> :\r\n\t\t\t\t\t\t\t\t\t<img src={child.media_url} alt={caption.split(' ').slice(0, 12).join(' ')} />}\r\n\t\t\t\t\t\t\t</div>)}\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div className='swiper-button-prev' ref={slidePrev}>\r\n\t\t\t\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\"><path d=\"M14.71 15.88L10.83 12l3.88-3.88c.39-.39.39-1.02 0-1.41-.39-.39-1.02-.39-1.41 0L8.71 11.3c-.39.39-.39 1.02 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0 .38-.39.39-1.03 0-1.42z\" /></svg>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div className='swiper-button-next' ref={slideNext}>\r\n\t\t\t\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\"><path d=\"M9.29 15.88L13.17 12 9.29 8.12c-.39-.39-.39-1.02 0-1.41.39-.39 1.02-.39 1.41 0l4.59 4.59c.39.39.39 1.02 0 1.41L10.7 17.3c-.39.39-1.02.39-1.41 0-.38-.39-.39-1.03 0-1.42z\" /></svg>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>} */}\r\n\t\t\t\t</div>;\r\n\t\t\t})}\r\n\t\t</div>\r\n\r\n\t\t{isLoadMore && <div className={`loadMore ${media?.length > itemVisible * pageNumber ? 'visible' : 'hidden'}`}>\r\n\t\t\t<button onClick={() => setPageNumber(pageNumber + 1)}>Load More</button>\r\n\t\t</div>}\r\n\t</>;\r\n}\r\nexport default Gallery;","export const isEmptyObject = obj => obj && Object.keys(obj).length === 0 && obj.constructor === Object;\r\n\r\nexport const hasObjProperty = (obj, property) => Object.prototype.hasOwnProperty.call(obj, property);\r\n\r\nexport const truncate = (text = '', length) => text.length > length ? `${text.slice(0, length)}...` : text","export const fetchUser = async token => {\r\n\tconst user = await fetch(`https://graph.instagram.com/me?fields=id,username,media_count,account_type&access_token=${token}`).then(res => res.json());\r\n\r\n\treturn user;\r\n}\r\n\r\nexport const fetchUserData = async token => {\r\n\tconst data = await fetch(`https://graph.instagram.com/me/media?fields=id,username,media_type,media_url,thumbnail_url,caption,permalink,timestamp,comments_count,like_count,children{id,media_type,media_url,thumbnail_url,permalink,timestamp}&access_token=${token}&limit=100`).then(res => res.json());\r\n\r\n\treturn {\r\n\t\tmedia: data.data,\r\n\t\tpage: data.paging.cursors\r\n\t}\r\n}\r\n\r\nexport const fetchUserWithData = async token => {\r\n\tconst user = await fetch(`https://graph.instagram.com/me?fields=id,username,media_count,account_type&access_token=${token}`).then(res => res.json());\r\n\r\n\tconst data = await fetch(`https://graph.instagram.com/me/media?fields=id,username,media_type,media_url,thumbnail_url,caption,permalink,timestamp,comments_count,like_count,children{id,media_type,media_url,thumbnail_url,permalink,timestamp}&access_token=${token}&limit=100`).then(res => res.json());\r\n\r\n\treturn {\r\n\t\tuser,\r\n\t\tuserData: {\r\n\t\t\t[user.username]: {\r\n\t\t\t\tmedia: data.data,\r\n\t\t\t\tpage: data.paging.cursors\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t// return {\r\n\t// \t[user.username]: {\r\n\t// \t\tmedia: data.data,\r\n\t// \t\tpage: data.paging.cursors\r\n\t// \t}\r\n\t// };\r\n}\r\n\r\nexport const setLocalWithExpiry = (key, value, ms) => {\r\n\tconst now = new Date().getTime();\r\n\r\n\tconst localData = localStorage.getItem(key);\r\n\tconst existingData = localData ? JSON.parse(decodeURIComponent(escape(atob(localData)))) : '';\r\n\r\n\tif (!existingData || existingData?.expiry <= now) {\r\n\t\tconst item = {\r\n\t\t\tvalue,\r\n\t\t\texpiry: now + ms,\r\n\t\t}\r\n\t\tlocalStorage.setItem(key, btoa(unescape(encodeURIComponent(JSON.stringify(item)))));\r\n\t}\r\n}\r\nexport const remLocal = (key) => {\r\n\tlocalStorage.removeItem(key);\r\n}\r\nexport const getLocalWithExpiry = (key) => {\r\n\tconst now = new Date().getTime();\r\n\r\n\tconst localData = localStorage.getItem(key);\r\n\tconst data = localData ? JSON.parse(decodeURIComponent(escape(atob(localData)))) : '';\r\n\r\n\treturn data && data?.expiry >= now ? data?.value : null;\r\n}","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 ? '' : borderSideCheck('top') ? `border-top: ${borderCSS};` : ''}\r\n\t\t${noWidth ? '' : borderSideCheck('right') ? `border-right: ${borderCSS};` : ''}\r\n\t\t${noWidth ? '' : borderSideCheck('bottom') ? `border-bottom: ${borderCSS};` : ''}\r\n\t\t${noWidth ? '' : borderSideCheck('left') ? `border-left: ${borderCSS};` : ''}\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\tconst { shadow = [{ hOffset: '0px', vOffset: '0px', blur: '0px', spreed: '0px', color: '#7090b0', isInset: false }] } = value;\r\n\r\n\tlet styles = '';\r\n\r\n\tshadow?.map((item, index) => {\r\n\t\tconst { hOffset, vOffset, blur, spreed, color, isInset } = 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 >= shadow.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;\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 = (typo, isFamily = true) => {\r\n\tconst { fontFamily = 'Default', fontCategory = 'sans-serif', fontVariant = 400, fontWeight = 400, isUploadFont = true, fontSize = 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 styles = `\r\n\t\t${(!isFamily || !fontFamily) || ('Default' === fontFamily) ? '' : `font-family: '${fontFamily}', ${fontCategory};`}\r\n\t\t${generateCss(fontWeight, 'font-weight')}\r\n\t\t${!fontSize ? '' : `font-size: ${fontSize}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 = 'Default' === fontFamily || !fontFamily ? '' : `https://fonts.googleapis.com/css2?family=${fontFamily?.split(' ').join('+')}${linkQuery.replace(/ /g, '')}&display=swap`;\r\n\r\n\treturn { styles: styles.replace(/\\s+/g, ' ').trim(), googleFontLink: isUploadFont ? link : '' };\r\n}","import { getBackgroundCSS, getBorderCSS, getSpaceCSS, getTypoCSS } from '../../Components/Helper/getCSS';\r\n\r\nconst Style = ({ attributes, clientId }) => {\r\n\tconst { columnGap, rowGap, background, padding, border, captionBG, captionTypo, captionColor } = attributes;\r\n\r\n\treturn <style dangerouslySetInnerHTML={{\r\n\t\t__html: `\r\n\t\t${getTypoCSS(captionTypo)?.googleFontLink ? `@import url(${getTypoCSS(captionTypo)?.googleFontLink});` : ''}\r\n\r\n\t\t#ifbInstagramFeed-${clientId} .ifbInstagramFeed{\r\n\t\t\t${getBackgroundCSS(background)}\r\n\t\t\tpadding: ${getSpaceCSS(padding)};\r\n\t\t\t${getBorderCSS(border)}\r\n\t\t}\r\n\t\t#ifbInstagramFeed-${clientId} .ifbInstagramFeed .galleryHeader{\r\n\t\t\tmargin-bottom: ${rowGap};\r\n\t\t}\r\n\t\t#ifbInstagramFeed-${clientId} .ifbInstagramFeed .ifbGallery{\r\n\t\t\tgrid-gap: ${rowGap} ${columnGap};\r\n\t\t}\r\n\t\t#ifbInstagramFeed-${clientId} .ifbInstagramFeed .galleryItem figcaption{\r\n\t\t\t${getBackgroundCSS(captionBG)}\r\n\t\t}\r\n\t\t#ifbInstagramFeed-${clientId} .ifbInstagramFeed .galleryItem figcaption p{\r\n\t\t\t${getTypoCSS(captionTypo)?.styles}\r\n\t\t\tcolor: ${captionColor};\r\n\t\t}\r\n\t\t`.replace(/\\s+/g, ' ')\r\n\t}} />\r\n}\r\nexport default Style;","import { useState, useEffect } from 'react';\r\nimport { render } from 'react-dom';\r\nconst $ = jQuery;\r\n\r\nimport './style.scss';\r\nimport GalleryHeader from './GalleryHeader';\r\nimport Gallery from './Gallery';\r\nimport { fetchUserWithData, setLocalWithExpiry, getLocalWithExpiry } from './services';\r\nimport Style from './Style';\r\nimport { hasObjProperty } from './utils/function';\r\n\r\nconst timeToMs = (time, period) => {\r\n\tconst minuteMS = 60000;\r\n\r\n\tswitch (period) {\r\n\t\tcase 'minutes':\r\n\t\t\treturn minuteMS * time;\r\n\t\tcase 'hours':\r\n\t\t\treturn 60 * minuteMS * time;\r\n\t\tcase 'days':\r\n\t\t\treturn 1440 * minuteMS * time;\r\n\t\tcase 'months':\r\n\t\t\treturn 43200 * minuteMS * time;\r\n\t\tcase 'years':\r\n\t\t\treturn 525600 * minuteMS * time;\r\n\t}\r\n}\r\n\r\n// All Instagram Feed\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n\tconst allInstagramFeed = document.querySelectorAll('.wp-block-ifb-instagram');\r\n\tallInstagramFeed.forEach(instagramFeed => {\r\n\t\tconst attributes = JSON.parse(instagramFeed.dataset.attributes);\r\n\t\tconst { cId, accessToken = [] } = attributes;\r\n\r\n\t\trender(accessToken[0] ? <div className='ifbInstagramFeed'>\r\n\t\t\t<Style attributes={attributes} clientId={cId} />\r\n\r\n\t\t\t<GalleryRender attributes={attributes} />\r\n\t\t</div> : <></>, instagramFeed);\r\n\r\n\t\tinstagramFeed?.removeAttribute('data-attributes');\r\n\t});\r\n});\r\n\r\n// GalleryRender\r\nconst GalleryRender = ({ attributes }) => {\r\n\tconst { cId, accessToken, cacheTime, cacheTimePeriod } = attributes;\r\n\r\n\tconst [users, setUsers] = useState(getLocalWithExpiry(`ifbData-${cId}`)?.users || []);\r\n\tconst [usersData, setUsersData] = useState(getLocalWithExpiry(`ifbData-${cId}`)?.usersData || {});\r\n\tconst [pageNumber, setPageNumber] = useState(1);\r\n\r\n\tconst userName = users?.length ? users[0]?.username : '';\r\n\tconst userData = userName && usersData && hasObjProperty(usersData, userName) ? usersData[userName] : {};\r\n\r\n\t// useEffect(() => {\r\n\t// \ttoken && fetchUser(token).then(data => {\r\n\t// \t\t!users?.length && setUsers([data]);\r\n\t// \t});\r\n\t// }, [token]);\r\n\r\n\t// useEffect(() => {\r\n\t// \ttoken && userName && fetchUserData(token, userName).then(data => {\r\n\t// \t\t$.isEmptyObject(userData) && setUsersData({ [userName]: data });\r\n\t// \t});\r\n\t// }, [token, userName]);\r\n\r\n\tuseEffect(() => {\r\n\t\tlet usersHolder = [];\r\n\t\tlet usersDataHolder = {};\r\n\r\n\t\taccessToken?.length && accessToken.map(token => {\r\n\t\t\t// accessToken?.length !== users?.length && fetchUser(token).then(data => {\r\n\t\t\t// \tusersHolder.push(data);\r\n\t\t\t// \tsetUsers(usersHolder);\r\n\t\t\t// });\r\n\r\n\t\t\taccessToken?.length !== Object.keys(usersData)?.length && fetchUserWithData(token).then(data => {\r\n\t\t\t\tusersHolder.push(data.user);\r\n\t\t\t\tusersDataHolder = { ...usersDataHolder, ...data.userData }\r\n\r\n\t\t\t\tsetUsers(usersHolder);\r\n\t\t\t\tsetUsersData(usersDataHolder);\r\n\t\t\t});\r\n\t\t});\r\n\t}, [accessToken]);\r\n\r\n\tuseEffect(() => {\r\n\t\tusers?.length && !$.isEmptyObject(usersData) && setLocalWithExpiry(`ifbData-${cId}`, {\r\n\t\t\tusers,\r\n\t\t\tusersData\r\n\t\t}, timeToMs(cacheTime, cacheTimePeriod));\r\n\t}, [users, usersData]);\r\n\r\n\treturn !$.isEmptyObject(usersData) ? <>\r\n\t\t<GalleryHeader userName={userName} attributes={attributes} />\r\n\r\n\t\t<Gallery media={userData.media} attributes={attributes} pageNumber={pageNumber} setPageNumber={setPageNumber} />\r\n\t</> : '';\r\n}"],"names":["React","ReactDOM","userName","attributes","isProfile","profileImg","isFollowBtn","link","className","href","target","rel","src","alt","media","pageNumber","setPageNumber","itemVisible","isLink","isLinkNewTab","isCaption","captionLength","isLoadMore","columns","imgHoverEffect","captionStyle","desktop","tablet","mobile","length","slice","map","data","index","id","media_type","media_url","caption","permalink","imageEl","thumbnail_url","text","truncate","key","onClick","fetchUserWithData","token","fetch","then","res","json","user","userData","username","page","paging","cursors","getLocalWithExpiry","now","Date","getTime","localData","localStorage","getItem","JSON","parse","decodeURIComponent","escape","atob","expiry","value","getBackgroundCSS","bg","isSolid","isGradient","isImage","type","color","gradient","image","position","attachment","repeat","size","overlayColor","styles","url","getBorderCSS","border","width","style","side","radius","borderSideCheck","s","bSide","toLowerCase","includes","noWidth","borderCSS","getTypoCSS","typo","isFamily","fontFamily","fontCategory","fontVariant","fontWeight","isUploadFont","fontSize","fontStyle","textTransform","textDecoration","lineHeight","letterSpace","generateCss","cssProperty","linkQuery","replace","split","join","trim","googleFontLink","space","vertical","horizontal","top","right","bottom","left","clientId","columnGap","rowGap","background","padding","captionBG","captionTypo","captionColor","dangerouslySetInnerHTML","__html","$","jQuery","document","addEventListener","querySelectorAll","forEach","instagramFeed","dataset","cId","accessToken","render","GalleryRender","removeAttribute","obj","property","cacheTime","cacheTimePeriod","useState","users","setUsers","usersData","setUsersData","Object","prototype","hasOwnProperty","call","useEffect","usersHolder","usersDataHolder","keys","push","isEmptyObject","ms","existingData","item","setItem","btoa","unescape","encodeURIComponent","stringify","setLocalWithExpiry","time","period","minuteMS","timeToMs"],"sourceRoot":""}