{"version":3,"file":"cart-merged-notification-d7cdb165.js","sources":["../../../client/src/javascripts/customer_pages/_cart-merged-notification/cart-merged-notification.jsx","../../../client/src/javascripts/entry_points/cart-merged-notification.jsx"],"sourcesContent":["/* eslint-disable react/prop-types */\n// Import Libraries\nimport React from 'react';\nimport ReactDOM from 'react-dom';\n// Import JS Modules\nimport { builderDispatch, WebUI } from '../_utils/ui';\nimport translate from '../_utils/tools/translate';\n\n// -----------------------------------------------------------\n//  PrintsPreview\n// -----------------------------------------------------------\nconst PrintsPreview = ({ thumbUrl }) => {\n  return (\n    <div className=\"col-6 col-sm-3 col-md-2\">\n      <div className=\"prints-stack\">\n        <div />\n        <div />\n        <div />\n        <img src={thumbUrl} alt='print preview' className=\"img-fluid prints-thumb\" />\n      </div>\n    </div>\n  );\n};\n\n// -----------------------------------------------------------\n//  PrismPreview\n// -----------------------------------------------------------\nconst PrismPreview = ({ thumbUrl }) => {\n  return (\n    <div className=\"col-6 col-sm-3 col-md-2\">\n      <img src={thumbUrl} alt='prism preview' className=\"img-fluid prism-thumb\" />\n    </div>\n  );\n};\n\nconst PREVIEW_THUMBS_MAX = 6;\n\nconst mergeThumbnails = (printsThumbnail, prismItems) => {\n  const mergedThumbnails = prismItems.map((e) => ({\n    type: 'PRISM',\n    thumbUrl: e.thumbnail\n  }));\n\n  if (printsThumbnail) {\n    mergedThumbnails.unshift({\n      type: 'PRINTS',\n      thumbUrl: printsThumbnail\n    });\n  }\n\n  return mergedThumbnails;\n}\n\nconst stringifyPortions = (portions) => {\n  switch (portions.length) {\n    case 1:\n      return portions[0];\n    case 2:\n      return portions.join(' and ');\n    default:\n      return `${portions.slice(0, portions.length - 2).join(', ')} and ${portions[portions.length - 1]}`;\n  }\n}\n\nclass CartMergedNotification extends React.Component {\n  constructor() {\n    super();\n\n    this.state = {\n      basketPath: '',\n      loaded: false,\n      $otherModals: [],\n    }\n  }\n\n  UNSAFE_componentWillMount() {\n    this.builderDispatchToken = builderDispatch.register(payload => {\n      if (payload.type !== WebUI.LOGIN) {\n        return;\n      }\n\n      this.handleLogin(\n        payload.previous_basket_contents,\n        payload.basketPath\n      );\n    });\n  }\n\n  componentDidMount() {\n    const $meJQ = this.getMeAsJQuery();\n\n    $meJQ\n      .on('show.bs.modal', this.handleModalOnShow)\n      .on('hide.bs.modal', this.handleModalOnHide)\n      .on('hidden.bs.modal', this.handleModalOnHidden);\n  }\n\n  componentWillUnmount() {\n    builderDispatch.unregister(this.builderDispatchToken);\n  }\n\n  open = () => {\n    const $meJQ = this.getMeAsJQuery();\n    $meJQ.modal('show');\n  }\n\n  getMeAsJQuery = () => {\n    // Yes I know this sucks...\n    // eslint-disable-next-line react/no-find-dom-node\n    return $(ReactDOM.findDOMNode(this));\n  }\n\n  handleLogin = (previousBasketContents, basketPath) => {\n    if (!previousBasketContents) {\n      // if there's a previousBasketContents object then there was a cart merge.\n      // if not, then there wasn't and there's nothing for us to be doing.\n      return;\n    }\n\n    const {\n      prints_quantity: printsQuantity,\n      prism_items_summary: prismItems = [],\n    } = previousBasketContents;\n\n    if (printsQuantity || prismItems.length) {\n      // show the user what was merged from the other basket\n      this.setState(\n        Object.assign({}, previousBasketContents, { loaded: true }),\n        this.open\n      );\n    } else {\n      // there was nothing merged, instead the earlier session has taken over.\n      this.setState({\n        basketPath\n      });\n      this.sendNotifyCartMerged();\n    }\n  }\n\n  handleModalOnHidden = () => {\n    this.sendNotifyCartMerged();\n  }\n\n  handleModalOnHide = () => {\n    const { $otherModals } = this.state;\n\n    $otherModals.forEach(($otherModal) => {\n      $otherModal.modal('show');\n    });\n  }\n\n  handleModalOnShow = () => {\n    const $otherModals = [];\n\n    $('.modal:visible').each((i, el) => {\n      const $otherModal = $(el);\n      $otherModals.push($otherModal);\n      $otherModal.modal('hide');\n    });\n\n    this.setState({\n      $otherModals\n    })\n  }\n\n  sendNotifyCartMerged = () => {\n    const { basketPath } = this.state;\n\n    builderDispatch.delayedDispatch({\n      type: WebUI.CART_MERGED,\n      basketPath,\n    });\n  }\n\n  renderBody = () => {\n    const { loaded } = this.state;\n\n    if (!loaded) {\n      return (\n        <div />\n      )\n    }\n\n    return (\n      <div>\n        <p>{this.renderHeadlineMessage()}</p>\n        <div className=\"row\">{this.renderPreviews()}</div>\n        <p>\n          For your convenience, we have merged the contents of the old{' '}\n          {translate('cart')} into the current one.{' '}\n          {this.renderComponentsMessage()}\n        </p>\n        <p>Please review your order before proceeding to checkout.</p>\n      </div>\n    )\n  }\n\n  renderComponentsMessage = () => {\n    const {\n      prints_quantity: printsQuantity,\n      prism_items_summary: prismItems,\n    } = this.state;\n\n    const portions = prismItems.map(item => `${item.quantity} ${item.title}`);\n\n    if (printsQuantity) {\n      portions.unshift(\n        `${printsQuantity} ${printsQuantity === 1 ? 'print' : 'prints'}`\n      );\n    }\n\n    return `${stringifyPortions(portions)} ${portions.length === 1 && printsQuantity === 1 ? 'has' : 'have'} been added to your ${translate('cart')} as a result.`;\n  }\n\n  renderHeadlineMessage = () => {\n    const {\n      prints_quantity: printsQuantity,\n      prism_items_summary: prismItemsSummary\n    } = this.state;\n\n    const prismItemsQuantity = prismItemsSummary.length;\n    const portions = [];\n\n    if (printsQuantity) {\n      portions.push(\n        `${printsQuantity} ${printsQuantity === 1 ? 'print' : 'prints'}`\n      );\n    }\n\n    if (prismItemsQuantity) {\n      portions.push(\n        `${prismItemsQuantity} ${prismItemsQuantity === 1 ? 'item' : 'items'}`\n      );\n    }\n\n    return `You already had ${portions.join(' and ')} in your ${translate('cart')} from a previous visit.`;\n  }\n\n  renderPreviewItems = (thumbnails) => {\n    return thumbnails.map((t, i) => {\n      if (t.type === 'PRISM') {\n        const key = `prism_preview_${i}`;\n\n        return (\n          <PrismPreview thumbUrl={t.thumbUrl} key={key} />\n        );\n      }\n\n      const key = `prints_preview_${i}`;\n\n      return (\n        <PrintsPreview thumbUrl={t.thumbUrl} key={key} />\n      );\n    });\n  }\n\n  renderPreviews = () => {\n    const {\n      prints_thumbnail: printsThumbnail,\n      prism_items_summary: prismItems,\n    } = this.state;\n\n    const mergedThumbnails = mergeThumbnails(printsThumbnail, prismItems);\n\n    return this.renderPreviewItems(mergedThumbnails.slice(0, PREVIEW_THUMBS_MAX))\n  }\n\n  render() {\n    return (\n      <div className=\"modal fade cart-merge-notification\" role=\"dialog\" aria-hidden=\"true\" id='merge-cart-modal'>\n        <div className=\"modal-dialog\" role=\"document\">\n          <div className=\"modal-content\">\n            <div className=\"modal-header\">\n              <h4 className=\"modal-title\">{translate('Cart')} updated</h4>\n              <button\n                type=\"button\"\n                className=\"close\"\n                data-dismiss=\"modal\"\n                aria-label=\"Close\">\n                <span aria-hidden=\"true\">&times;</span>\n              </button>\n            </div>\n            <div className=\"modal-body\">{this.renderBody()}</div>\n            <div className=\"modal-footer\">\n              <button\n                type=\"button\"\n                className=\"btn btn-lg btn-primary\"\n                data-dismiss=\"modal\">\n                Ok\n              </button>\n            </div>\n          </div>\n        </div>\n      </div>\n    )\n  }\n}\n\nexport default CartMergedNotification;\n","import React from 'react';\n// Import Libraries\nimport ReactDOM from 'react-dom';\n// Import Main component\nimport CartMergedNotification from '../customer_pages/_cart-merged-notification/cart-merged-notification';\n\nReactDOM.render(\n  <CartMergedNotification />,\n  document.getElementById('cart-merged-notification'),\n);\n"],"names":["PrintsPreview","thumbUrl","React","PrismPreview","PREVIEW_THUMBS_MAX","mergeThumbnails","printsThumbnail","prismItems","mergedThumbnails","e","stringifyPortions","portions","CartMergedNotification","__publicField","ReactDOM","previousBasketContents","basketPath","printsQuantity","$otherModals","$otherModal","i","el","builderDispatch","WebUI","loaded","translate","item","prismItemsSummary","prismItemsQuantity","thumbnails","t","key","payload"],"mappings":"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"}