{"version":3,"file":"js/8921-25f21b4027644ac22b3a.js","mappings":"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","sources":["webpack://app/./app/javascript/packs/facebook_custom_login.jsx","webpack://app/./app/javascript/packs/facebook_managed_messages_decision.jsx","webpack://app/./app/javascript/packs/get_started_form.jsx","webpack://app/./app/javascript/packs/modal_actions_container.jsx","webpack://app/./app/javascript/packs/modal_description.jsx","webpack://app/./app/javascript/packs/modal_hero.jsx","webpack://app/./app/javascript/packs/modal_invite.jsx","webpack://app/./app/javascript/packs/modal_permission_container.jsx","webpack://app/./app/javascript/packs/modal_title.jsx"],"sourcesContent":["import React from 'react';\n\nexport default class FacebookCustomLogin extends React.Component {\n  render() {\n    // (\n    //   <div className=\"secondary-action-container\">\n    //     <a href=\"#\">Not now</a>\n    //   </div>\n    // );\n\n    return(\n      <>\n        <div className=\"fb-connect-button\">\n          <div className=\"avatar-ig-container\">\n            <div className=\"connect-ig-icon-container\">\n              <img src=\"/images/icons/ig.svg\" />\n            </div>\n            <img src={this.props.userAvatarUrl} className=\"connect-ig-avatar\" />\n          </div>\n          <button\n            className=\"custom-modal-primary-button custom-modal-input-item fb-connect-btn\"\n            onClick={this.props.handleFbConnect}>\n            Connect with Facebook\n          </button>\n        </div>\n      </>\n    );\n  }\n}\n","import React from 'react';\n\nexport default class FacebookManagedMessagesDecision extends React.Component {\n  constructor(props){\n    super(props);\n\n    this.state = {\n      grantManagedMessagesAccess: this.props.sourceMsManageMessages || false\n    };\n  }\n\n  handleManagedMessagesChoice(event) {\n    this.props.handleManagedMessagesChoice(event, this.state.grantManagedMessagesAccess);\n  }\n\n  handleManagedMessagesCheckbox() {\n    this.setState({\n      grantManagedMessagesAccess: !this.state.grantManagedMessagesAccess\n    });\n  }\n\n  render() {\n    return (\n      <>\n        <p className=\"custom-modal-subtitle\">\n          You can grant <strong>{this.props.brandName}</strong> access to stored DMs for enhanced features for <strong>{this.props.username}</strong>.\n        </p>\n        <div className=\"managed-message-choice-container\">\n          <label className=\"custom-modal-subtitle managed-message-checkbox-container\">\n            <input\n              type=\"checkbox\"\n              className=\"form-checkbox\"\n              id=\"getstarted-checkbox\"\n              checked={this.state.grantManagedMessagesAccess}\n              defaultChecked={this.state.grantManagedMessagesAccess}\n              onChange={this.handleManagedMessagesCheckbox.bind(this)}\n              disabled={this.props.isPersistingPreferences}\n            />\n            Allow <strong>{this.props.brandName}</strong> to view my DMs and respond as me on Instagram.\n          </label>\n        </div>\n        <button\n          className=\"custom-modal-primary-button custom-modal-input-item\"\n          onClick={this.handleManagedMessagesChoice.bind(this)}\n          disabled={this.props.isPersistingPreferences}\n          >\n          Save Preference\n        </button>\n      </>\n    );\n  }\n}\n","import React from 'react'\n\n//unnamed function - anonymous, parens instead of {} creates a return\nexport default class GetStartedForm extends React.Component {\n  render () {\n    let terms = (\n      <a href=\"/terms\" target=\"_blank\">Terms</a>\n    );\n\n    let privacy = (\n      <a href=\"/privacy\" target=\"_blank\">Privacy Policy</a>\n    );\n\n    let disabledVar = this.props.usernameInput && this.props.fbPageCheckbox ? false : true;\n\n    let actionArea = null;\n\n    if (this.props.useFbLoginForBusinessPage) {\n      actionArea = (\n        <button\n          className=\"custom-modal-primary-button custom-modal-input-item\"\n          onClick={this.props.handleGetStarted}\n        >\n          Get Started\n        </button>\n      );\n    } else {\n      actionArea = (\n        <>\n          <div className=\"custom-modal-username-input\">\n            <img src=\"/images/icons/ig.svg\" className=\"icon-label\" />\n            <input type=\"text\" placeholder=\"Username\" defaultValue={this.props.username} className=\"custom-modal-input-item custom-modal-text-input\" onChange={this.props.handleUsernameInputChange} />\n          </div>\n          <button\n            className=\"custom-modal-primary-button custom-modal-input-item\"\n            disabled={disabledVar}\n            onClick={this.props.handleGetStarted}\n          >\n            Get Started\n          </button>\n          <p className=\"click-wrap text-align-left\">\n            <input\n              type=\"checkbox\"\n              className=\"form-checkbox\"\n              id=\"getstarted-checkbox\"\n              defaultChecked={this.props.fbPageCheckbox}\n              onChange={this.props.handleFbPageCheckboxCheck}\n            />\n            <p className=\"getstarted-checkbox-container\">\n            <label htmlFor=\"getstarted-checkbox\" className=\"getstarted-label\">\n            I have a Facebook Page that is connected to my Instagram Creator/Business Account.\n            </label>\n            <span> </span>\n            <a\n              href={`/instagram-professional-account-setup${this.props.brand ? '?b=' + this.props.brand : ''}`}>\n              Not Sure? Learn More Here\n            </a>\n            </p>\n          </p>\n        </>\n      );\n    }\n\n    return(\n      <>\n        {actionArea}\n        <p className=\"subtle click-wrap\">By clicking Get Started, you agree to our {terms} and {privacy}.</p>\n      </>\n    );\n  }\n}\n","import React from 'react';\nimport GetStartedForm from './get_started_form';\nimport FacebookCustomLogin from './facebook_custom_login';\nimport FacebookManagedMessagesDecision from './facebook_managed_messages_decision';\n\nexport default class ModalActions extends React.Component {\n  handleRestartAndRetry() {\n    this.props.handleFbLogout();\n  }\n\n  render () {\n    let actionsToDisplay;\n\n    //Might be good to use switch here Or state machine\n    // if (this.props.stage == 1 && this.props.fbStatus == 'connected' && this.props.page == 'brand'){\n    //   actionsToDisplay = (\n    //     <button className=\"custom-modal-primary-button custom-modal-input-item\" onClick={this.props.handleAcceptInvite}>\n    //       Accept Invite\n    //     </button>\n    //   )\n    if (this.props.alertRestartError) {\n      actionsToDisplay = (\n        <>\n          <a\n            href={`/troubleshoot${this.props.brand ? '?b=' + this.props.brand : ''}`}\n            className=\"custom-modal-primary-button custom-modal-input-item\">\n            View Tutorial\n          </a>\n          &nbsp;\n          <a\n            href=\"/\"\n            className=\"custom-modal-primary-button custom-modal-input-item logout-btn\"\n            onClick={this.handleRestartAndRetry.bind(this)}\n          >\n            Restart & Retry\n          </a>\n        </>\n      );\n    } else if (this.props.useFbLoginForBusinessPage && this.props.stage == 3) {\n      actionsToDisplay = null;\n    } else if (this.props.stage == 1){\n      actionsToDisplay = (\n        <GetStartedForm\n          usernameInput={this.props.usernameInput}\n          username={this.props.username}\n          handleGetStarted={this.props.handleGetStarted}\n          handleUsernameInputChange={this.props.handleUsernameInputChange}\n          brand={this.props.brand}\n          fbPageCheckbox={this.props.fbPageCheckbox}\n          handleFbPageCheckboxCheck={this.props.handleFbPageCheckboxCheck}\n          useFbLoginForBusinessPage={this.props.useFbLoginForBusinessPage}\n          />\n      );\n    } else if (this.props.isBusinessAccount && this.props.stage == 4){\n      actionsToDisplay = (\n        <FacebookCustomLogin\n          userAvatarUrl={this.props.userAvatarUrl}\n          handleFbConnect={this.props.handleFbConnect}\n          />\n      );\n    } else if (!this.props.isBusinessAccount && this.props.stage == 4){\n      actionsToDisplay = (\n        <a\n          href={`/instagram-professional-account-setup${this.props.brand ? '?b=' + this.props.brand : ''}`}\n          className=\"custom-modal-primary-button custom-modal-input-item\">\n          View Tutorial\n        </a>\n        //TODO: Add back button/way to go back in case they potentially mispelled their username\n      );\n    } else if (this.props.stage == 5){\n      if (this.props.sourceMsManage) {\n        // Managed connections get an opt-in preference\n        actionsToDisplay = (\n          <FacebookManagedMessagesDecision\n            brand={this.props.brand}\n            brandName={this.props.brandName}\n            username={this.props.username}\n            sourceMsManageMessages={this.props.sourceMsManageMessages}\n            handleManagedMessagesChoice={this.props.handleManagedMessagesChoice}\n            isPersistingPreferences={this.props.isPersistingPreferences}\n            />\n        );\n      } else {\n        actionsToDisplay = (\n          <button className=\"custom-modal-primary-button custom-modal-input-item\" onClick={this.props.handleViewProfile}>View My Profile</button>\n        );\n      }\n    } else if (this.props.errorCode === 'cant_fetch_any_media') {\n      actionsToDisplay = (\n        <a\n          href={`/troubleshoot${this.props.brand ? '?b=' + this.props.brand : ''}`}\n          className=\"custom-modal-primary-button custom-modal-input-item\">\n          View Tutorial\n        </a>\n      );\n    } else {\n      return null;\n    }\n    return (\n      <div className=\"custom-modal-actions\">\n        {actionsToDisplay}\n      </div>\n    );\n  }\n}\n","import React from 'react';\n\nexport default class ModalDescription extends React.Component {\n  render () {\n    const noConnectedFbPageMessage = (\n      <p className=\"extra-description\">If you continue to run into issues, <a href={`/instagram-professional-account-setup${this.props.brand ? '?b=' + this.props.brand : ''}`}>view this tutorial</a> as a guide to check and try again.</p>\n    );\n\n    const errorMessageMap = {\n      \"no_connected_fb_page\": noConnectedFbPageMessage\n    };\n\n    let successCodeDisplay = null;\n\n    // Only show the success code for managed connections\n    if (this.props.sourceMsManage) {\n      if (this.props.successCode) {\n        successCodeDisplay = (\n          <p className=\"custom-modal-subtitle success-code-message\">\n            Please provide the following connection code to your account manager:<br />\n            <input type=\"text\" readOnly={true} value={this.props.successCode} />\n          </p>\n        );\n      } else if (this.props.brand && this.props.stage === 1) {\n        successCodeDisplay = (\n          <p className=\"custom-modal-subtitle success-code-message\">\n            On success, you will need to take note of a 4 character connection code to provide to your account manager:<br />\n            <img src=\"/images/mc-screens/connect-success.png\" />\n          </p>\n        );\n      }\n    }\n\n    return (\n      <>\n        <p className=\"custom-modal-subtitle\">\n          {this.props.description}\n          {this.props.errorCode ? errorMessageMap[this.props.errorCode] : null }\n        </p>\n        {successCodeDisplay}\n      </>\n    );\n  }\n}\n","import React from 'react'\nimport ReactDOM from 'react-dom'\nimport PropTyes from 'prop-types'\n\nexport default class ModalHero extends React.Component {\n  render (){\n    return (\n      <div className=\"custom-modal-hero\">\n        <img src={this.props.heroImagePath} />\n      </div>\n    )\n  }\n}","import React from 'react';\nimport ModalHero from './modal_hero';\nimport ModalTitle from './modal_title';\nimport ModalDescription from './modal_description';\nimport ModalPermissionContainer from './modal_permission_container';\nimport ModalActionsContainer from './modal_actions_container';\n\nexport default class ModalInvite extends React.Component {\n  render () {\n    return (\n      <div className=\"inner-modal-container\">\n        <ModalHero stage={this.props.stage} heroImagePath={this.props.heroImagePath} />\n        <ModalTitle stage={this.props.stage} title={this.props.title} />\n        <ModalDescription\n          stage={this.props.stage}\n          description={this.props.description}\n          errorCode={this.props.errorCode}\n          successCode={this.props.successCode}\n          brand={this.props.brand}\n          brandName={this.props.brandName}\n          sourceMsManage={this.props.sourceMsManage}\n          sourceMsManageMessages={this.props.sourceMsManageMessages}\n          />\n        <ModalPermissionContainer\n          stage={this.props.stage}\n          isBusinessAccount={this.props.isBusinessAccount}\n          brand={this.props.brand}\n          brandName={this.props.brandName}\n          sourceMsManage={this.props.sourceMsManage}\n          sourceMsManageMessages={this.props.sourceMsManageMessages}\n          requestMessagePermissions={this.props.requestMessagePermissions}\n          useFbLoginForBusinessPage={this.props.useFbLoginForBusinessPage}\n          />\n        <ModalActionsContainer\n          page={this.props.page}\n          stage={this.props.stage}\n          fbStatus={this.props.fbStatus}\n          brand={this.props.brand}\n          brandName={this.props.brandName}\n          usernameInput={this.props.usernameInput}\n          username={this.props.username}\n          userAvatarUrl={this.props.userAvatarUrl}\n          isBusinessAccount={this.props.isBusinessAccount}\n          fbPageCheckbox={this.props.fbPageCheckbox}\n          sourceMsManage={this.props.sourceMsManage}\n          sourceMsManageMessages={this.props.sourceMsManageMessages}\n          alertRestartError={this.props.alertRestartError}\n          errorCode={this.props.errorCode}\n          successCode={this.props.successCode}\n          handleAcceptInvite={this.props.handleAcceptInvite}\n          handleGetStarted={this.props.handleGetStarted}\n          handleManagedMessagesChoice={this.props.handleManagedMessagesChoice}\n          handleFbConnect={this.props.handleFbConnect}\n          handleViewProfile={this.props.handleViewProfile}\n          handleUsernameInputChange={this.props.handleUsernameInputChange}\n          handleFbLogout={this.props.handleFbLogout}\n          handleFbPageCheckboxCheck={this.props.handleFbPageCheckboxCheck}\n          useFbLoginForBusinessPage={this.props.useFbLoginForBusinessPage}\n          buildLoginScopes={this.props.buildLoginScopes}\n          isPersistingPreferences={this.props.isPersistingPreferences}\n          />\n      </div>\n    )\n  }\n}\n","import React from 'react';\n\nexport default class ModalPermissionContainer extends React.Component {\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      showPageDetails: false,\n      showCommentDetails: false,\n      showInsightDetails: false,\n      showMessageDetails: false\n    };\n  }\n\n  handleShowPageDetails = () => {\n    this.setState({ showPageDetails: !this.state.showPageDetails });\n  }\n\n  handleShowCommentDetails = () => {\n    this.setState({ showCommentDetails: !this.state.showCommentDetails });\n  }\n\n  handleShowInsightDetails = () => {\n    this.setState({ showInsightDetails: !this.state.showInsightDetails });\n  }\n\n  handleShowMessageDetails = () => {\n    this.setState({ showMessageDetails: !this.state.showMessageDetails });\n  }\n\n  render () {\n    if (this.props.stage !== 4) {\n      return null;\n    }\n\n    if (!this.props.isBusinessAccount && !this.props.useFbLoginForBusinessPage) {\n      return null;\n    }\n\n    return (\n      <ul className=\"modal-instagram-permissions\">\n        <li className=\"permission-item\">\n          <p>Pages Show List &amp; Business Management</p>\n          <p className=\"subtle\">We use these to find your connected page(s).</p>\n          <a href=\"#\"\n            className={`permission-more-info-icon ${this.state.showPageDetails ? 'active-permission-dropdown' : ''}`}\n            onClick={this.handleShowPageDetails}\n          >\n            <img\n              src=\"/images/icons/question.svg\"\n              alt=\"question mark icon\"\n            />\n          </a>\n          <p className={this.state.showPageDetails ? 'subtle' : 'hidden'}>\n            Due to the way Facebook connect works we need access to both of these to find the correct page(s) connected to your Instagram account.<br />\n            We don't use them for anything else.\n          </p>\n        </li>\n        <li className=\"permission-item\">\n          <p>Manage Instagram Comments</p>\n          <p className=\"subtle\">We use this to track relevant comments.</p>\n          <a href=\"#\"\n            className={`permission-more-info-icon ${this.state.showCommentDetails ? 'active-permission-dropdown' : ''}`}\n            onClick={this.handleShowCommentDetails}\n          >\n            <img\n              src=\"/images/icons/question.svg\"\n              alt=\"question mark icon\"\n            />\n          </a>\n          <p className={this.state.showCommentDetails ? 'subtle' : 'hidden'}>\n            MightyCheck will never post a comment without your permission.\n          </p>\n        </li>\n        <li className=\"permission-item\">\n          <p>Manage Instagram Insights</p>\n          <p className=\"subtle\">We use this to find post & story metrics.</p>\n          <a href=\"#\"\n            className={`permission-more-info-icon ${this.state.showInsightDetails ? 'active-permission-dropdown' : ''}`}\n            onClick={this.handleShowInsightDetails}\n          >\n            <img\n              src=\"/images/icons/question.svg\"\n              alt=\"question mark icon\"\n            />\n          </a>\n          <p className={this.state.showInsightDetails ? 'subtle' : 'hidden'}>\n            This helps us understand post and story metrics like impressions and reach, as well as audience metrics like, age, gender, and location.\n          </p>\n        </li>\n        <li className={this.props.requestMessagePermissions ? 'permission-item' : 'hidden permission-item'}>\n          <p>Manage Instagram Messages</p>\n          <p className=\"subtle\">\n            We need Messages access for real-time Story mention alerts.\n            {this.props.brand ? ' Optionally, you can opt-in to storing DMs for enhanced features after this step.' : ''}\n          </p>\n          <a href=\"#\"\n            className={`permission-more-info-icon ${this.state.showMessageDetails ? 'active-permission-dropdown' : ''}`}\n            onClick={this.handleShowMessageDetails}\n          >\n            <img\n              src=\"/images/icons/question.svg\"\n              alt=\"question mark icon\"\n            />\n          </a>\n          <p className={this.state.showMessageDetails ? 'subtle' : 'hidden'}>\n            Due to the way Facebook works, this permission is required for us to receive Story mention alerts for your Instagram account.\n          </p>\n        </li>\n      </ul>\n    );\n  }\n}\n","import React from 'react'\nimport ReactDOM from 'react-dom'\nimport PropTyes from 'prop-types'\n\nexport default class ModalTitle extends React.Component {\n  render (){\n    if(!this.props.title){\n      return null\n    }\n    return (\n      <h4 className=\"custom-modal-title\">{this.props.title}</h4>\n    )\n  }\n}"],"names":["FacebookCustomLogin","_React$Component","_classCallCheck","_callSuper","arguments","_inherits","key","value","React","className","src","this","props","userAvatarUrl","onClick","handleFbConnect","FacebookManagedMessagesDecision","_this","state","grantManagedMessagesAccess","sourceMsManageMessages","event","handleManagedMessagesChoice","setState","brandName","username","type","id","checked","defaultChecked","onChange","handleManagedMessagesCheckbox","bind","disabled","isPersistingPreferences","GetStartedForm","terms","href","target","privacy","disabledVar","usernameInput","fbPageCheckbox","actionArea","useFbLoginForBusinessPage","handleGetStarted","placeholder","defaultValue","handleUsernameInputChange","handleFbPageCheckboxCheck","htmlFor","concat","brand","ModalActions","handleFbLogout","actionsToDisplay","alertRestartError","handleRestartAndRetry","stage","isBusinessAccount","sourceMsManage","handleViewProfile","errorCode","ModalDescription","errorMessageMap","successCodeDisplay","successCode","readOnly","description","ModalHero","heroImagePath","ModalInvite","ModalTitle","title","ModalPermissionContainer","requestMessagePermissions","ModalActionsContainer","page","fbStatus","handleAcceptInvite","buildLoginScopes","handleShowPageDetails","showPageDetails","handleShowCommentDetails","showCommentDetails","handleShowInsightDetails","showInsightDetails","handleShowMessageDetails","showMessageDetails","alt"],"sourceRoot":""}