{"version":3,"sources":["webpack:///./src/Frontend/app/components/ipaper-embed/ipaper-embed.tsx","webpack:///./src/Frontend/app/views/ipaper-embed/ipaper-embed-view.tsx","webpack:///./node_modules/classnames/index.js","webpack:///./src/Frontend/app/components/icons/icon.tsx","webpack:///./src/Frontend/app/components/anchor/anchor.tsx","webpack:///./src/Frontend/app/components/arrow-link/arrow-link.tsx"],"names":["richText","anchorId","pdfLink","handlePostMessage","event","window","hasMessageListener","addEventListener","removeEventListener","componentClasses","className","id","baseClass","dangerouslySetInnerHTML","__html","link","render","this","props","contextModel","hasOwn","hasOwnProperty","classNames","classes","i","arguments","length","arg","argType","push","Array","isArray","inner","apply","key","call","join","module","exports","default","spriteUrl","viewBox","iconId","preserveAspectRatio","onClick","xmlnsXlink","xlinkHref"],"mappings":"mJA8De,EAhDiC,SAAC,G,IAAEA,EAAQ,WAAEC,EAAQ,WAAEC,EAAO,UACpEC,EAAoB,SAAC,GAAM,OACpBC,OAkBb,aAAgB,WACZ,IAAIC,OAAOC,mBAOX,OAHAD,OAAOE,iBAAiB,UAAWJ,GACnCE,OAAOC,oBAAqB,EAErB,WACHD,OAAOG,oBAAoB,UAAWL,UAC/BE,OAAOC,sBAEnB,IAEH,IACMG,EAAmB,IADP,eAC6B,CAC3C,mBAAoBR,IAGxB,OACI,2BAASS,UAAWD,GACfR,GAAY,gBAAC,IAAM,CAACU,GAAIV,IACzB,uBAAKS,UAAcE,sBAAoBC,wBAAyB,CAAEC,OAAQd,KACzEE,GAAW,gBAAC,IAAS,CAACQ,UAAcE,yBAAuBG,KAAMb,M,yhBClD9E,2B,+CAIA,OAJ8B,OACnB,YAAAc,OAAP,WACI,OAAO,gBAAC,EAAW,KAAKC,KAAKC,MAAMC,gBAE3C,EAJA,CAA8B,iBAMf,a,oBCbf;;;;;GAOC,WACA,aAEA,IAAIC,EAAS,GAAGC,eAEhB,SAASC,IAGR,IAFA,IAAIC,EAAU,GAELC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAC1C,IAAIG,EAAMF,UAAUD,GACpB,GAAKG,EAAL,CAEA,IAAIC,SAAiBD,EAErB,GAAgB,WAAZC,GAAoC,WAAZA,EAC3BL,EAAQM,KAAKF,QACP,GAAIG,MAAMC,QAAQJ,IAAQA,EAAID,OAAQ,CAC5C,IAAIM,EAAQV,EAAWW,MAAM,KAAMN,GAC/BK,GACHT,EAAQM,KAAKG,QAER,GAAgB,WAAZJ,EACV,IAAK,IAAIM,KAAOP,EACXP,EAAOe,KAAKR,EAAKO,IAAQP,EAAIO,IAChCX,EAAQM,KAAKK,IAMjB,OAAOX,EAAQa,KAAK,KAGgBC,EAAOC,SAC3ChB,EAAWiB,QAAUjB,EACrBe,EAAOC,QAAUhB,QAKhB,KAFwB,EAAF,WACtB,OAAOA,GACP,QAFoB,OAEpB,aAxCH,I,iCCPA,6BA0Ee,IAhBoB,SAAAJ,GAC/B,IAAMsB,EAAYtB,EAAMsB,WAAa,GAC/BC,EAAUvB,EAAMuB,SAAW,YAEjC,OACI,uBACIA,QAASA,EACT/B,UAAW,IAAWQ,EAAMR,UAAW,OAAQ,QAAQQ,EAAMwB,QAC7DC,oBAAoB,WACpBC,QAAS,WAAM,OAAA1B,EAAM0B,SAAW1B,EAAjB,YAEf,uBAAK2B,WAAW,+BAA+BC,UAAcN,EAAS,IAAItB,EAAMwB,Y,iCCrE5F,WAUe,IAJA,SAAC,G,IAAE/B,EAAE,KAChB,OAAO,uBAAKD,UAAU,SAASC,GAAIA,M,iCCPvC,sCAqBe,IAZG,SAAC,G,IAAED,EAAS,YAAEK,EAAI,OAE1BN,EAAmB,IADP,aAC6BC,GAE/C,OACI,uBAAKA,UAAWD,GACZ,gBAAC,IAAI,CAACiC,OAAO,6BACb,wBAAM7B,wBAAyB,CAAEC,OAAQC","file":"34.0a4f0f48a89c265fae3d.js","sourcesContent":["import classNames from \"classnames\";\r\nimport * as React from \"react\";\r\n// import store from \"~/store\";\r\n// import { addToBasketRequest } from \"~/store/reducers/basket/basket-actions\";\r\nimport Anchor from \"../anchor/anchor\";\r\nimport ArrowLink from \"../arrow-link/arrow-link\";\r\n\r\nexport interface IPaperEmbedProps {\r\n    richText: string;\r\n    addToBasketWebApiUrl: string;\r\n    anchorId?: string;\r\n    pdfLink?: string;\r\n}\r\n\r\nconst IPaperEmbed: React.FC<IPaperEmbedProps> = ({ richText, anchorId, pdfLink }) => {\r\n    const handlePostMessage = ({ data }: MessageEvent) => {\r\n        if (data.event !== \"onItemAdd\") {\r\n            return;\r\n        }\r\n\r\n        // The data structure below is dictated by the postMessage event generated by the iPaper API and can therefore not be changed\r\n        // const articleId: string = data.data.productID;\r\n\r\n        // if (articleId) {\r\n        //     store.dispatch(\r\n        //         addToBasketRequest({\r\n        //             articleId,\r\n        //             basketWebApiUrl: addToBasketWebApiUrl,\r\n        //             trackingList: \"iPaper Embed\"\r\n        //         })\r\n        //     );\r\n        // }\r\n    };\r\n\r\n    React.useEffect(() => {\r\n        if (window.hasMessageListener) {\r\n            return;\r\n        }\r\n\r\n        window.addEventListener(\"message\", handlePostMessage);\r\n        window.hasMessageListener = true;\r\n\r\n        return () => {\r\n            window.removeEventListener(\"message\", handlePostMessage);\r\n            delete window.hasMessageListener;\r\n        };\r\n    }, []);\r\n\r\n    const baseClass = \"ipaper-embed\";\r\n    const componentClasses = classNames(baseClass, {\r\n        \"anchor-wrapper\": !!anchorId\r\n    });\r\n\r\n    return (\r\n        <section className={componentClasses}>\r\n            {anchorId && <Anchor id={anchorId} />}\r\n            <div className={`${baseClass}__inner`} dangerouslySetInnerHTML={{ __html: richText }} />\r\n            {pdfLink && <ArrowLink className={`${baseClass}__pdf-link`} link={pdfLink} />}\r\n        </section>\r\n    );\r\n};\r\n\r\nexport default IPaperEmbed;\r\n","import * as React from \"react\";\r\nimport IPaperEmbed, { IPaperEmbedProps } from \"~/components/ipaper-embed/ipaper-embed\";\r\n\r\nexport interface IPaperEmbedViewProps {\r\n    contextModel: IPaperEmbedProps;\r\n}\r\n\r\nclass IPaperEmbedView extends React.PureComponent<IPaperEmbedViewProps> {\r\n    public render() {\r\n        return <IPaperEmbed {...this.props.contextModel} />;\r\n    }\r\n}\r\n\r\nexport default IPaperEmbedView;\r\n","/*!\n  Copyright (c) 2017 Jed Watson.\n  Licensed under the MIT License (MIT), see\n  http://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg) && arg.length) {\n\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\tif (inner) {\n\t\t\t\t\tclasses.push(inner);\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tfor (var key in arg) {\n\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import * as React from \"react\";\r\nimport classNames from \"classnames\";\r\n\r\nexport type TIconNames =\r\n    | \"24_expand\"\r\n    | \"24_play\"\r\n    | \"24_star\"\r\n    | \"24_trash\"\r\n    | \"32_add-user\"\r\n    | \"32_basket\"\r\n    | \"32_checkmark-circle\"\r\n    | \"32_checkmark\"\r\n    | \"32_error\"\r\n    | \"32_information\"\r\n    | \"32_katalog\"\r\n    | \"32_search\"\r\n    | \"32_truck-in-motion\"\r\n    | \"32_user\"\r\n    | \"32_warning\"\r\n    | \"icon_16_arrow-down\"\r\n    | \"icon_16_arrow-left\"\r\n    | \"icon_16_arrow-right-bold\"\r\n    | \"icon_16_arrow-right\"\r\n    | \"icon_16_arrow-up\"\r\n    | \"icon_28_close\"\r\n    | \"icon_32_thumbs-up\"\r\n    | \"icon_80x41_quotation-mark-gyldendal-dk\"\r\n    | \"icon_80x48_quotation-mark\"\r\n    | \"icon_checkbox-black\"\r\n    | \"icon_checkmark-black\"\r\n    | \"icon_download\"\r\n    | \"icon_herringbone-narrow\"\r\n    | \"icon_herringbone-wide\"\r\n    | \"icon_placeholder-email\"\r\n    | \"icon_placeholder-lock\"\r\n    | \"icon_placeholder-phone-small\"\r\n    | \"icon_placeholder-vip-white\"\r\n    | \"icon_placeholder_basket\"\r\n    | \"icon_placeholder_checkmark\"\r\n    | \"icon_placeholder_eye-closed\"\r\n    | \"icon_placeholder_eye\"\r\n    | \"icon_placeholder_facebook\"\r\n    | \"icon_placeholder_filtering\"\r\n    | \"icon_placeholder_hamburger\"\r\n    | \"icon_placeholder_instagram\"\r\n    | \"icon_placeholder_phone\"\r\n    | \"icon_placeholder_user\"\r\n    | \"icon_read\"\r\n    | \"icon_listen\";\r\n\r\nexport interface IIconProps {\r\n    iconId: TIconNames;\r\n    spriteUrl?: string;\r\n    viewBox?: string;\r\n    className?: string;\r\n    onClick?: () => void;\r\n}\r\n\r\nconst Icon: React.FC<IIconProps> = props => {\r\n    const spriteUrl = props.spriteUrl || \"\";\r\n    const viewBox = props.viewBox || \"0 0 32 32\";\r\n\r\n    return (\r\n        <svg\r\n            viewBox={viewBox}\r\n            className={classNames(props.className, \"icon\", `icon-${props.iconId}`)}\r\n            preserveAspectRatio=\"xMidYMid\"\r\n            onClick={() => props.onClick && props.onClick()}\r\n        >\r\n            <use xmlnsXlink=\"http://www.w3.org/1999/xlink\" xlinkHref={`${spriteUrl}#${props.iconId}`} />\r\n        </svg>\r\n    );\r\n};\r\n\r\nexport default Icon;\r\n","import * as React from \"react\";\r\n\r\nexport interface AnchorProps {\r\n    id?: string;\r\n}\r\n\r\nconst Anchor = ({ id }: AnchorProps) => {\r\n    return <div className=\"anchor\" id={id} />;\r\n};\r\n\r\nexport default Anchor;\r\n","import * as React from \"react\";\r\nimport classNames from \"classnames\";\r\nimport Icon from \"../icons/icon\";\r\n\r\nexport interface IArrowLinkProps {\r\n    className?: string;\r\n    link: string;\r\n}\r\n\r\nconst ArrowLink = ({ className, link }: IArrowLinkProps) => {\r\n    const baseClass = \"arrow-link\";\r\n    const componentClasses = classNames(baseClass, className);\r\n\r\n    return (\r\n        <div className={componentClasses}>\r\n            <Icon iconId=\"icon_16_arrow-right-bold\" />\r\n            <span dangerouslySetInnerHTML={{ __html: link }} />\r\n        </div>\r\n    );\r\n};\r\n\r\nexport default ArrowLink;\r\n"],"sourceRoot":""}