{"version":3,"file":"LandingDonorWall.5dc8b40117525661a443.bundle.js","mappings":";+gDAYA,SAASA,EAAmBC,GAAc,IAAAC,EAClCC,EAC0B,QADXD,EACnBD,aAAY,EAAZA,EAAcG,wBAAgB,IAAAF,EAAAA,GAAI,IAAIG,MAAOC,cAE/C,OAAAC,EAAAA,EAAA,GACKN,GAAY,IACfO,iBAAiBC,EAAAA,EAAAA,IAAa,CAC5BC,OAAOC,EAAAA,EAAAA,IAAaV,EAAaW,QACjCC,SAAUZ,EAAaa,gBAEzBC,eAAeC,EAAAA,EAAAA,IAAmB,IAAIX,KAAKF,KAE/C,CACA,SAASc,EAAgBC,GAOtB,IANDC,EAAyBD,EAAzBC,0BACAC,EAAiBF,EAAjBE,kBACAC,EAASH,EAATG,UACAC,EAAWJ,EAAXI,YACAC,EAAcL,EAAdK,eACAC,EAAeN,EAAfM,gBAEAC,GAAkCC,EAAAA,EAAAA,UAAS,CAAEC,SAAU,GAAIC,KAAM,KAAKC,GAAAC,EAAAA,EAAAA,GAAAL,EAAA,GAA/DM,EAASF,EAAA,GAAEG,EAAYH,EAAA,GACxBI,GAAaC,EAAAA,EAAAA,YAAWC,EAAAA,KAE9BC,EAAAA,EAAAA,YAAU,WACRJ,EAAa,CACXL,SAAUP,EAAkBO,SAASU,IAAIrC,GACzC4B,KAAMR,EAAkBQ,KAAKS,IAAIrC,IAErC,GAAG,CAACoB,IAEJ,IAAMkB,EAAsB,SAACC,EAAIC,GAC/B,OAAO,IAAIC,EAAAA,EAAcR,EAAY,CACnCM,GAAI,qBAAFG,OAAuBH,KACxBI,OAAOH,EACZ,EAEA,OACEI,IAAAA,cAAAA,IAAAA,SAAA,KACEA,IAAAA,cAAAC,EAAAA,EAAA,CACEC,QAAS,CACPC,MAAOT,EAAoB,iBAAkB,CAC3CU,gBAAgBrC,EAAAA,EAAAA,IAAaQ,KAG/B8B,QAASX,EAAoB,eAAgB,CAAC,GAC9CY,SAAUZ,EAAoB,WAAY,CAAC,GAC3Ca,UAAW,oBACXC,UAAWd,EAAoB,YAAa,CAAC,GAC7Ce,MAAOf,EAAoB,QAAS,CAAC,GACrCgB,IAAKhB,EAAoB,MAAO,CAAC,GACjCiB,uBAAwBjB,EACtB,yBACA,CAAC,IAGLkB,cAAezB,EACf0B,kBAAmBtC,EACnBG,YAAaA,EACboC,oBAAqB,GACrBnC,eAAgBA,EAChBF,UAAWA,EACXG,gBAAiBA,IAEY,IAA9BL,GACCyB,IAAAA,cAAAe,EAAAA,EAAA,CAAMC,UAAU,mBACdhB,IAAAA,cAAA,OAAKgB,UAAU,QACbhB,IAAAA,cAAAiB,EAAAA,IAAA,CAAYC,KAAK,QAEnBlB,IAAAA,cAAA,OAAKgB,UAAU,WACbhB,IAAAA,cAAAmB,EAAAA,GAAA,CAAaD,KAAK,MAChBlB,IAAAA,cAACoB,EAAAA,GAAO,CAACzB,GAAG,iCAEdK,IAAAA,cAAAqB,EAAAA,GAAA,CAAUL,UAAU,eAClBhB,IAAAA,cAACoB,EAAAA,GAAO,CAACzB,GAAG,yCAO1B,CAEAtB,EAAiBiD,UAAY,CAC3B/C,0BAA2BgD,IAAAA,OAC3B/C,kBAAmB+C,IAAAA,OACnB9C,UAAW8C,IAAAA,KACX7C,YAAa6C,IAAAA,OACb5C,eAAgB4C,IAAAA,KAChB3C,gBAAiB2C,IAAAA,QAGnB","sources":["webpack:///./components/LandingDonorWall.js"],"sourcesContent":["import React, { useState, useEffect, useContext } from 'react';\nimport { formatAmount, formatRelativeDate } from '../utility/formator';\nimport { BodyText, HeadingText, Card, CausesIcon } from '@paypalcorp/pp-react';\nimport { DonorWall } from '@paypalcorp/donate-react';\nimport PropTypes from 'prop-types';\nimport {\n  Context as WorldReadyContext,\n  Message,\n} from '@paypalcorp/worldready-react';\nimport { MessageFormat } from '@paypalcorp/worldready';\nimport { formatNumber } from '../utility/worldReadyUtils';\n\nfunction formatContribution(contribution) {\n  const transactionDate =\n    contribution?.transaction_time ?? new Date().toISOString();\n\n  return {\n    ...contribution,\n    formattedAmount: formatAmount({\n      value: formatNumber(contribution.amount),\n      currency: contribution.currency_code,\n    }),\n    formattedDate: formatRelativeDate(new Date(transactionDate)),\n  };\n}\nfunction LandingDonorWall({\n  totalNumberOfTransactions,\n  contributionsList,\n  isLoading,\n  currentPage,\n  handleShowMore,\n  paginationLimit,\n}) {\n  const [donorWall, setDonorWall] = useState({ featured: [], list: [] });\n  const worldReady = useContext(WorldReadyContext);\n\n  useEffect(() => {\n    setDonorWall({\n      featured: contributionsList.featured.map(formatContribution),\n      list: contributionsList.list.map(formatContribution),\n    });\n  }, [contributionsList]);\n\n  const getDonorWallContent = (id, params) => {\n    return new MessageFormat(worldReady, {\n      id: `landing.campaigns.${id}`,\n    }).format(params);\n  };\n\n  return (\n    <>\n      <DonorWall\n        content={{\n          title: getDonorWallContent('donorWallTitle', {\n            totalDonations: formatNumber(totalNumberOfTransactions),\n          }),\n\n          loading: getDonorWallContent('loadingLabel', {}),\n          showMore: getDonorWallContent('showMore', {}),\n          ariaLabel: 'campaignDonations',\n          anonymous: getDonorWallContent('anonymous', {}),\n          first: getDonorWallContent('first', {}),\n          top: getDonorWallContent('top', {}),\n          paginationLimitMessage: getDonorWallContent(\n            'transactionsLimitError',\n            {}\n          ),\n        }}\n        contributions={donorWall}\n        totalTransactions={totalNumberOfTransactions}\n        currentPage={currentPage}\n        transactionsPerPage={10}\n        handleShowMore={handleShowMore}\n        isLoading={isLoading}\n        paginationLimit={paginationLimit}\n      />\n      {totalNumberOfTransactions === 0 && (\n        <Card className=\"donor-wall-card\">\n          <div className=\"icon\">\n            <CausesIcon size=\"lg\" />\n          </div>\n          <div className=\"content\">\n            <HeadingText size=\"xs\">\n              <Message id=\"landing.campaigns.zeroTitle\" />\n            </HeadingText>\n            <BodyText className=\"description\">\n              <Message id=\"landing.campaigns.zeroDescription\" />\n            </BodyText>\n          </div>\n        </Card>\n      )}\n    </>\n  );\n}\n\nLandingDonorWall.propTypes = {\n  totalNumberOfTransactions: PropTypes.number,\n  contributionsList: PropTypes.object,\n  isLoading: PropTypes.bool,\n  currentPage: PropTypes.number,\n  handleShowMore: PropTypes.func,\n  paginationLimit: PropTypes.number,\n};\n\nexport default LandingDonorWall;\n"],"names":["formatContribution","contribution","_contribution$transac","transactionDate","transaction_time","Date","toISOString","_objectSpread","formattedAmount","formatAmount","value","formatNumber","amount","currency","currency_code","formattedDate","formatRelativeDate","LandingDonorWall","_ref","totalNumberOfTransactions","contributionsList","isLoading","currentPage","handleShowMore","paginationLimit","_useState","useState","featured","list","_useState2","_slicedToArray","donorWall","setDonorWall","worldReady","useContext","WorldReadyContext","useEffect","map","getDonorWallContent","id","params","MessageFormat","concat","format","React","_DonorWall","content","title","totalDonations","loading","showMore","ariaLabel","anonymous","first","top","paginationLimitMessage","contributions","totalTransactions","transactionsPerPage","_Card","className","_CausesIcon","size","_HeadingText","Message","_BodyText","propTypes","PropTypes"],"sourceRoot":""}