{"version":3,"file":"3874.abee37fcc6f07a1f092a.js","mappings":"i5BAIA,SAAQ,I,mpBAAFA,EACUC,G,iIACFA,IACDC,MAAQ,CACTC,WAAW,G,EAEVC,UAAY,EAAKA,UAAUC,KAAK,EAAD,I,EAC/BC,WAAa,EAAKA,WAAWD,KAAK,EAAD,I,EACjCE,UAAY,EAAKA,UAAUF,KAAK,EAAD,I,EAC/BG,SAAW,EAAKA,SAASH,KAAK,EAAD,I,kBAGtCG,IAAAA,W,MAAAA,WACQC,QAAUC,KAAKT,MAAMU,KAAKC,UAC1BH,OAAOI,SAAWH,KAAKT,MAAMU,KAAKC,W,CAI1CR,IAAAA,Y,MAAAA,c,CAiCA,IAAC,a,gCAEK,iB,uBAoBD,WAED,eAAM,gBACGU,EAAAA,EAAAA,aAAkB,0C,0CAYNH,KAAKI,MAAAA,KAAyBC,EAAUD,GAAAA,CAAAA,CAAkBE,aAAM,E,sCAEhE,O,OAAqD,uBAK7E,Y,kEA/F2B,uBAkGjBjB,OAAQ,U,kmBAlGvB,C,urBCgEA,EAjEA,SAAQ,I,mpBAAFkB,EACUjB,G,wHACFA,G,gBAGVkB,IAAAA,oB,MAAAA,WACI,GAAIC,EAAAA,EAAOC,UAAW,CAClB,IAAMC,EAAOC,SAASC,cAAc,OACpCF,EAAKG,GAAK,UAEVF,SAASG,KAAKC,aAAaL,EAAMC,SAASG,KAAKE,SAAS,IAEjCC,EASX,SATcJ,EASJ,iBAPdK,GAFYC,EASlBR,UAPcS,qBAAqBH,GAAG,GAChCE,EAAEE,eAAeR,MACrBS,EAAKH,EAAEP,cAAcK,IAClBJ,GAAKA,EACRS,EAAGlB,IAAM,2DACTc,EAAIK,WAAWR,aAAaO,EAAIJ,IAP1B,IAAUC,EAAGF,EAAGJ,EAClBS,EACAJ,I,CAWhBM,IAAAA,S,MAAAA,WACI,OAAI1B,KAAKT,MAAMoC,QACL,gBACDC,MAAG,CAACxB,UAAU,yBACVJ,KAAKT,MAAMoC,QAAQE,OAAK,gBACpBD,MAAG,CAACxB,UAAU,e,gBACVwB,MAAG,CAACxB,UAAU,sB,gBACVwB,MAAG,CAACxB,UAAU,uB,gBACV0B,KAAE,CACC1B,UAAU,6BACV2B,wBAAyB,CACrBC,OAAQhC,KAAKT,MAAMoC,QAAQM,qB,gBAGlCL,MAAG,CACAxB,UAAU,8BACV2B,wBAAyB,CACrBC,OAAQhC,KAAKT,MAAMoC,QAAQO,wB,gBAK1CN,MAAG,CAACxB,UAAU,qB,gBACVwB,MAAG,CAACxB,UAAU,4BACVJ,KAAKT,MAAMoC,QAAQE,MAAMM,KAAI,SAAClC,EAAMmC,GACjC,OAAM,gBACDR,MAAG,CAACS,IAAKD,EAAGhC,UAAU,4B,gBACjBd,EAAQ,CAACW,KAAMA,YAUlD,U,mBA9Df,CAA2BqC,EAAAA,W,gNCA3B,IAEA,EAFyB/C,SAAAA,GAAS,OAAM,gBAALiB,EAAY,KAAKjB","sources":["webpack://gyldendal-uddannelse/./src/Foundation/Frontend/ReactComponents/Social/feed-post.js","webpack://gyldendal-uddannelse/./src/Foundation/Frontend/ReactComponents/Social/facebook-feed.js","webpack://gyldendal-uddannelse/./src/Foundation/Frontend/ReactViews/FacebookFeed/facebook-feed-view.js"],"sourcesContent":["import React, { Component } from \"react\";\r\nimport { findDOMNode } from \"react-dom\";\r\nimport classNames from \"classnames\";\r\n\r\nclass FeedPost extends Component {\r\n    constructor(props) {\r\n        super(props);\r\n        this.state = {\r\n            popupOpen: false\r\n        };\r\n        this.openPopup = this.openPopup.bind(this);\r\n        this.closePopup = this.closePopup.bind(this);\r\n        this.getBounds = this.getBounds.bind(this);\r\n        this.openPost = this.openPost.bind(this);\r\n    }\r\n\r\n    openPost() {\r\n        if (window && this.props.post.PostUrl) {\r\n            window.location = this.props.post.PostUrl;\r\n        }\r\n    }\r\n\r\n    openPopup() {\r\n        //todo:Remove because the popup is extra \"nice-to-have\" feature\r\n        /*this.setState({\r\n            popupOpen:true\r\n        })*/\r\n        /*\r\n         *\r\n         <Modal\r\n         aria-labelledby='modal-label'\r\n         show={this.state.popupOpen}\r\n         onHide={this.closePopup}\r\n         >\r\n         <FeedPostPopup\r\n         post={post}\r\n         close={this.closePopup}\r\n         target={ props => findDOMNode(this.refs.target)}/>\r\n         </Modal>\r\n         *\r\n         */\r\n    }\r\n\r\n    closePopup() {\r\n        this.setState({\r\n            popupOpen: false\r\n        });\r\n    }\r\n\r\n    getBounds() {\r\n        if (window && this.container) {\r\n            return findDOMNode(this.refs.target).getBoundingClientRect();\r\n        } else {\r\n            return {};\r\n        }\r\n    }\r\n\r\n    render() {\r\n        /*\r\n        recieving data in this.props.post\r\n           // \"PostImageUrl\": \"https://external.xx.fbcdn.net/safe_image.php?d=AQB729JCOki1W1GV&w=130&h=130&url=http%3A%2F%2Fwww.magnetix.dk%2Fglobalassets%2Fimages%2Fcases%2Froyal-copenhagen%2Froyal-copenhagen-header-image.png&cfs=1&_nc_hash=AQDbKq-ru61m8_bo\",\r\n           //  \"PostMessage\": \"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\\n\\n\",\r\n           //  \"PostMessageLink\": \"https://www.magnetix.dk/\",\r\n\r\n            \"PostUrl\": \"https://www.facebook.com/testpage4568978/posts/127135264474610\",\r\n            \"PostDate\": \"yesterday\",\r\n\r\n           // \"PostUserImageUrl\": \"https://scontent.xx.fbcdn.net/v/t1.0-1/p50x50/16649513_127095547811915_2684032176552193786_n.jpg?oh=7b21da174ebc868613a2e4810dec0303&oe=5934FCF0\",\r\n           // \"PostUserName\": \"Zaheer Tariq\",\r\n           // \"PostUserUrl\": \"https://www.facebook.com/app_scoped_user_id/125586867962783/\",\r\n            \"_PostDateTime\": \"2017-02-22T11:00:10+01:00\"\r\n         onClick={ (e)=>{e.preventDefault(); this.openPopup()}}\r\n        */\r\n        const post = this.props.post;\r\n        const classes = classNames({\r\n            \"feed-post\": true,\r\n            \"feed-post--hasImage\": post.PostImageUrl || null\r\n        });\r\n\r\n        return (\r\n            <div className={classes} ref=\"target\">\r\n                <a className=\"feed-post__content\" href={post.PostMessageLink} target=\"_blank\">\r\n                    {post.PostImageUrl && (\r\n                        <div className=\"feed-post__image\">\r\n                            <img src={post.PostImageUrl} alt=\"\" loading=\"lazy\" role=\"presentation\" />\r\n                        </div>\r\n                    )}\r\n                    <div className=\"feed-post__message\">{post.PostMessage}</div>\r\n                </a>\r\n                <div className=\"feed-post__user\">\r\n                    <a href={post.PostUserUrl} className=\"feed-post__user_linkwrap\" target=\"_blank\">\r\n                        <div className=\"feed-post__user__image\">\r\n                            {post.PostUserImageUrl && <img src={post.PostUserImageUrl} alt=\"\" />}\r\n                        </div>\r\n                        <span className=\"feed-post__user__name\">{post.PostUserName}</span>\r\n                    </a>\r\n                </div>\r\n            </div>\r\n        );\r\n    }\r\n}\r\n\r\nexport default FeedPost;\r\n","import React, { Component } from \"react\";\r\nimport FeedPost from \"./feed-post\";\r\n\r\nclass FacebookFeed extends Component {\r\n    constructor(props) {\r\n        super(props);\r\n    }\r\n\r\n    componentDidMount() {\r\n        if (global.canUseDOM) {\r\n            const elem = document.createElement(\"div\");\r\n            elem.id = \"fb-root\";\r\n\r\n            document.body.insertBefore(elem, document.body.children[0]);\r\n\r\n            const f = function (d, s, id) {\r\n                var js,\r\n                    fjs = d.getElementsByTagName(s)[0];\r\n                if (d.getElementById(id)) return;\r\n                js = d.createElement(s);\r\n                js.id = id;\r\n                js.src = \"//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.8\";\r\n                fjs.parentNode.insertBefore(js, fjs);\r\n            };\r\n            f(document, \"script\", \"facebook-jssdk\");\r\n        }\r\n    }\r\n\r\n    render() {\r\n        if (this.props.Payload)\r\n            return (\r\n                <div className=\"social-feed-container\">\r\n                    {this.props.Payload.Posts && (\r\n                        <div className=\"social-feed\">\r\n                            <div className=\"social-feed__inner\">\r\n                                <div className=\"social-feed__header\">\r\n                                    <h1\r\n                                        className=\"social-feed__header__title\"\r\n                                        dangerouslySetInnerHTML={{\r\n                                            __html: this.props.Payload.FacebookFeedTitle\r\n                                        }}\r\n                                    />\r\n                                    <div\r\n                                        className=\"social-feed__header__follow\"\r\n                                        dangerouslySetInnerHTML={{\r\n                                            __html: this.props.Payload.FollowWidgetScript\r\n                                        }}\r\n                                    />\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"social-feed__list\">\r\n                                <div className=\"social-feed__list__inner\">\r\n                                    {this.props.Payload.Posts.map((post, i) => {\r\n                                        return (\r\n                                            <div key={i} className=\"social-feed__list__item \">\r\n                                                {<FeedPost post={post} />}\r\n                                            </div>\r\n                                        );\r\n                                    })}\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    )}\r\n                </div>\r\n            );\r\n        return null;\r\n    }\r\n}\r\nexport default FacebookFeed;\r\n","import * as React from \"react\";\r\nimport FacebookFeed from \"@/ReactComponents/Social/facebook-feed\";\r\n\r\nconst FacebookFeedView = props => <FacebookFeed {...props} />;\r\n\r\nexport default FacebookFeedView;\r\n"],"names":["FeedPost","props","state","popupOpen","openPopup","bind","closePopup","getBounds","openPost","window","this","post","PostUrl","location","className","PostUserImageUrl","src","alt","FacebookFeed","componentDidMount","global","canUseDOM","elem","document","createElement","id","body","insertBefore","children","s","fjs","d","getElementsByTagName","getElementById","js","parentNode","render","Payload","div","Posts","h1","dangerouslySetInnerHTML","__html","FacebookFeedTitle","FollowWidgetScript","map","i","key","Component"],"sourceRoot":""}