\r\n \r\n \r\n {fields?.favoriteButton?.value && (\r\n = 0}\r\n />\r\n )}\r\n
\r\n {fields?.link?.value?.href && fields?.linkText?.value && (\r\n \r\n \r\n \r\n \r\n
\r\n )}\r\n \r\n );\r\n};\r\n\r\nexport default withSitecoreContext()(BasicPageBanner);","import arrayWithHoles from \"./arrayWithHoles\";\nimport iterableToArrayLimit from \"./iterableToArrayLimit\";\nimport unsupportedIterableToArray from \"./unsupportedIterableToArray\";\nimport nonIterableRest from \"./nonIterableRest\";\nexport default function _slicedToArray(arr, i) {\n return arrayWithHoles(arr) || iterableToArrayLimit(arr, i) || unsupportedIterableToArray(arr, i) || nonIterableRest();\n}","export default function _iterableToArrayLimit(arr, i) {\n if (typeof Symbol === \"undefined\" || !(Symbol.iterator in Object(arr))) return;\n var _arr = [];\n var _n = true;\n var _d = false;\n var _e = undefined;\n\n try {\n for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {\n _arr.push(_s.value);\n\n if (i && _arr.length === i) break;\n }\n } catch (err) {\n _d = true;\n _e = err;\n } finally {\n try {\n if (!_n && _i[\"return\"] != null) _i[\"return\"]();\n } finally {\n if (_d) throw _e;\n }\n }\n\n return _arr;\n}","import React from 'react';\r\nimport { Link } from '@sitecore-jss/sitecore-jss-react';\r\n// note we're aliasing the router's link component name, since it conflicts with JSS' link component\r\nimport { Link as RouterLink } from 'react-router-dom';\r\n\r\n/** React component that turns Sitecore link values that start with / into react-router route links */\r\nconst RoutableLink = (props) => {\r\n const hasValidHref = props.field?.value?.href;\r\n const isEditing = props?.editable && props?.field?.editable;\r\n const target = props?.field?.value?.linktype == \"external\" ? \"_blank\" : props.field?.value?.target || \"_self\";\r\n\r\n // only want to apply the routing link if not editing (if editing, need to render editable link value)\r\n\r\n var ariaLabelObj = {};\r\n if(props?.ariaLabel && props?.ariaLabel.length > 0){\r\n ariaLabelObj[\"aria-label\"] = props?.ariaLabel;\r\n }\r\n if (hasValidHref && !isEditing) {\r\n\r\n const value = props?.field?.value;\r\n var { field, editable, ariaLabel, ...newProps } = props;\r\n\r\n // determine if a link is a route or not. This logic may not be appropriate for all usages.\r\n if (value?.href?.startsWith('/')) {\r\n return (\r\n