@sheerid/jslib-nightly 2.136.0-alpha.3 → 2.138.0-alpha.0

package/lib/{StepIDCheckLoopOnfido-Dv0qcGWJ.js.map → StepIDCheckLoopOnfido-CanyJrCJ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StepIDCheckLoopOnfido-Dv0qcGWJ.js","sources":["../../src/components/StepIDCheckLoop/IdCheckLoopFooter/IdCheckLoopOnfidoFooter.tsx","../../src/components/StepIDCheckLoop/Onfido/utils/getAndFormatOrderedStepCards.tsx","../../src/components/StepIDCheckLoop/Onfido/StepIDCheckLoopOnfido/StepIDCheckLoopOnfido.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { FormattedMessage } from \"react-intl\";\nimport { VerificationService } from \"../../../lib/types/types\";\nimport { FormFooterComponent } from \"../../FormFooter/FormFooterComponent\";\n\nexport interface IdCheckLoopOnfidoFooterProps {\n  verificationService: VerificationService;\n}\n\nexport const IdCheckLoopOnfidoFooter = ({ verificationService }: IdCheckLoopOnfidoFooterProps) => (\n  <FormFooterComponent verificationService={verificationService}>\n    <div>\n      <p>\n        <FormattedMessage\n          id=\"step.idCheckLoop.terms\"\n          defaultMessage='By clicking \"Continue\", you agree you have read, understand, and accept {scanPolicy}, {privacyPolicyLink}, and {termsOfService}.'\n          values={{\n            scanPolicy: (\n              <a\n                href=\"https://onfido.com/facial-scan-policy-and-release/\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                className=\"sid-link\"\n              >\n                <FormattedMessage\n                  id=\"step.idCheckLoop.scanPolicy\"\n                  defaultMessage=\"Onfido Facial Scan Policy and Release\"\n                />\n              </a>\n            ),\n            privacyPolicyLink: (\n              <a\n                href=\"https://www.onfido.com/privacy/\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                className=\"sid-link\"\n              >\n                <FormattedMessage\n                  id=\"step.idCheckLoop.privacyPolicy\"\n                  defaultMessage=\"Privacy Policy\"\n                />\n              </a>\n            ),\n            termsOfService: (\n              <a\n                href=\"https://onfido.com/terms-of-service/\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                className=\"sid-link\"\n              >\n                <FormattedMessage\n                  id=\"step.idCheckLoop.termsOfService\"\n                  defaultMessage=\"Terms of Service\"\n                />\n              </a>\n            ),\n          }}\n        />\n      </p>\n\n      <p>\n        <FormattedMessage id=\"companyName\" defaultMessage=\"{Company}\">\n          {(companyName) => (\n            <FormattedMessage\n              id=\"step.idCheckLoop.disclaimer\"\n              defaultMessage=\"SheerID, {companyName}'s trusted partner, use a third party, {serviceType}, to process our identity check.\"\n              values={{\n                serviceType: \"Onfido\",\n                companyName,\n              }}\n            />\n          )}\n        </FormattedMessage>\n      </p>\n    </div>\n  </FormFooterComponent>\n);\n\nexport default IdCheckLoopOnfidoFooter;\n","import React from \"react\";\n\nimport { FormattedHTMLMessage } from \"react-intl\";\nimport { ProgramTheme } from \"../../../../lib/types/types\";\nimport { getSafe } from \"../../../../lib/utils/getSafe\";\nimport { StepCardComponent } from \"../../StepCard/StepCard\";\n\nexport const getAndFormatOrderedStepCards = (programTheme: ProgramTheme): React.ReactElement[] => {\n  const stepComponents: (() => {\n    title: React.ReactNode;\n    icon: React.ReactNode;\n    subtitle?: React.ReactNode;\n  })[] = [];\n\n  if (getSafe(() => programTheme.config.onfidoReportNames.includes(\"document\"), false)) {\n    stepComponents.push(() => ({\n      title: (\n        <FormattedHTMLMessage\n          id=\"step.idCheckLoop.steps.idCheck.title\"\n          defaultMessage=\"Take a photo of your government ID\"\n        />\n      ),\n      subtitle: (\n        <FormattedHTMLMessage\n          id=\"step.idCheckLoop.steps.idCheck.subtitle\"\n          defaultMessage=\"A valid government-issued document such as a driver's license, state ID, passport, or residence permit.\"\n        />\n      ),\n      icon: (\n        <img\n          className=\"sid-identity-check-steps__icon\"\n          alt=\"\"\n          src=\"https://assets-resources.sheerid.com/common/images/2018/icons/id-photo.svg\"\n        />\n      ),\n    }));\n  }\n\n  if (getSafe(() => programTheme.config.onfidoReportNames.includes(\"facial_similarity_motion\"))) {\n    stepComponents.push(() => ({\n      title: (\n        <FormattedHTMLMessage\n          id=\"step.idCheckLoop.steps.selfie.title\"\n          defaultMessage=\"Take a selfie\"\n        />\n      ),\n      icon: (\n        <img\n          className=\"sid-identity-check-steps__icon\"\n          alt=\"\"\n          src=\"https://assets-resources.sheerid.com/common/images/2018/icons/selfie.svg\"\n        />\n      ),\n    }));\n  }\n\n  if (programTheme.docUploadEnabled) {\n    stepComponents.push(() => ({\n      title: (\n        <FormattedHTMLMessage\n          id=\"step.idCheckLoop.steps.docReview.title\"\n          defaultMessage=\"Upload proof of status\"\n        />\n      ),\n      icon: (\n        <img\n          className=\"sid-identity-check-steps__icon\"\n          alt=\"\"\n          src=\"https://assets-resources.sheerid.com/common/images/2018/icons/upload-proof.svg\"\n        />\n      ),\n    }));\n  }\n\n  return stepComponents.map((stepComponentFunction, i) => {\n    const { title, subtitle, icon } = stepComponentFunction();\n    return (\n      <StepCardComponent\n        title={title}\n        subtitle={subtitle}\n        icon={icon}\n        isHighlighted={i === 0}\n        key={title.toString()}\n      />\n    );\n  });\n};\n","import React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\nimport { AnnouncingHeader } from \"@/components/AnnouncingHeader/AnnouncingHeader\";\nimport { VerificationStepsEnum } from \"../../../../lib/types/runtimeTypes\";\n\nimport { IDCheckLoopResponse, VerificationService } from \"../../../../lib/types/types\";\nimport { logger } from \"../../../../lib/utils/logger/logger\";\nimport { IdCheckLoopOnfidoComponent } from \"../IdCheckLoopOnfido/IdCheckLoopOnfido\";\nimport IdCheckLoopOnfidoFooter from \"../../IdCheckLoopFooter/IdCheckLoopOnfidoFooter\";\nimport { getAndFormatOrderedStepCards } from \"../utils/getAndFormatOrderedStepCards\";\n\nexport interface StepIDCheckLoopOnfidoProps {\n  verificationService: VerificationService;\n}\n\nconst StepIDCheckLoopOnfido = ({ verificationService }: StepIDCheckLoopOnfidoProps) => {\n  const verificationResponse = verificationService.verificationResponse as IDCheckLoopResponse;\n  const [shouldShowIdCheckLoop, setShouldShowIdCheckLoop] = React.useState(false);\n\n  const initiateIdCheckLoop = () => {\n    logger.info(\"StepIDCheckLoop initiating ID Check Loop\");\n    verificationService.submitStep(\n      VerificationStepsEnum.idCheckLoop,\n      verificationService.viewModel,\n      verificationService.verificationResponse,\n    );\n  };\n\n  React.useEffect(() => {\n    if (verificationResponse && verificationResponse.sdkToken) {\n      setShouldShowIdCheckLoop(true);\n    }\n  }, [verificationResponse]);\n\n  return (\n    <div id=\"sid-step-id-check-loop\" className=\"sid-l-container\">\n      {shouldShowIdCheckLoop && (\n        <div className=\"sid-l-space-btm-lg\">\n          <div role=\"main\">\n            <IdCheckLoopOnfidoComponent verificationService={verificationService} />\n          </div>\n        </div>\n      )}\n\n      {!shouldShowIdCheckLoop && (\n        <div>\n          <div role=\"main\">\n            <AnnouncingHeader align=\"center\">\n              <FormattedHTMLMessage\n                id=\"step.idCheckLoop.title\"\n                defaultMessage=\"Let's verify your identity\"\n                tagName=\"h1\"\n              />\n            </AnnouncingHeader>\n            <div className=\"sid-header__subtitle sid-l-horz-center sid-l-space-btm-md\">\n              <FormattedHTMLMessage\n                id=\"step.idCheckLoop.subtitle\"\n                defaultMessage=\"You'll need access to a mobile phone with a camera or computer with a webcam.\"\n              />\n            </div>\n\n            <div className=\"sid-identity-check-steps\">\n              {getAndFormatOrderedStepCards(verificationService.programTheme)}\n            </div>\n\n            <div className=\"sid-submit sid-l-horz-center sid-l-space-top-md sid-l-space-btm-md\">\n              <button\n                onClick={initiateIdCheckLoop}\n                type=\"button\"\n                className=\"sid-btn sid-btn--dark\"\n                aria-label=\"submit\"\n              >\n                <FormattedHTMLMessage id=\"step.idCheckLoop.continue\" defaultMessage=\"Continue\" />\n              </button>\n            </div>\n          </div>\n          <IdCheckLoopOnfidoFooter verificationService={verificationService} />\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default StepIDCheckLoopOnfido;\n"],"names":["IdCheckLoopOnfidoFooter","verificationService","jsx","FormFooterComponent","jsxs","FormattedMessage","companyName","getAndFormatOrderedStepCards","programTheme","stepComponents","getSafe","FormattedHTMLMessage","stepComponentFunction","i","title","subtitle","icon","StepCardComponent","StepIDCheckLoopOnfido","verificationResponse","shouldShowIdCheckLoop","setShouldShowIdCheckLoop","React","initiateIdCheckLoop","logger","VerificationStepsEnum","IdCheckLoopOnfidoComponent","AnnouncingHeader"],"mappings":"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"}
+{"version":3,"file":"StepIDCheckLoopOnfido-CanyJrCJ.js","sources":["../../src/components/StepIDCheckLoop/IdCheckLoopFooter/IdCheckLoopOnfidoFooter.tsx","../../src/components/StepIDCheckLoop/Onfido/utils/getAndFormatOrderedStepCards.tsx","../../src/components/StepIDCheckLoop/Onfido/StepIDCheckLoopOnfido/StepIDCheckLoopOnfido.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { FormattedMessage } from \"react-intl\";\nimport { VerificationService } from \"../../../lib/types/types\";\nimport { FormFooterComponent } from \"../../FormFooter/FormFooterComponent\";\n\nexport interface IdCheckLoopOnfidoFooterProps {\n  verificationService: VerificationService;\n}\n\nexport const IdCheckLoopOnfidoFooter = ({ verificationService }: IdCheckLoopOnfidoFooterProps) => (\n  <FormFooterComponent verificationService={verificationService}>\n    <div>\n      <p>\n        <FormattedMessage\n          id=\"step.idCheckLoop.terms\"\n          defaultMessage='By clicking \"Continue\", you agree you have read, understand, and accept {scanPolicy}, {privacyPolicyLink}, and {termsOfService}.'\n          values={{\n            scanPolicy: (\n              <a\n                href=\"https://onfido.com/facial-scan-policy-and-release/\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                className=\"sid-link\"\n              >\n                <FormattedMessage\n                  id=\"step.idCheckLoop.scanPolicy\"\n                  defaultMessage=\"Onfido Facial Scan Policy and Release\"\n                />\n              </a>\n            ),\n            privacyPolicyLink: (\n              <a\n                href=\"https://www.onfido.com/privacy/\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                className=\"sid-link\"\n              >\n                <FormattedMessage\n                  id=\"step.idCheckLoop.privacyPolicy\"\n                  defaultMessage=\"Privacy Policy\"\n                />\n              </a>\n            ),\n            termsOfService: (\n              <a\n                href=\"https://onfido.com/terms-of-service/\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                className=\"sid-link\"\n              >\n                <FormattedMessage\n                  id=\"step.idCheckLoop.termsOfService\"\n                  defaultMessage=\"Terms of Service\"\n                />\n              </a>\n            ),\n          }}\n        />\n      </p>\n\n      <p>\n        <FormattedMessage id=\"companyName\" defaultMessage=\"{Company}\">\n          {(companyName) => (\n            <FormattedMessage\n              id=\"step.idCheckLoop.disclaimer\"\n              defaultMessage=\"SheerID, {companyName}'s trusted partner, use a third party, {serviceType}, to process our identity check.\"\n              values={{\n                serviceType: \"Onfido\",\n                companyName,\n              }}\n            />\n          )}\n        </FormattedMessage>\n      </p>\n    </div>\n  </FormFooterComponent>\n);\n\nexport default IdCheckLoopOnfidoFooter;\n","import React from \"react\";\n\nimport { FormattedHTMLMessage } from \"react-intl\";\nimport { ProgramTheme } from \"../../../../lib/types/types\";\nimport { getSafe } from \"../../../../lib/utils/getSafe\";\nimport { StepCardComponent } from \"../../StepCard/StepCard\";\n\nexport const getAndFormatOrderedStepCards = (programTheme: ProgramTheme): React.ReactElement[] => {\n  const stepComponents: (() => {\n    title: React.ReactNode;\n    icon: React.ReactNode;\n    subtitle?: React.ReactNode;\n  })[] = [];\n\n  if (getSafe(() => programTheme.config.onfidoReportNames.includes(\"document\"), false)) {\n    stepComponents.push(() => ({\n      title: (\n        <FormattedHTMLMessage\n          id=\"step.idCheckLoop.steps.idCheck.title\"\n          defaultMessage=\"Take a photo of your government ID\"\n        />\n      ),\n      subtitle: (\n        <FormattedHTMLMessage\n          id=\"step.idCheckLoop.steps.idCheck.subtitle\"\n          defaultMessage=\"A valid government-issued document such as a driver's license, state ID, passport, or residence permit.\"\n        />\n      ),\n      icon: (\n        <img\n          className=\"sid-identity-check-steps__icon\"\n          alt=\"\"\n          src=\"https://assets-resources.sheerid.com/common/images/2018/icons/id-photo.svg\"\n        />\n      ),\n    }));\n  }\n\n  if (getSafe(() => programTheme.config.onfidoReportNames.includes(\"facial_similarity_motion\"))) {\n    stepComponents.push(() => ({\n      title: (\n        <FormattedHTMLMessage\n          id=\"step.idCheckLoop.steps.selfie.title\"\n          defaultMessage=\"Take a selfie\"\n        />\n      ),\n      icon: (\n        <img\n          className=\"sid-identity-check-steps__icon\"\n          alt=\"\"\n          src=\"https://assets-resources.sheerid.com/common/images/2018/icons/selfie.svg\"\n        />\n      ),\n    }));\n  }\n\n  if (programTheme.docUploadEnabled) {\n    stepComponents.push(() => ({\n      title: (\n        <FormattedHTMLMessage\n          id=\"step.idCheckLoop.steps.docReview.title\"\n          defaultMessage=\"Upload proof of status\"\n        />\n      ),\n      icon: (\n        <img\n          className=\"sid-identity-check-steps__icon\"\n          alt=\"\"\n          src=\"https://assets-resources.sheerid.com/common/images/2018/icons/upload-proof.svg\"\n        />\n      ),\n    }));\n  }\n\n  return stepComponents.map((stepComponentFunction, i) => {\n    const { title, subtitle, icon } = stepComponentFunction();\n    return (\n      <StepCardComponent\n        title={title}\n        subtitle={subtitle}\n        icon={icon}\n        isHighlighted={i === 0}\n        key={title.toString()}\n      />\n    );\n  });\n};\n","import React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\nimport { AnnouncingHeader } from \"@/components/AnnouncingHeader/AnnouncingHeader\";\nimport { VerificationStepsEnum } from \"../../../../lib/types/runtimeTypes\";\n\nimport { IDCheckLoopResponse, VerificationService } from \"../../../../lib/types/types\";\nimport { logger } from \"../../../../lib/utils/logger/logger\";\nimport { IdCheckLoopOnfidoComponent } from \"../IdCheckLoopOnfido/IdCheckLoopOnfido\";\nimport IdCheckLoopOnfidoFooter from \"../../IdCheckLoopFooter/IdCheckLoopOnfidoFooter\";\nimport { getAndFormatOrderedStepCards } from \"../utils/getAndFormatOrderedStepCards\";\n\nexport interface StepIDCheckLoopOnfidoProps {\n  verificationService: VerificationService;\n}\n\nconst StepIDCheckLoopOnfido = ({ verificationService }: StepIDCheckLoopOnfidoProps) => {\n  const verificationResponse = verificationService.verificationResponse as IDCheckLoopResponse;\n  const [shouldShowIdCheckLoop, setShouldShowIdCheckLoop] = React.useState(false);\n\n  const initiateIdCheckLoop = () => {\n    logger.info(\"StepIDCheckLoop initiating ID Check Loop\");\n    verificationService.submitStep(\n      VerificationStepsEnum.idCheckLoop,\n      verificationService.viewModel,\n      verificationService.verificationResponse,\n    );\n  };\n\n  React.useEffect(() => {\n    if (verificationResponse && verificationResponse.sdkToken) {\n      setShouldShowIdCheckLoop(true);\n    }\n  }, [verificationResponse]);\n\n  return (\n    <div id=\"sid-step-id-check-loop\" className=\"sid-l-container\">\n      {shouldShowIdCheckLoop && (\n        <div className=\"sid-l-space-btm-lg\">\n          <div role=\"main\">\n            <IdCheckLoopOnfidoComponent verificationService={verificationService} />\n          </div>\n        </div>\n      )}\n\n      {!shouldShowIdCheckLoop && (\n        <div>\n          <div role=\"main\">\n            <AnnouncingHeader align=\"center\">\n              <FormattedHTMLMessage\n                id=\"step.idCheckLoop.title\"\n                defaultMessage=\"Let's verify your identity\"\n                tagName=\"h1\"\n              />\n            </AnnouncingHeader>\n            <div className=\"sid-header__subtitle sid-l-horz-center sid-l-space-btm-md\">\n              <FormattedHTMLMessage\n                id=\"step.idCheckLoop.subtitle\"\n                defaultMessage=\"You'll need access to a mobile phone with a camera or computer with a webcam.\"\n              />\n            </div>\n\n            <div className=\"sid-identity-check-steps\">\n              {getAndFormatOrderedStepCards(verificationService.programTheme)}\n            </div>\n\n            <div className=\"sid-submit sid-l-horz-center sid-l-space-top-md sid-l-space-btm-md\">\n              <button\n                onClick={initiateIdCheckLoop}\n                type=\"button\"\n                className=\"sid-btn sid-btn--dark\"\n                aria-label=\"submit\"\n              >\n                <FormattedHTMLMessage id=\"step.idCheckLoop.continue\" defaultMessage=\"Continue\" />\n              </button>\n            </div>\n          </div>\n          <IdCheckLoopOnfidoFooter verificationService={verificationService} />\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default StepIDCheckLoopOnfido;\n"],"names":["IdCheckLoopOnfidoFooter","verificationService","jsx","FormFooterComponent","jsxs","FormattedMessage","companyName","getAndFormatOrderedStepCards","programTheme","stepComponents","getSafe","FormattedHTMLMessage","stepComponentFunction","i","title","subtitle","icon","StepCardComponent","StepIDCheckLoopOnfido","verificationResponse","shouldShowIdCheckLoop","setShouldShowIdCheckLoop","React","initiateIdCheckLoop","logger","VerificationStepsEnum","IdCheckLoopOnfidoComponent","AnnouncingHeader"],"mappings":"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"}