{"version":3,"file":"js/pages-ProductListingPage-ProductListingPage-18651d82da4d11940f76.chunk.js","mappings":"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","sources":["webpack://printivity/./client/app/bundles/App/pages/CategoryPage/row/ServiceCardsRow.tsx","webpack://printivity/./client/app/bundles/App/pages/CategoryPage/row/CallToActionRow.tsx","webpack://printivity/./client/app/bundles/App/pages/ProductDetailsPage/AdditionalInfo/Articles/Articles.tsx","webpack://printivity/./client/app/bundles/App/pages/ProductListingPage/Hero/Hero.tsx","webpack://printivity/./client/app/bundles/App/pages/ProductListingPage/ProductListingPage.tsx","webpack://printivity/./client/app/bundles/App/pages/service/FranchiseSolutions/Brands/types.ts","webpack://printivity/./client/app/styleguide/components/Breadcrumb/Breadcrumb.tsx","webpack://printivity/./client/app/styleguide/components/InfoCards/InfoCard/InfoCard.tsx","webpack://printivity/./client/app/styleguide/components/InfoCards/InfoCards.tsx","webpack://printivity/./client/app/styleguide/components/Wrapper/Wrapper.tsx"],"sourcesContent":["import * as React from 'react';\nimport InfoCard from 'styleguide/components/InfoCards/InfoCard/InfoCard';\nimport { ServiceCard } from 'contexts/AppContext/types';\n\ninterface Props {\n  serviceCards: ServiceCard[];\n}\n\nconst ServiceCardsRow = ({ serviceCards }: Props) => (\n  <div className=\"grid gap-x-6 gap-y-8 md:grid-cols-2\">\n    {serviceCards.map(card => (\n      <InfoCard\n        title={card.title}\n        content={card.content}\n        image={card.imageUrl}\n        cardClassNames={{\n          cardClasses: '!items-start',\n          titleClasses: 'paragraph-bold-desktop text-left text-white',\n          imageClasses: '!w-[52px] !h-[52px]',\n          contentWrapperClasses: '!w-full !mx-0 md:!max-w-full',\n          contentClasses: 'paragraph-medium-desktop text-left text-gray-50',\n          subContentClasses: 'paragraph-medium-desktop text-left text-gray-50',\n        }}\n      />\n    ))}\n  </div>\n);\n\nexport default ServiceCardsRow;\n","import * as React from 'react';\nimport cn from 'classnames';\nimport { CallToAction, ServiceCards } from 'contexts/AppContext/types';\nimport ButtonAsNativeLink from 'styleguide/components/Button/ButtonAsNativeLink';\nimport ServiceCardsRow from 'bundles/App/pages/CategoryPage/row/ServiceCardsRow';\n\ninterface Props {\n  callToAction: CallToAction;\n  serviceCardsRow?: ServiceCards;\n}\n\nconst CallToActionRow = ({ callToAction, serviceCardsRow }: Props) => (\n  <div className=\"flex items-center justify-center px-6 -md:block -md:px-0 w-full\">\n    <div\n      style={{\n        backgroundImage: `linear-gradient(to bottom, rgba(0, 0, 0, 0.14) 0%, rgba(0, 0, 0, 0.77) 85.94%), url(${callToAction.backgroundImageUrl})`,\n      }}\n      className={cn(\n        'relative z-10 bg-center grid max-w-screen-2xl gap-4 rounded-lg bg-cover bg-no-repeat p-8 md:grid-cols-2 -md:rounded-none w-full min-h-[400px]',\n      )}\n    >\n      <div className=\"grid\">\n        <p className=\"paragraph-medium-desktop m-0 max-w-sm text-white -md:hidden -md:leading-5\">\n          {callToAction.subtextLine2}\n        </p>\n        <div className=\"justify-center self-end\">\n          <div className=\"heading-medium-md -md:heading-medium-sm max-w-md !text-white\">\n            {callToAction.title}\n          </div>\n          <p className=\"paragraph-light-desktop -md:paragraph-light-mobile mt-2 max-w-sm text-white\">\n            {callToAction.subtextLine1}\n          </p>\n        </div>\n      </div>\n      {!!serviceCardsRow && <ServiceCardsRow serviceCards={serviceCardsRow.serviceCards} />}\n      <p className=\"m-0 max-w-sm text-white md:hidden\">{callToAction.subtextLine2}</p>\n      {!!callToAction.buttonLink && !!callToAction.buttonText && (\n        <div className=\"flex justify-start my-4 md:my-0\">\n          <ButtonAsNativeLink\n            className=\"!px-16\"\n            buttonType=\"link\"\n            target={callToAction.buttonLink}\n            color=\"orange\"\n          >\n            {callToAction.buttonText}\n          </ButtonAsNativeLink>\n        </div>\n      )}\n    </div>\n  </div>\n);\n\nexport default CallToActionRow;\n","import * as React from 'react';\nimport Image from 'styleguide/components/Image/Image';\nimport A from 'styleguide/components/Links/A';\nimport { IconArrowRight } from 'styleguide/icons';\nimport { ImageBlock, InfoBlock } from 'contexts/AppContext/types';\n\ninterface Props {\n  infoBlock: InfoBlock;\n}\n\ninterface ArticleCardProps {\n  article: ImageBlock;\n}\n\nconst ArticleCard = ({\n  article: { actionLink, actionText, content, imagePath, title },\n}: ArticleCardProps) => (\n  <div className=\"flex min-h-[360px] w-[300px] flex-col justify-between rounded shadow\">\n    <div className=\"p-4\">\n      <Image url={imagePath} alt={title} height={140} width={268} />\n    </div>\n    <div className=\"flex h-full flex-col justify-between\">\n      <div className=\"flex flex-col p-4\">\n        <div className=\"paragraph-bold-desktop mb-5\">{title}</div>\n        <div className=\"paragraph-desktop overflow-hidden\">{content}</div>\n      </div>\n      <div className=\"flex items-center justify-between bg-neutral-50 p-4\">\n        <A\n          href={actionLink}\n          underline=\"none\"\n          color=\"black\"\n          className=\"!font-hvBold !text-xs !font-bold !leading-3\"\n        >\n          {actionText}\n        </A>\n        <A href={actionLink} color=\"black\" underline=\"none\">\n          <IconArrowRight className=\"!h-3 cursor-pointer\" />\n        </A>\n      </div>\n    </div>\n  </div>\n);\n\nconst Articles = ({ infoBlock: { content, content2, imageBlocks, title } }: Props) => (\n  <div\n    id=\"articles-body\"\n    className=\"items-center px-6 py-16 flex max-w-base mx-auto flex-col xl:flex-row justify-center\"\n  >\n    <div className=\"flex flex-col -sm:max-w-[300px] space-y-2 xl:space-y-4 md:max-w-2xl lg:max-w-4xl xl:px-0 xl:self-start mb-4 xl:mb-0\">\n      <h6 className=\"font-hvBold text-lg/6 sm:text-2xl md:text-3xl lg:text-4xl xl:text-3xl\">{title}</h6>\n      <div className=\"font-hvLite text-sm md:text-base leading-4\">{content}</div>\n      <div className=\"font-hvLite text-sm md:text-base leading-4\">{content2}</div>\n    </div>\n    <div className=\"flex flex-col sm:flex-row sm:flex-wrap sm:justify-center lg:justify-normal lg:flex-nowrap md:space-x-6 -sm:space-y-4\">\n      {imageBlocks.map((article: ImageBlock) => (\n        <ArticleCard article={article} />\n      ))}\n    </div>\n  </div>\n);\n\nexport default Articles;\n","import * as React from 'react';\n// import heroImage from 'assets/images/plp-hero.png';\nimport { HTMLAttributes } from 'react';\nimport ButtonAsNativeLink, { Props as ButtonProps } from 'styleguide/components/Button/ButtonAsNativeLink';\n\nconst ActionButton = ({\n  children,\n  target = null,\n  color = null,\n  ...props\n}: ButtonProps & React.DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => (\n  <ButtonAsNativeLink\n    buttonType=\"anchor\"\n    target={target}\n    color={color}\n    className=\"!inline-flex !cursor-pointer !justify-center !items-center\n     !rounded-lg\n    no-underline text-white transition whitespace-nowrap md:!whitespace-normal\n    md:h-32\n    hover:shadow p-1.5 hover:md:shadow-xl active:bg-blue-400/40\n    md:!text-2xl md:!font-hvBold md:text-center lg:!text-2xl\n    shadow-2xl\n    \"\n    {...props}\n  >\n    {children}\n  </ButtonAsNativeLink>\n);\n\nconst Hero = ({\n  onClick,\n  ...props\n}: React.DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => (\n  <div\n    className=\"lg:max-w-screen-4xl  bg-blue w-full h-96 md:h-128 overflow-clip\"\n    // style={{\n    //   backgroundImage: `linear-gradient(to right, rgba(0, 0, 0, 0.75) 15%, rgba(0, 0, 0, 0.15) 85.94%), url(${heroImage})`,\n    //   backgroundSize: 'cover',\n    //   backgroundPosition: 'center',\n    // }}\n    {...props}\n  >\n    <div\n      className=\"text-white flex flex-col lg:flex-row h-full max-w-base space-y-2 md:space-y-4 p-4\n    sm:p-8 lg:space-x-4 xl:space-x-16 mx-auto\"\n    >\n      <div className=\"flex flex-col lg:justify-center lg:items-start sm:basis-1/2 space-y-2 md:space-y-4\">\n        <h1 className=\"text-center lg:text-left font-hvBold text-2xl sm:text-3xl md:text-5xl xl:text-6xl\">\n          What are you looking for?\n        </h1>\n        <div className=\"font-hvLite text-sm/5 sm:text-lg/6 md:text-base\">\n          From pre-made designs to custom projects and lightning-fast turnarounds, navigate to the service\n          that perfectly suits your vision.\n          <span className=\"-xs:hidden\">&nbsp;Let&apos;s make your ideas come to life, effortlessly.</span>\n        </div>\n      </div>\n      <div className=\"flex h-full lg:w-full lg:basis-1/2 justify-center items-center text-red\">\n        <div className=\"grid grid-cols-1 w-full md:grid-cols-2 gap-4 md:gap-8 sm:place-content-center\">\n          <ActionButton color=\"orange\" target={null} buttonType=\"anchor\" onClick={event => onClick(event)}>\n            I already have a design\n          </ActionButton>\n          <ActionButton color=\"orange\" target=\"/design-services\" buttonType=\"link\">\n            I need a design made\n          </ActionButton>\n          <ActionButton color=\"orange\" target=\"/contact-us\" buttonType=\"link\">\n            I need a custom quote\n          </ActionButton>\n          <ActionButton color=\"orange\" target=\"rush-critical\" buttonType=\"link\">\n            I need my project immediately\n          </ActionButton>\n        </div>\n      </div>\n    </div>\n  </div>\n);\n\nexport default Hero;\n","import * as React from 'react';\nimport MainSection from './MainSection/MainSection';\nimport Footer from 'styleguide/components/Footer/Footer';\nimport Meta from 'styleguide/components/Meta/Meta';\nimport Reviews from 'styleguide/components/Reviews/Reviews';\nimport CallToActionRow from 'bundles/App/pages/CategoryPage/row/CallToActionRow';\nimport { insightsCards } from 'bundles/App/pages/service/FranchiseSolutions/Brands/types';\nimport InfoCards from 'styleguide/components/InfoCards/InfoCards';\nimport Breadcrumb from 'styleguide/components/Breadcrumb/Breadcrumb';\nimport colorCardsImg from 'assets/images/colors-cards.png';\nimport Wrapper from 'styleguide/components/Wrapper/Wrapper';\nimport Articles from 'bundles/App/pages/ProductDetailsPage/AdditionalInfo/Articles/Articles';\nimport AppContext from 'contexts/AppContext/AppContext';\nimport { CmsCategoryPage, InfoBlock } from 'contexts/AppContext/types';\nimport Hero from 'bundles/App/pages/ProductListingPage/Hero/Hero';\n\nconst ProductListingPage = () => {\n  const appContext = React.useContext(AppContext);\n  const cms: CmsCategoryPage = appContext.store.cmsPages.find(\n    elem => elem.fullPath === '/products',\n  ) as CmsCategoryPage;\n  const articles = (cms?.rows?.find(row => row.type === 'Comfy::Cms::Page::Row::InfoBlock') ||\n    null) as InfoBlock | null;\n\n  return (\n    <>\n      <Meta\n        title=\"Custom Print Products - Instant Quotes Online | Printivity\"\n        description={\n          'Get an instant quote on your printing products with Printivity! Browse our selection of ' +\n          'custom print products.  '\n        }\n        keywords={\n          'print products, print quotes, print products listing, browse print products, custom print ' +\n          'products, print marketing products, print promotional products'\n        }\n        canonical=\"https://www.printivity.com/products\"\n      />\n      <main className=\"mx-auto max-w-screen-4xl\">\n        <Breadcrumb\n          className=\"pb-4 pl-4 text-left xl:pl-12 3xl:pl-40\"\n          pages={[{ label: 'Home', link: '/' }, { label: 'All Products' }]}\n        />\n        <Hero\n          onClick={() => {\n            const elem = document.getElementById('product-list');\n            if (elem) {\n              elem.scrollIntoView({ behavior: 'smooth' });\n            }\n          }}\n        />\n        <Wrapper id=\"product-list\" className=\"-mt-20 pt-20\">\n          <div className=\"heading-bold-sm mt-16 -md:text-xl\">Start Your Project Here</div>\n          <MainSection />\n          <InfoCards infoCards={insightsCards} iconSize=\"sm\" alignment=\"left\" />\n        </Wrapper>\n        <CallToActionRow\n          callToAction={{\n            type: 'Comfy::Cms::Page::Row::CallToAction',\n            title: 'Custom designs start as low as $49',\n            subtextLine1: 'Get an expert consultation on your project from Printivity’s creative team.',\n            subtextLine2: 'Starting at $49, we’ll work with you to bring your project to life.',\n            backgroundImageUrl: colorCardsImg,\n          }}\n        />\n        <Wrapper>\n          {articles && <Articles infoBlock={articles} />}\n          <Reviews />\n        </Wrapper>\n        <Footer />\n      </main>\n    </>\n  );\n};\n\nexport default ProductListingPage;\n","import { Info } from 'styleguide/components/InfoCards/InfoCard/types';\n\nimport brandedPortals from 'assets/images/franchises/branded-portals.png';\nimport consistentColor from 'assets/images/franchises/consistent-color.png';\nimport betterPrices from 'assets/images/franchises/better-prices.png';\nimport growFaster from 'assets/images/franchises/grow-faster.png';\n\nimport {\n  IconPriceTag,\n  IconProfessionalDesignHelp,\n  IconPeaceOfMind,\n  IconFastTurnarounds,\n} from 'styleguide/icons';\n\nconst icons = [brandedPortals, consistentColor, betterPrices, growFaster];\n\nconst titles = ['Branded Portals', 'Consistent Color', 'Better Prices', 'Grow Faster'];\n\nconst contents = [\n  'Integrate your brand colors and logo into your custom portal.',\n  'Everything is produced under one-roof. With G7 print certification, your brand colors will stay consistent.',\n  'When your print spend is spread across different vendors, you’ll lose out on negotiated prices.',\n  'Empower your franchisees to market themselves with print and promo items.',\n];\n\nexport const cards: Info[] = [\n  { title: titles[0], image: icons[0], content: contents[0] },\n  { title: titles[1], image: icons[1], content: contents[1] },\n  { title: titles[2], image: icons[2], content: contents[2] },\n  { title: titles[3], image: icons[3], content: contents[3] },\n];\n\nconst insightsIcons = [IconProfessionalDesignHelp, IconFastTurnarounds, IconPriceTag, IconPeaceOfMind];\n\nconst insightsTitles = ['Professional Design Help', 'Rush Turnarounds', 'Price Match', 'Peace of Mind'];\n// const insightsTitles = ['Guaranteed Delivery Dates', 'Rush Turnarounds', 'Price Match', 'Peace of Mind'];\n\nconst insightsContents = [\n  'Our team will make sure your files are print-ready, and can even assist with larger design projects.',\n  // 'No more missed deadlines. Your products always delivered by the date promised. Always.',\n  'Need your order fast? With overnight production and custom shipping options, nobody delivers faster.',\n  'Ordering beautiful prints online at cheap prices has never been easier.',\n  'We check every order for that perfect look and feel. Trust your brand to our team of professional designers and printers.',\n];\n\nexport const insightsCards = [\n  {\n    title: insightsTitles[0],\n    icon: insightsIcons[0],\n    content: insightsContents[0],\n    cardClassNames: {\n      contentClasses: 'text-left',\n    },\n  },\n  {\n    title: insightsTitles[1],\n    icon: insightsIcons[1],\n    content: insightsContents[1],\n    cardClassNames: {\n      contentClasses: '',\n    },\n  },\n  {\n    title: insightsTitles[2],\n    icon: insightsIcons[2],\n    content: insightsContents[2],\n    cardClassNames: {\n      contentClasses: 'text-left',\n    },\n  },\n  {\n    title: insightsTitles[3],\n    icon: insightsIcons[3],\n    content: insightsContents[3],\n    cardClassNames: {\n      contentClasses: 'text-left',\n    },\n  },\n];\n","import * as React from 'react';\nimport cn from 'classnames';\nimport Link from 'styleguide/components/Links/Link';\nimport Span from 'styleguide/components/Span/Span';\n\ninterface Page {\n  label: string;\n  link?: string;\n}\n\nexport interface Props {\n  pages: Page[];\n  className?: string;\n}\n\nconst Breadcrumb = ({ pages, ...props }: Props) => (\n  <div className={cn('mt-6', props.className)}>\n    {pages.map((page, index) => (\n      <React.Fragment key={index}>\n        {' '}\n        {page.link ? (\n          <Link\n            className=\"cursor-pointer !text-xs !leading-3 !text-gray-300\"\n            to={page.link}\n            color=\"none\"\n            underline=\"none\"\n          >\n            {page.label}\n          </Link>\n        ) : (\n          <Span className=\"!text-xs !leading-3 !text-default\">{page.label}</Span>\n        )}{' '}\n        {index !== pages.length - 1 && <Span className=\"!text-xs !leading-3\">/</Span>}\n      </React.Fragment>\n    ))}\n  </div>\n);\n\nexport default Breadcrumb;\n","import * as React from 'react';\nimport cn from 'classnames';\nimport Image from 'styleguide/components/Image/Image';\nimport Link from 'styleguide/components/Links/Link';\nimport A from 'styleguide/components/Links/A';\nimport Span from 'styleguide/components/Span/Span';\nimport HtmlContent from 'styleguide/components/HtmlContent/HtmlContent';\nimport { Info } from './types';\n\nconst InfoCard = ({\n  iconSize = 'sm',\n  title,\n  content,\n  subcontent,\n  image,\n  grid,\n  cardClassNames,\n  alignment,\n  ...props\n}: Info) => {\n  const Icon = props.icon;\n  const iconSizeStyle = {\n    xxs: '!h-4 !w-4',\n    xs: '!h-8 !w-8',\n    sm: '!h-12 !w-12',\n    md: '!h-20 !w-20',\n    lg: '!h-24 !w-24',\n    xl: '!h-32 !w-32',\n    xxl: '!h-40 !w-40',\n  };\n  return (\n    <div\n      key={`${title}`}\n      className={cn(\n        'flex flex-col justify-start space-y-4 overflow-hidden text-default xl:max-w-[292px]',\n        grid ? '!items-start !text-left -md:!items-center -md:!text-center' : '',\n        alignment === 'left' ? 'items-left text-left' : 'items-center text-center',\n        cardClassNames?.cardClasses,\n      )}\n    >\n      {!!props.icon && (\n        <div className=\"flex-shrink-0\">\n          <Icon className={cn('text-blue', iconSizeStyle[iconSize])} />\n        </div>\n      )}\n      {!!image && (\n        <Image\n          title={title}\n          alt={title}\n          url={image}\n          className={cn(iconSizeStyle[iconSize], cardClassNames?.imageClasses)}\n        />\n      )}\n      <div className={cn('font-hvBold', cardClassNames?.titleClasses)}>{title}</div>\n      <div\n        className={cn(\n          'max-w-[280px] text-sm xs:w-1/2 sm:w-full lg:text-base',\n          alignment === 'center' && 'mx-auto',\n          cardClassNames?.contentWrapperClasses,\n        )}\n      >\n        {!!content && <HtmlContent content={content} className={cardClassNames?.contentClasses} />}\n        {!!subcontent && <HtmlContent content={subcontent} className={cardClassNames?.subContentClasses} />}\n      </div>\n      {!!props.actionLinkText && (\n        <Span className={cardClassNames?.linkClasses}>\n          {props.useRouterLink ? (\n            <Link to={props.actionLink} color=\"blue\" underline=\"always\">\n              {props.actionLinkText}\n            </Link>\n          ) : (\n            <A color=\"blue\" underline=\"always\" href={props.actionLink}>\n              {props.actionLinkText}\n            </A>\n          )}\n        </Span>\n      )}\n    </div>\n  );\n};\n\nexport default InfoCard;\n","import * as React from 'react';\nimport cn from 'classnames';\nimport InfoCard from 'styleguide/components/InfoCards/InfoCard/InfoCard';\nimport { Info } from 'styleguide/components/InfoCards/InfoCard/types';\nimport { UiSize } from 'styleguide/styles/sizes';\n\ninterface Props {\n  infoCards: Info[];\n  iconSize?: UiSize;\n  grid?: boolean;\n  alignment?: 'left' | 'center';\n}\n\nconst InfoCards = ({ infoCards, grid, alignment, ...props }: Props) => (\n  <div className=\"mx-4 flex justify-center bg-shades-0 py-8\">\n    <div\n      className={cn(\n        'grid w-full grid-cols-1 gap-x-8  gap-y-14 sm:grid-cols-2 xl:grid-cols-4',\n        grid ? 'sm:!grid-cols-2 md:!grid-cols-3  xl:px-16' : 'md:grid-cols-2',\n      )}\n    >\n      {infoCards.map((info: Info, i: number) => (\n        <InfoCard\n          key={i}\n          icon={info.icon}\n          title={info.title}\n          content={info.content}\n          subcontent={info.subcontent}\n          iconSize={props.iconSize}\n          grid={grid}\n          image={info.image}\n          cardClassNames={info.cardClassNames}\n          alignment={alignment}\n        />\n      ))}\n    </div>\n  </div>\n);\n\nInfoCards.Card = InfoCard;\n\nexport default InfoCards;\n","import * as React from 'react';\nimport cn from 'classnames';\n\nconst Wrapper = ({\n  className,\n  style,\n  children,\n  ...otherProps\n}: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => (\n  <div\n    className={cn('px-4 md:px-8 3xl:mx-auto 3xl:max-w-base 3xl:px-0', className)}\n    style={style}\n    {...otherProps}\n  >\n    {children}\n  </div>\n);\n\nexport default Wrapper;\n"],"names":["_ref","serviceCards","React","className","map","card","InfoCard","title","content","image","imageUrl","cardClassNames","cardClasses","titleClasses","imageClasses","contentWrapperClasses","contentClasses","subContentClasses","callToAction","serviceCardsRow","style","backgroundImage","concat","backgroundImageUrl","cn","subtextLine2","subtextLine1","ServiceCardsRow","buttonLink","buttonText","ButtonAsNativeLink","buttonType","target","color","ArticleCard","_ref$article","article","actionLink","actionText","imagePath","Image","url","alt","height","width","A","href","underline","IconArrowRight","_ref2","_ref2$infoBlock","infoBlock","content2","imageBlocks","id","ActionButton","children","_ref$target","_ref$color","props","_objectWithoutProperties","_excluded","Object","assign","onClick","_excluded2","event","_cms$rows","cms","AppContext","store","cmsPages","find","elem","fullPath","articles","rows","row","type","Meta","description","keywords","canonical","Breadcrumb","pages","label","link","Hero","document","getElementById","scrollIntoView","behavior","Wrapper","MainSection","InfoCards","infoCards","insightsCards","iconSize","alignment","CallToActionRow","colorCardsImg","Articles","Reviews","Footer","icons","brandedPortals","consistentColor","betterPrices","growFaster","titles","contents","cards","insightsIcons","IconProfessionalDesignHelp","IconFastTurnarounds","IconPriceTag","IconPeaceOfMind","insightsTitles","insightsContents","icon","page","index","key","Link","to","Span","length","_ref$iconSize","subcontent","grid","Icon","iconSizeStyle","xxs","xs","sm","md","lg","xl","xxl","HtmlContent","actionLinkText","linkClasses","useRouterLink","info","i","Card","otherProps"],"sourceRoot":""}