{"version":3,"file":"coreweb/coreweb-user-email-opt-out.898678d9.js","mappings":"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","sources":["/app/apps/coreweb/src/app/pages/User/EmailOptOut/index.js","/app/apps/coreweb/src/app/pages/User/components/NavigationMenu/index.js","/app/apps/coreweb/src/app/pages/User/EmailOptOut/EmailOptOut.graphql"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useQuery, useMutation } from 'react-apollo';\nimport { useLocation } from 'react-router-dom';\nimport { createUseStyles } from 'react-jss';\nimport { defineMessages, T, t } from '@sm/intl';\nimport { BasePage, Helmet } from '@sm/webassets';\nimport { Box } from '@wds/box';\nimport { ProgressCircle } from '@wds/progress-circle';\nimport { Typography } from '@wds/typography';\nimport { IconLock } from '@sm/wds-icons';\n\nimport { createURL } from '@sm/utils';\nimport { emailOptOutQuery, optOutEmail } from './EmailOptOut.graphql';\nimport NavigationMenu from '~app/pages/User/components/NavigationMenu';\n\nconst useStyles = createUseStyles({\n  header: {\n    color: '#333E48',\n    fontSize: 34,\n    fontWeight: 300,\n    lineHeight: 1.35,\n    marginTop: 0,\n  },\n  body: {\n    display: 'flex',\n    flexDirection: 'column',\n    backgroundColor: '#f4f5f5',\n    margin: '32px 0 50px 0',\n    padding: 32,\n    borderRadius: 2,\n    textAlign: 'left',\n    lineHeight: 1.5,\n    color: '#333E48',\n    '& p': {\n      fontSize: 13,\n    },\n  },\n  container: {\n    maxWidth: 864,\n    margin: '0 auto',\n    width: 'auto',\n    padding: '88px 0 16px 0',\n    display: 'flex',\n    justifyContent: 'center',\n  },\n  ctaContainer: {\n    display: 'flex',\n    alignItems: 'center',\n    marginBottom: 24,\n  },\n  confQues: {\n    marginBottom: 24,\n  },\n  privacy: {\n    display: 'flex',\n    '& p': {\n      marginLeft: 7,\n    },\n    '& svg': {\n      marginTop: 2,\n      fontSize: 13,\n    },\n  },\n  button: {\n    padding: '8px 24px',\n    lineHeight: 1.5,\n    backgroundColor: '#00BF6F',\n    borderRadius: 2,\n    border: 'none',\n\n    '&:hover': {\n      borderColor: '#00ce78',\n      backgroundColor: '#00ce78',\n      cursor: 'pointer',\n    },\n\n    '& p': {\n      fontSize: 15,\n      fontWeight: 500,\n      color: '#FFFFFF',\n    },\n  },\n  neverMindLink: {\n    marginLeft: 24,\n  },\n  mainBody: {\n    width: '71%',\n  },\n});\n\nconst COPY = defineMessages({\n  EMAIL_OPT_OUT_CONF_HEADER: {\n    id: 'User.EmailOptOut.ConfHeader',\n    defaultMessage: 'Do you want to receive surveys?',\n    description: '[Type: Button][Vis.: med] - Unsubscribe from email confirmation',\n  },\n  EMAIL_OPT_OUT_SUCCESS_HEADER: {\n    id: 'User.EmailOptOut.SuccessHeader',\n    defaultMessage: 'Success!',\n    description: '[Type: Button][Vis.: med] - Header for successfully unsubscribing from email',\n  },\n  EMAIL_OPT_OUT_SUCCESS_CONF: {\n    id: 'User.EmailOptOut.SuccessConf',\n    defaultMessage:\n      'Sending to the email address {email} has been blocked. You will no longer receive surveys sent from this user account.',\n    description: '[Type: Button][Vis.: med] - Confirmation that email has successfully blocked',\n  },\n  EMAIL_OPT_OUT_SUCCESS_OPT_IN: {\n    id: 'User.EmailOptOut.SuccessOptIn',\n    defaultMessage: 'If you ever change your mind, you can opt back in at any time.',\n    description: '[Type: Button][Vis.: med] - Opt in message',\n  },\n  EMAIL_OPT_OUT_CONF_QUESTION: {\n    id: 'User.EmailOptOut.Question',\n    defaultMessage: 'Are you sure you want to block emails sent from this account to the email address: {email}?',\n    description: '[Type: Button][Vis.: med] - Confirmation question for unsubscribing from email',\n  },\n  EMAIL_OPT_OUT_NEVER_MIND_LINK: {\n    id: 'User.EmailOptOut.Link',\n    defaultMessage: '<a href={link} target=\"_blank\">Never mind, I want to take the survey</a>',\n    description: '[Type: Button][Vis.: med] - Link that redirects user to survey',\n  },\n  EMAIL_OPT_OUT_UNSUB_BUTTON: {\n    id: 'User.EmailOptOut.Button',\n    defaultMessage: 'UNSUBSCRIBE',\n    description: '[Type: Button][Vis.: med] - Email opt out button',\n  },\n  EMAIL_OPT_OUT_SAVING_CHANGE_ERROR: {\n    id: 'User.EmailOptOut.Error',\n    defaultMessage: 'Oops. There was an error saving this change. Please try again in a little bit.',\n    description: '[Type: Button][Vis.: med] - Terms of use menu option',\n  },\n  EMAIL_OPT_OUT_PRIVACY_NOTICE: {\n    id: 'User.EmailOptOut.Privacy',\n    defaultMessage:\n      'SurveyMonkey respects your privacy. See our <a href=\"{link}\" target=\"_blank\">Privacy Notice</a> for more information.',\n    description: '[Type: Button][Vis.: med] - Privacy notice',\n  },\n});\n\nconst UserEmailOptOutView = ({ recipientData }) => {\n  const [newView, setNewView] = useState(recipientData ? 'CONFIRMATION' : 'ERROR');\n  const location = useLocation();\n  const urlParams = new URLSearchParams(location.search);\n  const smToken = urlParams.get('sm');\n  const classes = useStyles();\n\n  const urls = {\n    privacyNotice: createURL('/mp/legal/privacy/', { ut_source: 'email_opt_out' }),\n    neverMind: createURL(`/r/?sm=${smToken}`),\n  };\n\n  const EmailOptOutButton = (token, handleSuccess, handleError) => {\n    const [emailOptOutMutation] = useMutation(optOutEmail, {\n      variables: { input: { token } },\n      onCompleted: handleSuccess,\n      onError: handleError,\n    });\n\n    return (\n      <button className={classes.button} type=\"button\" onClick={emailOptOutMutation}>\n        <Typography component=\"p\" mb={5}>\n          <T desc={COPY.EMAIL_OPT_OUT_UNSUB_BUTTON} html />\n        </Typography>\n      </button>\n    );\n  };\n\n  const ConfirmationView = () => {\n    const { email, optOutToken } = recipientData;\n    return (\n      <>\n        <h1 className={classes.header}>{t(COPY.EMAIL_OPT_OUT_CONF_HEADER)}</h1>\n        <div className={classes.body}>\n          <div className={classes.confQues}>\n            <Typography component=\"p\" mb={5}>\n              <T desc={COPY.EMAIL_OPT_OUT_CONF_QUESTION} values={{ email }} html />\n            </Typography>\n          </div>\n          <div className={classes.ctaContainer}>\n            {EmailOptOutButton(\n              optOutToken,\n              () => {\n                setNewView('SUCCESS');\n              },\n              () => setNewView('ERROR')\n            )}\n            <div className={classes.neverMindLink}>\n              <Typography component=\"p\" mb={5}>\n                <T desc={COPY.EMAIL_OPT_OUT_NEVER_MIND_LINK} values={{ link: urls.neverMind }} html />\n              </Typography>\n            </div>\n          </div>\n          <div className={classes.privacy}>\n            <IconLock />\n            <Typography component=\"p\" mb={5}>\n              <T desc={COPY.EMAIL_OPT_OUT_PRIVACY_NOTICE} values={{ link: urls.privacyNotice }} html />\n            </Typography>\n          </div>\n        </div>\n      </>\n    );\n  };\n\n  const ErrorView = () => {\n    return (\n      <>\n        <h1 className={classes.header}>{t(COPY.EMAIL_OPT_OUT_CONF_HEADER)}</h1>\n        <div className={classes.body}>\n          <div className={classes.confQues}>\n            <Typography component=\"p\" mb={5}>\n              <T desc={COPY.EMAIL_OPT_OUT_SAVING_CHANGE_ERROR} html />\n            </Typography>\n          </div>\n          <div className={classes.privacy}>\n            <IconLock />\n            <Typography component=\"p\" mb={5}>\n              <T desc={COPY.EMAIL_OPT_OUT_PRIVACY_NOTICE} values={{ link: urls.privacyNotice }} html />\n            </Typography>\n          </div>\n        </div>\n      </>\n    );\n  };\n\n  const SuccessView = () => {\n    const { email } = recipientData;\n    return (\n      <>\n        <h1 className={classes.header}>{t(COPY.EMAIL_OPT_OUT_SUCCESS_HEADER)}</h1>\n        <div className={classes.body}>\n          <div className={classes.confQues}>\n            <Typography component=\"p\" mb={5}>\n              <T desc={COPY.EMAIL_OPT_OUT_SUCCESS_CONF} values={{ email }} html />\n            </Typography>\n          </div>\n          <div className={classes.confQues}>\n            <Typography component=\"p\" mb={5}>\n              <T desc={COPY.EMAIL_OPT_OUT_SUCCESS_OPT_IN} html />\n            </Typography>\n          </div>\n          <div className={classes.privacy}>\n            <IconLock />\n            <Typography component=\"p\" mb={5}>\n              <T desc={COPY.EMAIL_OPT_OUT_PRIVACY_NOTICE} values={{ link: urls.privacyNotice }} html />\n            </Typography>\n          </div>\n        </div>\n      </>\n    );\n  };\n\n  return (\n    <main className={classes.mainBody}>\n      <Choose>\n        <When condition={newView === 'CONFIRMATION'}>\n          <ConfirmationView />\n        </When>\n        <When condition={newView === 'ERROR'}>\n          <ErrorView />\n        </When>\n        <When condition={newView === 'SUCCESS'}>\n          <SuccessView />\n        </When>\n      </Choose>\n    </main>\n  );\n};\n\nUserEmailOptOutView.defaultProps = {\n  recipientData: null,\n};\nUserEmailOptOutView.propTypes = {\n  recipientData: PropTypes.shape({\n    email: PropTypes.string.isRequired,\n    optOutToken: PropTypes.string.isRequired,\n  }),\n};\n\nconst UserEmailOptOutEntry = () => {\n  const location = useLocation();\n  const urlParams = new URLSearchParams(location.search);\n  const smToken = urlParams.get('sm');\n  const classes = useStyles();\n\n  const { data, loading } = useQuery(emailOptOutQuery, {\n    skip: !smToken,\n    variables: { smToken },\n  });\n\n  if (loading) {\n    return (\n      <Box my={9} display=\"flex\" flexDirection=\"column\" flexAlign=\"center\">\n        <ProgressCircle continuous size=\"lg\" valueText=\"Loading\" />\n      </Box>\n    );\n  }\n\n  const recipientData = data && data.emailRecipientBySMToken;\n\n  return (\n    <BasePage pageId=\"EmailOptOut\" color=\"light\" legacyWeb=\"userweb\">\n      <Helmet>\n        <title>{t(COPY.EMAIL_OPT_OUT_CONF_HEADER)}</title>\n      </Helmet>\n      <div className={classes.container}>\n        <NavigationMenu />\n        <UserEmailOptOutView recipientData={recipientData} />\n      </div>\n    </BasePage>\n  );\n};\n\nexport default UserEmailOptOutEntry;\n","import React from 'react';\nimport { defineMessages, T } from '@sm/intl';\nimport { Typography } from '@wds/typography';\n\nimport { createUseStyles } from 'react-jss';\n\nconst useStyles = createUseStyles({\n  container: {\n    paddingRight: 20,\n    width: '21%',\n    '& li': {\n      listStylePosition: 'outside',\n      listStyleType: 'none',\n    },\n    '& ul': {\n      marginTop: 0,\n      paddingLeft: 0,\n    },\n    '& ul li a': {\n      color: '#333E48',\n      display: 'block',\n      padding: 12,\n      fontSize: 15,\n      borderBottom: `1px solid #D0D2D3`,\n    },\n    '& ul li a:hover': {\n      background: '#f4f5f5',\n      textDecoration: 'none',\n    },\n    '& ul li a:active': {\n      background: '#f4f5f5',\n    },\n  },\n});\n\nconst COPY = defineMessages({\n  TERMS_OF_USE: {\n    id: 'User.NavigationMenu.TermsOfUse',\n    defaultMessage: 'Terms of Use',\n    description: '[Type: Button][Vis.: med] - Terms of use menu option',\n  },\n  PRIVACY_NOTICE: {\n    id: 'User.NavigationMenu.PrivacyNotice',\n    defaultMessage: 'Privacy Notice',\n    description: '[Type: Button][Vis.: med] - Privacy notice menu option',\n  },\n  ANTI_SPAM: {\n    id: 'User.NavigationMenu.AntiSpam',\n    defaultMessage: 'Anti-Spam',\n    description: '[Type: Button][Vis.: med] - Anti-Spam menu option',\n  },\n  SECURITY_STATEMENT: {\n    id: 'User.NavigationMenu.SecurityStatement',\n    defaultMessage: 'Security Statement',\n    description: '[Type: Button][Vis.: med] - Security statement menu option',\n  },\n});\n\nconst NavigationMenu = () => {\n  const classes = useStyles();\n\n  return (\n    <nav className={classes.container}>\n      <ul className={classes.list} data-testid=\"NavigationMenu__LinksList\">\n        <li className={classes.listItem}>\n          <Typography>\n            <a className={classes.link} href=\"/mp/policy/terms-of-use/?ut_source=email_opt_out\" target=\"_blank\">\n              <T desc={COPY.TERMS_OF_USE} html />\n            </a>\n          </Typography>\n        </li>\n        <li className={classes.listItem}>\n          <Typography>\n            <a className={classes.link} href=\"/mp/legal/privacy-policy/?ut_source=email_opt_out\" target=\"_blank\">\n              <T desc={COPY.PRIVACY_NOTICE} html />\n            </a>\n          </Typography>\n        </li>\n        <li className={classes.listItem}>\n          <Typography>\n            <a className={classes.link} href=\"/mp/policy/anti-spam/?ut_source=email_opt_out\" target=\"_blank\">\n              <T desc={COPY.ANTI_SPAM} html />\n            </a>\n          </Typography>\n        </li>\n        <li className={classes.listItem}>\n          <Typography>\n            <a className={classes.link} href=\"/mp/policy/security/?ut_source=email_opt_out\" target=\"_blank\">\n              <T desc={COPY.SECURITY_STATEMENT} html />\n            </a>\n          </Typography>\n        </li>\n      </ul>\n    </nav>\n  );\n};\n\nexport default NavigationMenu;\n","\n    var doc = {\"kind\":\"Document\",\"definitions\":[{\"kind\":\"OperationDefinition\",\"operation\":\"query\",\"name\":{\"kind\":\"Name\",\"value\":\"emailOptOutQuery\"},\"variableDefinitions\":[{\"kind\":\"VariableDefinition\",\"variable\":{\"kind\":\"Variable\",\"name\":{\"kind\":\"Name\",\"value\":\"smToken\"}},\"type\":{\"kind\":\"NonNullType\",\"type\":{\"kind\":\"NamedType\",\"name\":{\"kind\":\"Name\",\"value\":\"String\"}}},\"directives\":[]}],\"directives\":[],\"selectionSet\":{\"kind\":\"SelectionSet\",\"selections\":[{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"emailRecipientBySMToken\"},\"arguments\":[{\"kind\":\"Argument\",\"name\":{\"kind\":\"Name\",\"value\":\"smToken\"},\"value\":{\"kind\":\"Variable\",\"name\":{\"kind\":\"Name\",\"value\":\"smToken\"}}}],\"directives\":[],\"selectionSet\":{\"kind\":\"SelectionSet\",\"selections\":[{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"email\"},\"arguments\":[],\"directives\":[]},{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"optOutToken\"},\"arguments\":[],\"directives\":[]}]}}]}},{\"kind\":\"OperationDefinition\",\"operation\":\"mutation\",\"name\":{\"kind\":\"Name\",\"value\":\"optOutEmail\"},\"variableDefinitions\":[{\"kind\":\"VariableDefinition\",\"variable\":{\"kind\":\"Variable\",\"name\":{\"kind\":\"Name\",\"value\":\"input\"}},\"type\":{\"kind\":\"NonNullType\",\"type\":{\"kind\":\"NamedType\",\"name\":{\"kind\":\"Name\",\"value\":\"SetEmailOptOutInput\"}}},\"directives\":[]}],\"directives\":[],\"selectionSet\":{\"kind\":\"SelectionSet\",\"selections\":[{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"setEmailOptOut\"},\"arguments\":[{\"kind\":\"Argument\",\"name\":{\"kind\":\"Name\",\"value\":\"input\"},\"value\":{\"kind\":\"Variable\",\"name\":{\"kind\":\"Name\",\"value\":\"input\"}}}],\"directives\":[],\"selectionSet\":{\"kind\":\"SelectionSet\",\"selections\":[{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"success\"},\"arguments\":[],\"directives\":[]}]}}]}}],\"loc\":{\"start\":0,\"end\":229}};\n    doc.loc.source = {\"body\":\"query emailOptOutQuery($smToken: String!) {\\n  emailRecipientBySMToken(smToken: $smToken) {\\n    email\\n    optOutToken\\n  }\\n}\\n\\nmutation optOutEmail($input: SetEmailOptOutInput!) {\\n  setEmailOptOut(input: $input) {\\n    success\\n  }\\n}\\n\",\"name\":\"GraphQL request\",\"locationOffset\":{\"line\":1,\"column\":1}};\n  \n\n    var names = {};\n    function unique(defs) {\n      return defs.filter(\n        function(def) {\n          if (def.kind !== 'FragmentDefinition') return true;\n          var name = def.name.value\n          if (names[name]) {\n            return false;\n          } else {\n            names[name] = true;\n            return true;\n          }\n        }\n      )\n    }\n  \n\n    // Collect any fragment/type references from a node, adding them to the refs Set\n    function collectFragmentReferences(node, refs) {\n      if (node.kind === \"FragmentSpread\") {\n        refs.add(node.name.value);\n      } else if (node.kind === \"VariableDefinition\") {\n        var type = node.type;\n        if (type.kind === \"NamedType\") {\n          refs.add(type.name.value);\n        }\n      }\n\n      if (node.selectionSet) {\n        node.selectionSet.selections.forEach(function(selection) {\n          collectFragmentReferences(selection, refs);\n        });\n      }\n\n      if (node.variableDefinitions) {\n        node.variableDefinitions.forEach(function(def) {\n          collectFragmentReferences(def, refs);\n        });\n      }\n\n      if (node.definitions) {\n        node.definitions.forEach(function(def) {\n          collectFragmentReferences(def, refs);\n        });\n      }\n    }\n\n    var definitionRefs = {};\n    (function extractReferences() {\n      doc.definitions.forEach(function(def) {\n        if (def.name) {\n          var refs = new Set();\n          collectFragmentReferences(def, refs);\n          definitionRefs[def.name.value] = refs;\n        }\n      });\n    })();\n\n    function findOperation(doc, name) {\n      for (var i = 0; i < doc.definitions.length; i++) {\n        var element = doc.definitions[i];\n        if (element.name && element.name.value == name) {\n          return element;\n        }\n      }\n    }\n\n    function oneQuery(doc, operationName) {\n      // Copy the DocumentNode, but clear out the definitions\n      var newDoc = {\n        kind: doc.kind,\n        definitions: [findOperation(doc, operationName)]\n      };\n      if (doc.hasOwnProperty(\"loc\")) {\n        newDoc.loc = doc.loc;\n      }\n\n      // Now, for the operation we're running, find any fragments referenced by\n      // it or the fragments it references\n      var opRefs = definitionRefs[operationName] || new Set();\n      var allRefs = new Set();\n      var newRefs = new Set();\n\n      // IE 11 doesn't support \"new Set(iterable)\", so we add the members of opRefs to newRefs one by one\n      opRefs.forEach(function(refName) {\n        newRefs.add(refName);\n      });\n\n      while (newRefs.size > 0) {\n        var prevRefs = newRefs;\n        newRefs = new Set();\n\n        prevRefs.forEach(function(refName) {\n          if (!allRefs.has(refName)) {\n            allRefs.add(refName);\n            var childRefs = definitionRefs[refName] || new Set();\n            childRefs.forEach(function(childRef) {\n              newRefs.add(childRef);\n            });\n          }\n        });\n      }\n\n      allRefs.forEach(function(refName) {\n        var op = findOperation(doc, refName);\n        if (op) {\n          newDoc.definitions.push(op);\n        }\n      });\n\n      return newDoc;\n    }\n    \n    module.exports = doc;\n    \n        module.exports[\"emailOptOutQuery\"] = oneQuery(doc, \"emailOptOutQuery\");\n        \n        module.exports[\"optOutEmail\"] = oneQuery(doc, \"optOutEmail\");\n        \n"],"names":["useStyles","createUseStyles","header","color","fontSize","fontWeight","lineHeight","marginTop","body","display","flexDirection","backgroundColor","margin","padding","borderRadius","textAlign","container","maxWidth","width","justifyContent","ctaContainer","alignItems","marginBottom","confQues","privacy","marginLeft","button","border","borderColor","cursor","neverMindLink","mainBody","COPY","defineMessages","EMAIL_OPT_OUT_CONF_HEADER","id","defaultMessage","description","EMAIL_OPT_OUT_SUCCESS_HEADER","EMAIL_OPT_OUT_SUCCESS_CONF","EMAIL_OPT_OUT_SUCCESS_OPT_IN","EMAIL_OPT_OUT_CONF_QUESTION","EMAIL_OPT_OUT_NEVER_MIND_LINK","EMAIL_OPT_OUT_UNSUB_BUTTON","EMAIL_OPT_OUT_SAVING_CHANGE_ERROR","EMAIL_OPT_OUT_PRIVACY_NOTICE","UserEmailOptOutView","recipientData","useState","newView","setNewView","location","useLocation","smToken","URLSearchParams","search","get","classes","urls","privacyNotice","createURL","ut_source","neverMind","ConfirmationView","email","optOutToken","className","t","component","mb","T","desc","values","html","token","handleSuccess","handleError","useMutation","optOutEmail","variables","input","onCompleted","onError","emailOptOutMutation","type","onClick","EmailOptOutButton","link","IconLock","ErrorView","SuccessView","defaultProps","UserEmailOptOutEntry","useQuery","emailOptOutQuery","skip","data","loading","my","flexAlign","continuous","size","valueText","emailRecipientBySMToken","BasePage","pageId","legacyWeb","Helmet","paddingRight","listStylePosition","listStyleType","paddingLeft","borderBottom","background","textDecoration","TERMS_OF_USE","PRIVACY_NOTICE","ANTI_SPAM","SECURITY_STATEMENT","NavigationMenu","list","listItem","href","target","doc","loc","source","collectFragmentReferences","node","refs","kind","add","name","value","selectionSet","selections","forEach","selection","variableDefinitions","def","definitions","definitionRefs","findOperation","i","length","element","oneQuery","operationName","newDoc","hasOwnProperty","opRefs","Set","allRefs","newRefs","refName","prevRefs","has","childRef","op","push","extractReferences","module","exports"],"sourceRoot":""}