{"version":3,"file":"component---src-pages-user-stories-tsx-d094eb3dcfed0dfa5f4c.js","mappings":"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","sources":["webpack://marketing/./node_modules/is-mobile/index.js","webpack://marketing/./src/data/Api.ts","webpack://marketing/./src/components/Stories.tsx","webpack://marketing/./src/pages/user-stories.tsx","webpack://marketing/./src/styles/Typography.tsx"],"sourcesContent":["'use strict';\n\nmodule.exports = isMobile;\nmodule.exports.isMobile = isMobile;\nmodule.exports.default = isMobile;\nvar mobileRE = /(android|bb\\d+|meego).+mobile|armv7l|avantgo|bada\\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\\/|plucker|pocket|psp|series[46]0|symbian|treo|up\\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i;\nvar tabletRE = /android|ipad|playbook|silk/i;\n\nfunction isMobile(opts) {\n if (!opts) opts = {};\n var ua = opts.ua;\n if (!ua && typeof navigator !== 'undefined') ua = navigator.userAgent;\n\n if (ua && ua.headers && typeof ua.headers['user-agent'] === 'string') {\n ua = ua.headers['user-agent'];\n }\n\n if (typeof ua !== 'string') return false;\n var result = mobileRE.test(ua) || !!opts.tablet && tabletRE.test(ua);\n\n if (!result && opts.tablet && opts.featureDetect && navigator && navigator.maxTouchPoints > 1 && ua.indexOf('Macintosh') !== -1 && ua.indexOf('Safari') !== -1) {\n result = true;\n }\n\n return result;\n}","import { API_URL } from \"../utils/constants\"\r\nimport axios from \"axios\"\r\nimport { INews, IResponse, IStories } from \"../types/types\"\r\n\r\nexport class Api {\r\n public get = async (url: string) => {\r\n try {\r\n const response = await axios.get(url)\r\n if (!response) {\r\n return\r\n } else {\r\n return response.data\r\n }\r\n } catch (error) {\r\n console.error(error)\r\n return\r\n }\r\n }\r\n\r\n public getNews = async (): Promise | undefined> => {\r\n const url = `${API_URL}/News`\r\n\r\n return await this.get(url)\r\n }\r\n\r\n public getStories = async (): Promise | undefined> => {\r\n const url = `${API_URL}/Stories`\r\n\r\n return await this.get(url)\r\n }\r\n}\r\n","import React, { FC, useState } from \"react\"\nimport { makeStyles } from \"@material-ui/core/styles\"\nimport { Colors } from \"../utils/colors\"\nimport { useTypography } from \"../styles/Typography\"\nimport { Button, Fade } from \"@material-ui/core\"\nimport { NEWS_PATH, VIDEOS_PATH } from \"../utils/constants\"\nimport isMobile from \"is-mobile\"\n\nconst useStyles = makeStyles({\n root: {\n width: 338,\n height: 338\n },\n outerCard: {\n width: 338,\n height: 338,\n padding: 16,\n backgroundColor: Colors.purple,\n borderRadius: \"16px 0px 16px 0px\",\n position: \"absolute\"\n },\n card: {\n backgroundColor: Colors.white,\n width: \"100%\",\n height: \"100%\",\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n justifyContent: \"center\",\n padding: 12,\n borderRadius: \"16px 0px 16px 0px\"\n },\n tab: {\n width: 100,\n height: 112,\n backgroundColor: Colors.white,\n position: \"absolute\",\n bottom: 0,\n borderRadius: \"16px 16px 0px 0px\",\n boxShadow: \"0px 5px 16px rgba(0, 0, 0, 0.08), 0px 2px 8px rgba(0, 0, 0, 0.08)\",\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n justifyContent: \"center\"\n },\n icon: {\n width: 40,\n height: 40\n },\n image: {\n maxWidth: 250\n }\n})\n\ninterface IProps {\n index: number\n name: string\n logo: string\n description: string\n pdf?: string\n video?: string\n}\n\nconst Stories: FC = ({ index, name, logo, description, pdf, video }) => {\n const classes = useStyles()\n const typo = useTypography()\n const [showBack, setShowBack] = useState(false)\n\n const flip = () => {\n setShowBack(!showBack)\n }\n\n const onMouseEnter = () => {\n setShowBack(true)\n }\n\n const onMouseLeave = () => {\n setShowBack(false)\n }\n\n const openPdf = (url: string) => {\n window.open(`${NEWS_PATH}${url}`, \"_blank\")\n }\n\n const openVideo = (url: string) => {\n window.open(`${VIDEOS_PATH}${url}`, \"_blank\")\n }\n\n return (\n \n \n
\n
\n {name}\n {/*
*/}\n {/* */}\n {/* */}\n {/*

700%

*/}\n {/*
*/}\n
\n
\n \n \n
\n
\n

\n {description}\n

\n {pdf && (\n openPdf(pdf)}\n >\n READ MORE (PDF)\n \n )}\n {video && (\n openVideo(video)}\n >\n VIEW MORE (MP4)\n \n )}\n
\n
\n \n \n )\n}\n\nexport default Stories\n","import React, { FC, useEffect, useState } from \"react\"\r\nimport { useStaticQuery, graphql } from \"gatsby\"\r\nimport Layout from \"../components/Layout\"\r\nimport SEO from \"../components/SEO\"\r\nimport PurpleAccentHero from \"../components/PurpleAccentHero\"\r\nimport CookiesSnackbar from \"../components/CookiesSnackbar\"\r\nimport InternalButtonLink from \"../components/InternalButtonLink\"\r\nimport Stories from \"../components/Stories\"\r\nimport { useTypography } from \"../styles/Typography\"\r\nimport clsx from \"clsx\"\r\nimport { Colors } from \"../utils/colors\"\r\nimport { IStories } from \"../types/types\"\r\nimport { Api } from \"../data/Api\"\r\nimport {makeStyles} from \"@material-ui/styles\";\r\nimport { WORKSHOP } from \"../utils/routes\"\r\nimport DiscoverMoreBanner from \"../components/DiscoverMoreBanner\"\r\n\r\nconst useStyles = makeStyles({\r\n titleHeadingGradientWrapper: {\r\n width: \"100%\",\r\n height: \"100%\",\r\n background: \"linear-gradient(110.11deg, #FFFFFF 38%, rgba(255, 255, 255, 0) 67.89%)\",\r\n \"@media(max-width: 959px)\": {\r\n background: \"rgba(255, 255, 255, 0) 67.89%)\"\r\n }\r\n },\r\n titleHeadingText: {\r\n marginLeft: 100,\r\n maxWidth: 360,\r\n display: \"flex\",\r\n flexDirection: \"column\",\r\n justifyContent: \"center\",\r\n alignItems: \"flex-start\",\r\n height: \"100%\",\r\n color: \"rgba(0, 0, 0, 0.8)\",\r\n letterSpacing: \"0.25px\",\r\n \"@media (max-width: 959px)\": {\r\n width: \"100%\",\r\n maxWidth: \"100%\",\r\n marginLeft: 0,\r\n padding: 24\r\n }\r\n },\r\n body: {\r\n width: \"100%\",\r\n display: \"flex\",\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n marginBottom: 48,\r\n padding: 24\r\n },\r\n bodyContent: {\r\n textAlign: \"center\",\r\n width: \"100%\",\r\n maxWidth: 1200\r\n },\r\n container: {\r\n width: \"100%\",\r\n height: \"100%\",\r\n display: \"grid\",\r\n gridGap: 32,\r\n gridTemplateColumns: \"repeat(auto-fit, 338px)\",\r\n justifyContent: \"center\"\r\n },\r\n marginBottom: {\r\n marginBottom: \"32px !important\"\r\n },\r\n blankArticle: {\r\n width: 338,\r\n height: 338,\r\n padding: 24,\r\n background: \"linear-gradient(0deg, #F3F1F8, #F3F1F8), #FFFFFF\",\r\n borderRadius: \"16px 0px 16px 0px\",\r\n display: \"flex\",\r\n flexDirection: \"column\",\r\n justifyContent: \"center\",\r\n alignItems: \"center\"\r\n }\r\n})\r\n\r\n\r\nconst storyComparator = (a:IStories,b:IStories) => {\r\n\r\n if( new Date(a.date) === new Date(b.date) ) {\r\n return a.id - b.id\r\n }\r\n\r\n return Number(new Date(b.date)) - Number(new Date(a.date))\r\n}\r\n\r\nconst UserStoriesPage: FC = () => {\r\n const classes = useStyles()\r\n const typo = useTypography()\r\n const [stories, setStories] = useState(undefined)\r\n\r\n const data = useStaticQuery(graphql`\r\n query {\r\n desktopHeroImage: file(relativePath: { eq: \"studies.jpg\" }) {\r\n childImageSharp {\r\n fluid(quality: 75, maxWidth: 2160) {\r\n ...GatsbyImageSharpFluid_withWebp\r\n }\r\n }\r\n }\r\n }\r\n `)\r\n\r\n useEffect(() => {\r\n const getData = async () => {\r\n const api = new Api()\r\n const items = await api.getStories()\r\n\r\n if (!items?.data) {\r\n return\r\n }\r\n setStories(items.data)\r\n }\r\n\r\n getData()\r\n }, [])\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n

\r\n Our partners and customers are unlocking the value of Microsoft 365 in the way that works\r\n for them\r\n

\r\n

\r\n See how Nulia Works can unlock the value of Microsoft 365 for your organization\r\n

\r\n \r\n Free Workshop\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n

\r\n Our users are having a great experience with Nulia Works and are seeing significant results\r\n

\r\n
\r\n {stories?.sort(storyComparator).map((value, index) => (\r\n \r\n ))}\r\n
\r\n

\r\n More user stories coming soon...\r\n

\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n )\r\n}\r\n\r\nexport default UserStoriesPage\r\n","import { makeStyles } from \"@material-ui/core/styles\"\nimport { Colors } from \"../utils/colors\"\n\nexport const useTypography = makeStyles((theme) => ({\n h1: {\n fontFamily: \"Ubuntu\",\n fontSize: 96,\n fontWeight: 400,\n fontStyle: \"normal\",\n lineHeight: \"104px\",\n letterSpacing: -1.5,\n color: Colors.textPrimary,\n margin: 0\n },\n h2: {\n fontFamily: \"Ubuntu\",\n fontSize: 60,\n fontWeight: 400,\n fontStyle: \"normal\",\n lineHeight: \"64px\",\n letterSpacing: -0.5,\n color: Colors.textPrimary,\n margin: 0\n },\n h3: {\n fontFamily: \"Ubuntu\",\n fontSize: 48,\n fontWeight: 400,\n fontStyle: \"normal\",\n lineHeight: \"56px\",\n color: Colors.textPrimary,\n margin: 0\n },\n h4: {\n fontFamily: \"Ubuntu\",\n fontSize: 32,\n fontWeight: 600,\n fontStyle: \"normal\",\n lineHeight: \"40px\",\n letterSpacing: 0.25,\n color: Colors.textPrimary,\n margin: 0\n },\n h5: {\n fontFamily: \"Ubuntu\",\n fontSize: 24,\n fontWeight: 600,\n fontStyle: \"normal\",\n lineHeight: \"28px\",\n letterSpacing: \"normal\",\n color: Colors.textPrimary,\n margin: 0\n },\n h6: {\n fontFamily: \"Ubuntu\",\n fontWeight: 400,\n fontStyle: \"normal\",\n fontSize: 20,\n lineHeight: \"24px\",\n letterSpacing: 0.25,\n color: Colors.textPrimary,\n margin: 0\n },\n body1: {\n fontFamily: \"Open Sans\",\n fontSize: 16,\n fontWeight: 400,\n fontStyle: \"normal\",\n lineHeight: \"24px\",\n letterSpacing: 0,\n color: Colors.textSecondary,\n margin: 0\n },\n body2: {\n fontFamily: \"Open Sans\",\n fontSize: 14,\n fontWeight: 400,\n fontStyle: \"normal\",\n lineHeight: \"21px\",\n letterSpacing: 0.25,\n color: Colors.textSecondary,\n margin: 0\n },\n subtitle1: {\n fontFamily: \"Ubuntu\",\n fontSize: 16,\n fontWeight: 500,\n fontStyle: \"normal\",\n lineHeight: \"24px\",\n letterSpacing: 0.15,\n color: Colors.textPrimary,\n margin: 0\n },\n subtitle2: {\n fontFamily: \"Ubuntu\",\n fontSize: 14,\n fontWeight: 400,\n fontStyle: \"normal\",\n lineHeight: \"24px\",\n letterSpacing: 0.1,\n color: Colors.textPrimary,\n margin: 0\n },\n overline: {\n fontFamily: \"Ubuntu\",\n fontSize: 12,\n fontWeight: 400,\n fontStyle: \"normal\",\n lineHeight: \"16px\",\n letterSpacing: 2,\n color: Colors.textSecondary,\n textTransform: \"uppercase\",\n margin: 0\n },\n overlineMini: {\n fontFamily: \"Ubuntu\",\n fontSize: 10,\n fontWeight: 500,\n fontStyle: \"normal\",\n lineHeight: \"40px\",\n letterSpacing: 1.25,\n color: Colors.textSecondary,\n textTransform: \"uppercase\",\n margin: 0\n },\n caption: {\n fontFamily: \"Open Sans\",\n fontSize: 12,\n fontWeight: 400,\n fontStyle: \"normal\",\n lineHeight: \"20px\",\n letterSpacing: 0.5,\n color: Colors.textSecondary,\n margin: 0\n },\n label: {\n fontFamily: \"Open Sans\",\n fontSize: 10,\n fontWeight: 400,\n fontStyle: \"normal\",\n lineHeight: \"20px\",\n letterSpacing: 0.5,\n color: Colors.textSecondary,\n margin: 0\n },\n button: {\n fontFamily: \"Ubuntu\",\n fontSize: 10,\n fontWeight: 500,\n fontStyle: \"normal\",\n lineHeight: \"40px\",\n letterSpacing: 1.25,\n color: Colors.textSecondary,\n margin: 0\n }\n}))\n"],"names":["module","exports","isMobile","default","mobileRE","tabletRE","opts","ua","navigator","userAgent","headers","result","test","tablet","featureDetect","maxTouchPoints","indexOf","Api","get","url","axios","response","data","console","error","getNews","API_URL","getStories","useStyles","makeStyles","root","width","height","outerCard","padding","backgroundColor","Colors","borderRadius","position","card","display","flexDirection","alignItems","justifyContent","tab","bottom","boxShadow","icon","image","maxWidth","index","name","logo","description","pdf","video","classes","typo","useTypography","useState","showBack","setShowBack","className","onClick","onMouseEnter","undefined","onMouseLeave","Fade","in","timeout","src","NEWS_PATH","alt","loading","style","caption","textAlign","Button","button","color","window","open","VIDEOS_PATH","titleHeadingGradientWrapper","background","titleHeadingText","marginLeft","letterSpacing","body","marginBottom","bodyContent","container","gridGap","gridTemplateColumns","blankArticle","storyComparator","a","b","Date","date","id","Number","stories","setStories","useStaticQuery","useEffect","api","items","getData","Layout","SEO","title","DiscoverMoreBanner","PurpleAccentHero","desktopImage","desktopHeroImage","childImageSharp","fluid","mobileImage","clsx","h4","subtitle1","InternalButtonLink","variant","href","WORKSHOP","zIndex","h5","sort","map","value","key","img","CookiesSnackbar","theme","h1","fontFamily","fontSize","fontWeight","fontStyle","lineHeight","margin","h2","h3","h6","body1","body2","subtitle2","overline","textTransform","overlineMini","label"],"sourceRoot":""}