{"version":3,"sources":["webpack:///./components/LandingDonorWall.js"],"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","createElement","Fragment","_DonorWall","content","title","totalDonations","loading","showMore","ariaLabel","anonymous","first","top","paginationLimitMessage","contributions","totalTransactions","transactionsPerPage","_Card","className","_CausesIcon","size","_HeadingText","Message","_BodyText","propTypes","PropTypes","number","object","bool","func"],"mappings":";;;;;;u3CAYA,SAASA,EAAmBC,GAAc,IAAAC,EAClCC,EAC0B,QADXD,EACnBD,aAAY,EAAZA,EAAcG,wBAAgB,IAAAF,KAAI,IAAIG,MAAOC,cAE/C,OAAAC,IAAA,GACKN,GAAY,IACfO,gBAAiBC,YAAa,CAC5BC,MAAOC,YAAaV,EAAaW,QACjCC,SAAUZ,EAAaa,gBAEzBC,cAAeC,YAAmB,IAAIX,KAAKF,MAG/C,SAASc,EAAgBC,GAOtB,IANDC,EAAyBD,EAAzBC,0BACAC,EAAiBF,EAAjBE,kBACAC,EAASH,EAATG,UACAC,EAAWJ,EAAXI,YACAC,EAAcL,EAAdK,eACAC,EAAeN,EAAfM,gBAEAC,EAAkCC,mBAAS,CAAEC,SAAU,GAAIC,KAAM,KAAKC,EAAAC,IAAAL,EAAA,GAA/DM,EAASF,EAAA,GAAEG,EAAYH,EAAA,GACxBI,EAAaC,qBAAWC,KAE9BC,qBAAU,WACRJ,EAAa,CACXL,SAAUP,EAAkBO,SAASU,IAAIrC,GACzC4B,KAAMR,EAAkBQ,KAAKS,IAAIrC,OAElC,CAACoB,IAEJ,IAAMkB,EAAsB,SAACC,EAAIC,GAC/B,OAAO,IAAIC,IAAcR,EAAY,CACnCM,GAAI,qBAAFG,OAAuBH,KACxBI,OAAOH,IAGZ,OACEI,IAAAC,cAAAD,IAAAE,SAAA,KACEF,IAAAC,cAAAE,IAAA,CACEC,QAAS,CACPC,MAAOX,EAAoB,iBAAkB,CAC3CY,eAAgBvC,YAAaQ,KAG/BgC,QAASb,EAAoB,eAAgB,IAC7Cc,SAAUd,EAAoB,WAAY,IAC1Ce,UAAW,oBACXC,UAAWhB,EAAoB,YAAa,IAC5CiB,MAAOjB,EAAoB,QAAS,IACpCkB,IAAKlB,EAAoB,MAAO,IAChCmB,uBAAwBnB,EACtB,yBACA,KAGJoB,cAAe3B,EACf4B,kBAAmBxC,EACnBG,YAAaA,EACbsC,oBAAqB,GACrBrC,eAAgBA,EAChBF,UAAWA,EACXG,gBAAiBA,IAEY,IAA9BL,GACCyB,IAAAC,cAAAgB,IAAA,CAAMC,UAAU,mBACdlB,IAAAC,cAAA,OAAKiB,UAAU,QACblB,IAAAC,cAAAkB,IAAA,CAAYC,KAAK,QAEnBpB,IAAAC,cAAA,OAAKiB,UAAU,WACblB,IAAAC,cAAAoB,IAAA,CAAaD,KAAK,MAChBpB,IAAAC,cAACqB,IAAO,CAAC3B,GAAG,iCAEdK,IAAAC,cAAAsB,IAAA,CAAUL,UAAU,eAClBlB,IAAAC,cAACqB,IAAO,CAAC3B,GAAG,0CAS1BtB,EAAiBmD,UAAY,CAC3BjD,0BAA2BkD,IAAUC,OACrClD,kBAAmBiD,IAAUE,OAC7BlD,UAAWgD,IAAUG,KACrBlD,YAAa+C,IAAUC,OACvB/C,eAAgB8C,IAAUI,KAC1BjD,gBAAiB6C,IAAUC,QAGdrD","file":"LandingDonorWall.385f442195337e1b83e1.bundle.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"],"sourceRoot":""}