{"version":3,"sources":["webpack:///./src/components/video-lib/utils/HandleExternalLink.tsx","webpack:///./src/components/video-lib/sections/CircularIcon.tsx","webpack:///./node_modules/lodash/_baseAggregator.js","webpack:///./node_modules/lodash/_defineProperty.js","webpack:///./node_modules/lodash/_createAggregator.js","webpack:///./node_modules/lodash/groupBy.js","webpack:///./node_modules/lodash/_baseAssignValue.js","webpack:///./node_modules/lodash/_arrayAggregator.js","webpack:///./src/components/video-lib/sections/CourseCardStack.tsx","webpack:///./src/components/video-lib/sections/VideoRow.tsx","webpack:///./src/components/video-lib/sections/CircularIconsRow.tsx","webpack:///./src/pages/video/home.tsx"],"names":["HandleExternalLink","_ref","to","url","props","_objectWithoutProperties","_excluded","urlString","Boolean","URL","e","isExternalUrl","React","createElement","Object","assign","href","target","rel","Link","CircularIcon","label","image","Icon","videoCount","data-testid","className","src","alt","baseEach","module","exports","collection","setter","iteratee","accumulator","value","key","getNative","defineProperty","func","arrayAggregator","baseAggregator","baseIteratee","isArray","initializer","baseAssignValue","createAggregator","hasOwnProperty","prototype","groupBy","result","call","push","object","array","index","length","CourseCardStack","title","subtitle","videos","duration","thumbnail","link","dataTestid","imgSrc","style","position","width","top","VideoRow","altBackground","viewAllUrl","videosCount","Row","clx","Container","fontWeight","id","map","_ref2","thumbnails","high","platformOptions","CircularIconsRow","limit","groupedVideos","platforms","slice","spread","_get","Home","_groupedByProductId$p","_groupedByProductId$p2","_groupedByProductId$p3","q","searchText","useParams","groupedByProductId","useMemo","_groupBy","item","toLowerCase","replace","Fragment","padding","Col","display","justifyContent","paddingRight","placeholder","name","onKeyDown","navigate","currentTarget","HomeWrapper","VideoLayout"],"mappings":"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","file":"component---src-pages-video-home-tsx-9b46087a7d75a37d947e.js","sourcesContent":["import React from 'react'\nimport { Link } from 'gatsby'\n\nconst isExternalUrl = (urlString: string) => {\n try {\n return Boolean(new URL(urlString))\n } catch (e) {\n return false\n }\n}\n\n/**\n * Util Component that will render the proper Link Component depending\n * whether the url is relative or absolute\n *\n * @return React Component\n */\nexport const HandleExternalLink = ({ to: url, ...props }: any) => {\n const isExternal = isExternalUrl(url)\n // eslint-disable-next-line react/jsx-no-target-blank\n return isExternal ? (\n \n ) : (\n \n )\n}\n","import React, { FunctionComponent } from 'react'\nimport { HandleExternalLink } from '../utils/HandleExternalLink'\n\ninterface CircularIconProps {\n label?: string\n image?: string\n Icon?: any\n url: string\n videoCount?: number\n}\n\nconst CircularIcon: FunctionComponent = ({\n label,\n image,\n Icon,\n url,\n videoCount,\n}) => (\n \n
\n
\n {!!image && (\n \n )}\n {!!Icon && }\n
\n {!!label &&

{label}

}\n {!!videoCount && (\n

\n {videoCount} videos\n

\n )}\n
\n \n)\n\nexport default CircularIcon\n","var baseEach = require('./_baseEach');\n\n/**\n * Aggregates elements of `collection` on `accumulator` with keys transformed\n * by `iteratee` and values set by `setter`.\n *\n * @private\n * @param {Array|Object} collection The collection to iterate over.\n * @param {Function} setter The function to set `accumulator` values.\n * @param {Function} iteratee The iteratee to transform keys.\n * @param {Object} accumulator The initial aggregated object.\n * @returns {Function} Returns `accumulator`.\n */\nfunction baseAggregator(collection, setter, iteratee, accumulator) {\n baseEach(collection, function(value, key, collection) {\n setter(accumulator, value, iteratee(value), collection);\n });\n return accumulator;\n}\n\nmodule.exports = baseAggregator;\n","var getNative = require('./_getNative');\n\nvar defineProperty = (function() {\n try {\n var func = getNative(Object, 'defineProperty');\n func({}, '', {});\n return func;\n } catch (e) {}\n}());\n\nmodule.exports = defineProperty;\n","var arrayAggregator = require('./_arrayAggregator'),\n baseAggregator = require('./_baseAggregator'),\n baseIteratee = require('./_baseIteratee'),\n isArray = require('./isArray');\n\n/**\n * Creates a function like `_.groupBy`.\n *\n * @private\n * @param {Function} setter The function to set accumulator values.\n * @param {Function} [initializer] The accumulator object initializer.\n * @returns {Function} Returns the new aggregator function.\n */\nfunction createAggregator(setter, initializer) {\n return function(collection, iteratee) {\n var func = isArray(collection) ? arrayAggregator : baseAggregator,\n accumulator = initializer ? initializer() : {};\n\n return func(collection, setter, baseIteratee(iteratee, 2), accumulator);\n };\n}\n\nmodule.exports = createAggregator;\n","var baseAssignValue = require('./_baseAssignValue'),\n createAggregator = require('./_createAggregator');\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/**\n * Creates an object composed of keys generated from the results of running\n * each element of `collection` thru `iteratee`. The order of grouped values\n * is determined by the order they occur in `collection`. The corresponding\n * value of each key is an array of elements responsible for generating the\n * key. The iteratee is invoked with one argument: (value).\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Collection\n * @param {Array|Object} collection The collection to iterate over.\n * @param {Function} [iteratee=_.identity] The iteratee to transform keys.\n * @returns {Object} Returns the composed aggregate object.\n * @example\n *\n * _.groupBy([6.1, 4.2, 6.3], Math.floor);\n * // => { '4': [4.2], '6': [6.1, 6.3] }\n *\n * // The `_.property` iteratee shorthand.\n * _.groupBy(['one', 'two', 'three'], 'length');\n * // => { '3': ['one', 'two'], '5': ['three'] }\n */\nvar groupBy = createAggregator(function(result, value, key) {\n if (hasOwnProperty.call(result, key)) {\n result[key].push(value);\n } else {\n baseAssignValue(result, key, [value]);\n }\n});\n\nmodule.exports = groupBy;\n","var defineProperty = require('./_defineProperty');\n\n/**\n * The base implementation of `assignValue` and `assignMergeValue` without\n * value checks.\n *\n * @private\n * @param {Object} object The object to modify.\n * @param {string} key The key of the property to assign.\n * @param {*} value The value to assign.\n */\nfunction baseAssignValue(object, key, value) {\n if (key == '__proto__' && defineProperty) {\n defineProperty(object, key, {\n 'configurable': true,\n 'enumerable': true,\n 'value': value,\n 'writable': true\n });\n } else {\n object[key] = value;\n }\n}\n\nmodule.exports = baseAssignValue;\n","/**\n * A specialized version of `baseAggregator` for arrays.\n *\n * @private\n * @param {Array} [array] The array to iterate over.\n * @param {Function} setter The function to set `accumulator` values.\n * @param {Function} iteratee The iteratee to transform keys.\n * @param {Object} accumulator The initial aggregated object.\n * @returns {Function} Returns `accumulator`.\n */\nfunction arrayAggregator(array, setter, iteratee, accumulator) {\n var index = -1,\n length = array == null ? 0 : array.length;\n\n while (++index < length) {\n var value = array[index];\n setter(accumulator, value, iteratee(value), array);\n }\n return accumulator;\n}\n\nmodule.exports = arrayAggregator;\n","import { Link } from 'gatsby'\nimport React, { FunctionComponent } from 'react'\n\ninterface CourseCardProps {\n title: string\n subtitle?: string\n videos: string | number\n thumbnail: string\n duration: string\n link: string\n dataTestid?: string\n}\n\nconst CourseCardStack: FunctionComponent = (props) => {\n const {\n title,\n subtitle,\n videos,\n duration,\n thumbnail,\n link,\n dataTestid = 'course-card',\n } = props || {}\n\n const imgSrc =\n thumbnail ||\n 'https://www.paypalobjects.com/docsvideoassets/course-thumbnail.svg'\n\n return (\n \n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n
\n

\n {duration}\n

\n

\n {title}\n

\n {subtitle &&

{subtitle}

}\n

\n {videos} videos\n

\n
\n \n )\n}\n\nexport default CourseCardStack\n","import React, { FunctionComponent } from 'react'\nimport { Container, Row } from '@paypalcorp/pp-react'\nimport clx from 'classnames'\nimport { Link } from 'gatsby'\n\nimport CourseCardStack from './CourseCardStack'\nimport { Video } from '../utils/common'\n\ninterface VideoRowProps {\n title: string\n videos: Video[]\n altBackground?: boolean\n viewAllUrl?: string\n videosCount?: number\n dataTestid?: string\n}\n\nexport const VideoRow: FunctionComponent = ({\n title,\n videos,\n altBackground = false,\n viewAllUrl,\n videosCount = 1,\n dataTestid,\n}) => (\n \n \n
\n

{title}

\n {viewAllUrl ? (\n \n View All\n \n ) : null}\n
\n
\n {videos.map(({ id, title, thumbnails, duration }) => (\n
\n \n
\n ))}\n
\n \n \n)\n","import { Container, Row } from '@paypalcorp/pp-react'\nimport React, { FunctionComponent } from 'react'\nimport clx from 'classnames'\nimport _ from 'lodash'\n\nimport CircularIcon from './CircularIcon'\n\nconst platformOptions = [\n {\n label: 'Shopify',\n image: 'https://www.paypalobjects.com/ppdevdocs/video-app-data/shopify.png',\n id: 'shopify',\n },\n {\n label: 'BigCommerce',\n image:\n 'https://www.paypalobjects.com/ppdevdocs/video-app-data/BigCommerce.png',\n id: 'bigcommerce',\n },\n {\n label: 'WooCommerce',\n image:\n 'https://www.paypalobjects.com/ppdevdocs/video-app-data/WooCommerce.png',\n id: 'woocommerce',\n },\n {\n label: 'Magneto',\n image: 'https://www.paypalobjects.com/ppdevdocs/video-app-data/magento.png',\n id: 'magento',\n },\n {\n label: 'Wix',\n image: 'https://www.paypalobjects.com/ppdevdocs/video-app-data/wix.png',\n id: 'wix',\n },\n]\n\ninterface CircularIconsRowProps {\n title: string\n limit?: number\n groupedVideos: any\n dataTestid?: string\n}\n\nconst CircularIconsRow: FunctionComponent = ({\n title,\n limit,\n groupedVideos,\n dataTestid = 'circular-icons-row',\n}) => {\n const platforms = limit ? platformOptions.slice(0, limit) : platformOptions\n\n return (\n \n \n

{title}

\n 5 })}\n >\n {platforms.map(({ label, image, id }) => (\n \n ))}\n \n \n \n )\n}\n\nexport default CircularIconsRow\n","import { Container, Row, Col } from '@paypalcorp/pp-react'\nimport { VideoRow } from '../../components/video-lib/sections/VideoRow'\nimport { navigate } from 'gatsby'\nimport CircularIconsRow from '../../components/video-lib/sections/CircularIconsRow'\nimport '../../components/video-lib/css/index.css'\nimport { groupBy } from 'lodash'\nimport React, { useMemo } from 'react'\nimport VideoLayout from '../../components/video-lib/components/VideoLayout'\nimport videos from '../../components/video-lib/data/videos.json'\nimport useParams from '../../hooks/useParams'\n\nfunction Home() {\n const { q: searchText } = useParams()\n\n const groupedByProductId = useMemo(\n () =>\n groupBy(videos, (item) =>\n (item['video-Product-id'] || 'others')\n .toLowerCase()\n .replace(/\\s+/g, ''),\n ),\n [videos],\n )\n\n return (\n <>\n \n \n \n

\n Video Library\n

\n \n \n {\n if (e.key === 'Enter') {\n navigate(`/video/collection?q=${e.currentTarget.value}`)\n }\n }}\n />\n \n \n \n \n \n {groupedByProductId['paypal-basics'] && (\n \n )}\n\n {groupedByProductId['paypal-checkout'] && (\n \n )}\n\n {groupedByProductId['paypal-subscriptions'] && (\n \n )}\n \n )\n}\n\nexport default function HomeWrapper() {\n return (\n \n \n \n )\n}\n"],"sourceRoot":""}