{"version":3,"file":"coreweb/coreweb-user-email-opt-out.5f2d2a0f.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","useState","_useState2","_slicedToArray","newView","setNewView","location","useLocation","smToken","URLSearchParams","search","get","classes","urls","privacyNotice","createURL","ut_source","neverMind","ConfirmationView","email","optOutToken","React","className","t","Typography","component","mb","T","desc","values","html","EmailOptOutButton","token","handleSuccess","handleError","_useMutation","useMutation","optOutEmail","variables","input","onCompleted","onError","emailOptOutMutation","type","onClick","link","IconLock","ErrorView","SuccessView","displayName","defaultProps","UserEmailOptOutEntry","_useQuery","useQuery","emailOptOutQuery","skip","data","loading","Box","my","flexAlign","ProgressCircle","continuous","size","valueText","emailRecipientBySMToken","BasePage","pageId","legacyWeb","Helmet","NavigationMenu","paddingRight","listStylePosition","listStyleType","paddingLeft","borderBottom","background","textDecoration","TERMS_OF_USE","PRIVACY_NOTICE","ANTI_SPAM","SECURITY_STATEMENT","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":""}