{"version":3,"sources":["webpack:///./app/javascript/utilities/http/request.js","webpack:///./app/javascript/CommentSubscription/CommentSubscription.jsx","webpack:///./app/javascript/CommentSubscription/commentSubscriptionUtilities.jsx"],"names":["request","url","options","headers","body","method","csrfToken","getCsrfToken","restOfOptions","jsonifiedBody","JSON","stringify","fetchOptions","Accept","credentials","fetch","COMMENT_SUBSCRIPTION_TYPE","Object","freeze","ALL","TOP","AUTHOR","NOT_SUBSCRIBED","CommentSubscription","props","subscriptionType","commentSubscriptionClick","event","setState","target","value","subscribed","length","initialState","showOptions","state","this","onSubscribe","onUnsubscribe","positionType","isLoggedIn","className","ref","element","buttonGroupElement","variant","onClick","_event","showLoginModal","id","icon","xmlns","width","height","role","d","contentType","triggerButtonId","dropdownContentId","dropdownContentCloseButtonId","dropdownElement","onOpen","onClose","name","checked","htmlFor","Component","displayName","propTypes","PropTypes","oneOf","isRequired","func","entries","map","bool","getCommentSubscriptionStatus","articleId","response","json","error","Error","setCommentSubscriptionStatus","message","config","replace"],"mappings":"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","file":"js/116-1c0e4b56782a8fab051e.chunk.js","sourcesContent":["/**\n * Generic request with all the default headers required by the application.\n *\n * @example\n * import { request } from '@utilities/http';\n *\n * const response = await request('/notification_subscriptions/Article/26')\n *\n * Note:\n * The body option will typically be passed in as a JavaScript object.\n * A check is performed for this and automatically convert it to JSON if necessary.\n *\n * Requests send JSON by default but this can be easily overridden by adding\n * the Accept and Content-Type headers to the request options.\n *\n * The default method is GET.\n *\n * @param {string} url The URL to make the request to.\n * @param {RequestInit} [options={}] The request options.\n *\n * @return {Promise<Response>} the response\n */\nexport async function request(url, options = {}) {\n  const {\n    headers,\n    body,\n    method = 'GET',\n    csrfToken = await getCsrfToken(),\n    // These are any other options that might be passed in e.g. keepalive\n    ...restOfOptions\n  } = options;\n\n  // There should never be a scenario where null is passed as the body,\n  // but if ever there is, this logic should change.\n  const jsonifiedBody = {\n    body: body && typeof body !== 'string' ? JSON.stringify(body) : body,\n  };\n\n  const fetchOptions = {\n    method,\n    headers: {\n      Accept: 'application/json',\n      'X-CSRF-Token': csrfToken,\n      'Content-Type': 'application/json',\n      ...headers,\n    },\n    credentials: 'same-origin',\n    ...jsonifiedBody,\n    ...restOfOptions,\n  };\n\n  return fetch(url, fetchOptions);\n}\n","/* global showLoginModal */\n\nimport { h, Component } from 'preact';\nimport PropTypes from 'prop-types';\nimport {\n  Button,\n  ButtonGroup,\n  Dropdown,\n  FormField,\n  RadioButton,\n} from '@crayons';\n\nexport const COMMENT_SUBSCRIPTION_TYPE = Object.freeze({\n  ALL: 'all_comments',\n  TOP: 'top_level_comments',\n  AUTHOR: 'only_author_comments',\n  NOT_SUBSCRIBED: 'not_subscribed',\n});\n\nexport class CommentSubscription extends Component {\n  constructor(props) {\n    const { subscriptionType } = props;\n    super(props);\n\n    const subscribed =\n      subscriptionType &&\n      (subscriptionType.length > 0 && subscriptionType) !==\n        COMMENT_SUBSCRIPTION_TYPE.NOT_SUBSCRIBED;\n\n    const initialState = {\n      subscriptionType: subscribed\n        ? subscriptionType\n        : COMMENT_SUBSCRIPTION_TYPE.ALL,\n      subscribed,\n      showOptions: false,\n    };\n\n    this.state = initialState;\n  }\n\n  commentSubscriptionClick = (event) => {\n    this.setState({\n      subscriptionType: event.target.value,\n    });\n  };\n\n  render() {\n    const { subscriptionType, subscribed } = this.state;\n    const {\n      onSubscribe,\n      onUnsubscribe,\n      positionType = 'relative',\n      isLoggedIn,\n    } = this.props;\n\n    const CogIcon = () => (\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"24\"\n        height=\"24\"\n        role=\"img\"\n        aria-labelledby=\"ai2ols8ka2ohfp0z568lj68ic2du21s\"\n        className=\"crayons-icon\"\n      >\n        <title id=\"ai2ols8ka2ohfp0z568lj68ic2du21s\">Preferences</title>\n        <path d=\"M12 1l9.5 5.5v11L12 23l-9.5-5.5v-11L12 1zm0 2.311L4.5 7.653v8.694l7.5 4.342 7.5-4.342V7.653L12 3.311zM12 16a4 4 0 110-8 4 4 0 010 8zm0-2a2 2 0 100-4 2 2 0 000 4z\" />\n      </svg>\n    );\n\n    return (\n      <div className={positionType}>\n        <ButtonGroup\n          ref={(element) => {\n            this.buttonGroupElement = element;\n          }}\n        >\n          <Button\n            variant=\"outlined\"\n            onClick={(_event) => {\n              if (isLoggedIn) {\n                if (subscribed) {\n                  onUnsubscribe(COMMENT_SUBSCRIPTION_TYPE.NOT_SUBSCRIBED);\n                  this.setState({\n                    subscriptionType: COMMENT_SUBSCRIPTION_TYPE.ALL,\n                  });\n                } else {\n                  onSubscribe(subscriptionType);\n                }\n\n                this.setState({ subscribed: !subscribed });\n              } else {\n                showLoginModal();\n              }\n            }}\n          >\n            {subscribed ? 'Unsubscribe' : 'Subscribe'}\n          </Button>\n          {subscribed ? (\n            <Button\n              id=\"subscription-settings-btn\"\n              data-testid=\"subscription-settings\"\n              variant=\"outlined\"\n              icon={CogIcon}\n              contentType=\"icon\"\n            />\n          ) : null}\n        </ButtonGroup>\n        {subscribed && (\n          <Dropdown\n            triggerButtonId=\"subscription-settings-btn\"\n            dropdownContentId=\"subscription-settings-dropdown\"\n            dropdownContentCloseButtonId=\"subscription-settings-done-btn\"\n            data-repositioning-dropdown=\"true\"\n            data-testid=\"subscriptions-panel\"\n            className={`right-0 p-4 s:left-auto${\n              positionType === 'relative' ? ' w-full' : ''\n            }`}\n            ref={(element) => {\n              this.dropdownElement = element;\n            }}\n            onOpen={() => this.setState({ showOptions: true })}\n            onClose={() => this.setState({ showOptions: false })}\n          >\n            <div className=\"crayons-fields mb-5\">\n              <FormField variant=\"radio\">\n                <RadioButton\n                  id=\"subscribe-all\"\n                  name=\"subscribe_comments\"\n                  value={COMMENT_SUBSCRIPTION_TYPE.ALL}\n                  checked={subscriptionType === COMMENT_SUBSCRIPTION_TYPE.ALL}\n                  onClick={this.commentSubscriptionClick}\n                />\n                <label htmlFor=\"subscribe-all\" className=\"crayons-field__label\">\n                  All comments\n                  <p className=\"crayons-field__description\">\n                    You’ll receive notifications for all new comments.\n                  </p>\n                </label>\n              </FormField>\n\n              <FormField variant=\"radio\">\n                <RadioButton\n                  id=\"subscribe-toplevel\"\n                  name=\"subscribe_comments\"\n                  value={COMMENT_SUBSCRIPTION_TYPE.TOP}\n                  onClick={this.commentSubscriptionClick}\n                  checked={subscriptionType === COMMENT_SUBSCRIPTION_TYPE.TOP}\n                />\n                <label\n                  htmlFor=\"subscribe-toplevel\"\n                  className=\"crayons-field__label\"\n                >\n                  Top-level comments\n                  <p className=\"crayons-field__description\">\n                    You’ll receive notifications only for all new top-level\n                    comments.\n                  </p>\n                </label>\n              </FormField>\n\n              <FormField variant=\"radio\">\n                <RadioButton\n                  id=\"subscribe-author\"\n                  name=\"subscribe_comments\"\n                  value={COMMENT_SUBSCRIPTION_TYPE.AUTHOR}\n                  onClick={this.commentSubscriptionClick}\n                  checked={\n                    subscriptionType === COMMENT_SUBSCRIPTION_TYPE.AUTHOR\n                  }\n                />\n                <label\n                  htmlFor=\"subscribe-author\"\n                  className=\"crayons-field__label\"\n                >\n                  Post author comments\n                  <p className=\"crayons-field__description\">\n                    You’ll receive notifications only if post author sends a new\n                    comment.\n                  </p>\n                </label>\n              </FormField>\n            </div>\n\n            <Button\n              id=\"subscription-settings-done-btn\"\n              className=\"w-100\"\n              onClick={() => {\n                onSubscribe(this.state.subscriptionType);\n              }}\n            >\n              Done\n            </Button>\n          </Dropdown>\n        )}\n      </div>\n    );\n  }\n}\n\nCommentSubscription.displayName = 'CommentSubscription';\n\nCommentSubscription.propTypes = {\n  positionType: PropTypes.oneOf(['absolute', 'relative', 'static']).isRequired,\n  onSubscribe: PropTypes.func.isRequired,\n  onUnsubscribe: PropTypes.func.isRequired,\n  subscriptionType: PropTypes.oneOf(\n    Object.entries(COMMENT_SUBSCRIPTION_TYPE).map(([, value]) => value),\n  ).isRequired,\n  isLoggedIn: PropTypes.bool.isRequired,\n};\n","import { request } from '../utilities/http/request';\n\n/**\n * Gets the comment subscription status for a given article.\n *\n * @param {number} articleId\n *\n * @returns {string} The subscription status.\n */\nexport async function getCommentSubscriptionStatus(articleId) {\n  try {\n    const response = await request(\n      `/notification_subscriptions/Article/${articleId}`,\n    );\n\n    const subscriptionStatus = await response.json();\n\n    return subscriptionStatus;\n  } catch (error) {\n    return new Error('An error occurred, please try again');\n  }\n}\n\n/**\n * Set's the subscription status for a given article.\n *\n * @param {number} articleId\n * @param {string} subscriptionType\n *\n * @returns {string} A friendly message in regards to subscription status.\n */\nexport async function setCommentSubscriptionStatus(\n  articleId,\n  subscriptionType,\n) {\n  let message;\n\n  try {\n    const response = await request(\n      `/notification_subscriptions/Article/${articleId}`,\n      {\n        method: 'POST',\n        body: JSON.stringify({ config: subscriptionType }),\n      },\n    );\n\n    // true means you're subscribed, false means unsubscribed\n    const subscribed = await response.json();\n\n    if (typeof subscribed !== 'boolean') {\n      message = 'An error occurred, please try again';\n\n      return message;\n    }\n\n    message = 'You have been unsubscribed from comments for this post';\n\n    if (subscribed) {\n      message = `You have been subscribed to ${subscriptionType.replace(\n        /_/g,\n        ' ',\n      )}`;\n    }\n  } catch (error) {\n    message = 'An error occurred, please try again';\n  }\n\n  return message;\n}\n"],"sourceRoot":""}