@veripass/react-sdk 1.0.7 → 1.0.8

package/dist/react-sdk.cjs.js

@@ -62193,9 +62193,9 @@ var SecurityService = /*#__PURE__*/function (_BaseApi) {
   }]);
 }(BaseApi);
 
-var _templateObject, _templateObject2;
-var StandarSigninContainer = ut.section(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin: 0 auto;\n  min-width: 400px;\n\n  @media (min-width: 768px) {\n    max-width: 66.6667%; /* 8/12 */\n  }\n\n  @media (min-width: 992px) {\n    max-width: 50%; /* 6/12 */\n  }\n\n  @media (min-width: 1200px) {\n    max-width: 41.6667%; /* 5/12 */\n  }\n"])));
-var KarlaTypography = ut(Typography$1)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  font-family: 'Karla', 'Roboto', sans-serif !important;\n  font-weight: 600;\n"])));
+var _templateObject$1, _templateObject2$1;
+var StandarSigninContainer$1 = ut.section(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n  margin: 0 auto;\n  min-width: 400px;\n\n  @media (min-width: 768px) {\n    max-width: 66.6667%; /* 8/12 */\n  }\n\n  @media (min-width: 992px) {\n    max-width: 50%; /* 6/12 */\n  }\n\n  @media (min-width: 1200px) {\n    max-width: 41.6667%; /* 5/12 */\n  }\n"])));
+var KarlaTypography$1 = ut.span(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteral(["\n  font-family: 'Karla', 'Roboto', sans-serif !important;\n  font-weight: 600;\n"])));
 var swal = withReactContent(Swal);
 var statusCodeMessages = {
   461: 'The data provided does not match any registered application',
@@ -62387,7 +62387,9 @@ var VeripassStandardSignin = function VeripassStandardSignin(_ref2) {
   React.useEffect(function () {
     initializeComponent();
   }, []);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StandarSigninContainer, null, /*#__PURE__*/React.createElement("header", {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StandarSigninContainer$1, {
+    className: "veripass"
+  }, /*#__PURE__*/React.createElement("header", {
     style: {
       textAlign: 'center'
     }
@@ -62413,7 +62415,7 @@ var VeripassStandardSignin = function VeripassStandardSignin(_ref2) {
     style: {
       border: '1px solid #f2f2f2',
       borderRadius: '8px',
-      padding: '16px',
+      padding: '2.25rem',
       boxShadow: '0 .75rem 6rem rgba(56, 65, 74, 0.03)',
       background: '#FFFFFF'
     }
@@ -62422,12 +62424,17 @@ var VeripassStandardSignin = function VeripassStandardSignin(_ref2) {
       textAlign: 'center',
       marginBottom: '32px'
     }
-  }, /*#__PURE__*/React.createElement(KarlaTypography, null, "Log in using email address")), /*#__PURE__*/React.createElement("form", {
+  }, /*#__PURE__*/React.createElement(KarlaTypography$1, {
+    style: {
+      color: '#343a40'
+    }
+  }, "Log in using email address")), /*#__PURE__*/React.createElement("form", {
     onSubmit: handleSubmit,
     autoComplete: "off"
   }, /*#__PURE__*/React.createElement("section", {
     style: {
-      marginBottom: '16px'
+      marginBottom: '16px',
+      margin: '10px 0'
     }
   }, /*#__PURE__*/React.createElement(TextField$1, {
     fullWidth: true,
@@ -62533,8 +62540,125 @@ var VeripassStandardSignin = function VeripassStandardSignin(_ref2) {
   }), isLoading ? 'Loading...' : 'Log in'))))));
 };
 
+var _templateObject, _templateObject2;
+var StandarSigninContainer = ut.section(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin: 0 auto;\n  min-width: 400px;\n\n  @media (min-width: 768px) {\n    max-width: 66.6667%; /* 8/12 */\n  }\n\n  @media (min-width: 992px) {\n    max-width: 50%; /* 6/12 */\n  }\n\n  @media (min-width: 1200px) {\n    max-width: 41.6667%; /* 5/12 */\n  }\n"])));
+var KarlaTypography = ut.span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  font-family: 'Karla', 'Roboto', sans-serif !important;\n  font-weight: 600;\n"])));
+var VeripassLogoutSuccess = function VeripassLogoutSuccess(_ref) {
+  var _ref$organization = _ref.organization,
+    organization = _ref$organization === void 0 ? {
+      logoSrc: ''
+    } : _ref$organization,
+    _ref$signinUrl = _ref.signinUrl,
+    signinUrl = _ref$signinUrl === void 0 ? '/auth/login' : _ref$signinUrl,
+    _ref$texts = _ref.texts,
+    texts = _ref$texts === void 0 ? {
+      farewellMessage: 'Goodbye!',
+      successMessage: 'You have successfully logged out.',
+      goBackText: 'Back to',
+      signinText: 'Sign in'
+    } : _ref$texts;
+  var authProvider = useAuth();
+  React.useEffect(function () {
+    authProvider.logout();
+  }, []);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StandarSigninContainer, null, /*#__PURE__*/React.createElement("section", {
+    style: {
+      border: '1px solid #f2f2f2',
+      borderRadius: '8px',
+      padding: '2.25rem',
+      boxShadow: '0 .75rem 6rem rgba(56, 65, 74, 0.03)',
+      background: '#FFFFFF'
+    },
+    className: "veripass"
+  }, /*#__PURE__*/React.createElement("header", {
+    style: {
+      textAlign: 'center'
+    }
+  }, (organization === null || organization === void 0 ? void 0 : organization.logoSrc) && /*#__PURE__*/React.createElement("a", {
+    href: "/"
+  }, /*#__PURE__*/React.createElement("img", {
+    src: organization === null || organization === void 0 ? void 0 : organization.logoSrc,
+    alt: "",
+    height: "75",
+    style: {
+      display: 'block',
+      margin: '0 auto'
+    }
+  }))), /*#__PURE__*/React.createElement("div", {
+    style: {
+      textAlign: 'center'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginTop: '2.25rem'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "logout-checkmark"
+  }, /*#__PURE__*/React.createElement("svg", {
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 130.2 130.2"
+  }, /*#__PURE__*/React.createElement("circle", {
+    className: "path circle",
+    fill: "none",
+    stroke: "#4bd396",
+    strokeWidth: "6",
+    strokeMiterlimit: "10",
+    cx: "65.1",
+    cy: "65.1",
+    r: "62.1"
+  }), /*#__PURE__*/React.createElement("polyline", {
+    className: "path check",
+    fill: "none",
+    stroke: "#4bd396",
+    strokeWidth: "6",
+    strokeLinecap: "round",
+    strokeMiterlimit: "10",
+    points: "100.2,40.2 51.5,88.8 29.8,67.5 "
+  })))), /*#__PURE__*/React.createElement(Typography$1, {
+    variant: "h5",
+    style: {
+      textAlign: 'center',
+      margin: '10px 0',
+      color: '#343a40',
+      fontWeight: '600'
+    }
+  }, /*#__PURE__*/React.createElement(KarlaTypography, null, texts === null || texts === void 0 ? void 0 : texts.farewellMessage)), /*#__PURE__*/React.createElement(Typography$1, {
+    variant: "body2",
+    style: {
+      marginTop: '16px',
+      marginBottom: '24px',
+      color: '#98a6ad'
+    }
+  }, texts === null || texts === void 0 ? void 0 : texts.successMessage))), /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginTop: '1.5rem',
+      display: 'flex',
+      flexWrap: 'wrap'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      flex: '0 0 auto',
+      width: '100%',
+      textAlign: 'center'
+    }
+  }, /*#__PURE__*/React.createElement(Typography$1, {
+    variant: "body2",
+    style: {
+      color: '#98a6ad'
+    }
+  }, texts === null || texts === void 0 ? void 0 : texts.goBackText, ' ', /*#__PURE__*/React.createElement("a", {
+    href: signinUrl,
+    style: {
+      color: '#323a46',
+      marginLeft: '0.175rem'
+    }
+  }, /*#__PURE__*/React.createElement("b", null, texts === null || texts === void 0 ? void 0 : texts.signinText)))))));
+};
+
 exports.AuthContext = AuthContext;
 exports.AuthProvider = AuthProvider;
+exports.VeripassLogoutSuccess = VeripassLogoutSuccess;
 exports.VeripassStandardSignin = VeripassStandardSignin;
 exports.useAuth = useAuth;
 exports.useLocalStorage = useLocalStorage;