@yourself_id/siwys-react-js 0.5.1-SAPP-159.2 → 0.5.1-SAPP-159.4

package/dist/index.mjs

@@ -7,6 +7,35 @@ function _array_like_to_array(arr, len) {
 function _array_with_holes(arr) {
     if (Array.isArray(arr)) return arr;
 }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _async_to_generator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -152,6 +181,101 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Map" || n === "Set") return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
+function _ts_generator(thisArg, body) {
+    var f, y, t, g, _ = {
+        label: 0,
+        sent: function() {
+            if (t[0] & 1) throw t[1];
+            return t[1];
+        },
+        trys: [],
+        ops: []
+    };
+    return g = {
+        next: verb(0),
+        "throw": verb(1),
+        "return": verb(2)
+    }, typeof Symbol === "function" && (g[Symbol.iterator] = function() {
+        return this;
+    }), g;
+    function verb(n) {
+        return function(v) {
+            return step([
+                n,
+                v
+            ]);
+        };
+    }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while(_)try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [
+                op[0] & 2,
+                t.value
+            ];
+            switch(op[0]){
+                case 0:
+                case 1:
+                    t = op;
+                    break;
+                case 4:
+                    _.label++;
+                    return {
+                        value: op[1],
+                        done: false
+                    };
+                case 5:
+                    _.label++;
+                    y = op[1];
+                    op = [
+                        0
+                    ];
+                    continue;
+                case 7:
+                    op = _.ops.pop();
+                    _.trys.pop();
+                    continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+                        _ = 0;
+                        continue;
+                    }
+                    if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+                        _.label = op[1];
+                        break;
+                    }
+                    if (op[0] === 6 && _.label < t[1]) {
+                        _.label = t[1];
+                        t = op;
+                        break;
+                    }
+                    if (t && _.label < t[2]) {
+                        _.label = t[2];
+                        _.ops.push(op);
+                        break;
+                    }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop();
+                    continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) {
+            op = [
+                6,
+                e
+            ];
+            y = 0;
+        } finally{
+            f = t = 0;
+        }
+        if (op[0] & 5) throw op[1];
+        return {
+            value: op[0] ? op[1] : void 0,
+            done: true
+        };
+    }
+}
 function _templateObject() {
     var data = _tagged_template_literal([
         "\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 3rem;\n  width: fit-content;\n  border-radius: 60px;\n  border: none;\n  padding: 12px 40px 12px 40px;\n  white-space: nowrap;\n\n  ",
@@ -779,7 +903,7 @@ var SiwysButton = function(_param) {
     }, props));
 };
 // src/components/signin/SignInWithYourSelf.tsx
-import React17 from "react";
+import React17, { useState as useState2, useEffect } from "react";
 import styled4 from "styled-components";
 // src/components/signin/QrCode.tsx
 import React16 from "react";
@@ -813,7 +937,7 @@ var QRContainer = styled4.div(_templateObject8());
 var Title = styled4.h4(_templateObject9());
 var InstructionsContainer = styled4.div(_templateObject10());
 var InstructionsTitle = styled4.h4(_templateObject11());
-var InstructionstSubtitle = styled4.p(_templateObject12());
+var InstructionsSubtitle = styled4.p(_templateObject12());
 var InstructionsDescription = styled4.ul(_templateObject13());
 var InstructionsDescriptionItem = styled4.li(_templateObject14());
 var DownloadTitleContainer = styled4.div(_templateObject15());
@@ -822,7 +946,53 @@ var DownloadContainerFlex = styled4.div(_templateObject17());
 var DownloadAppTitle = styled4.p(_templateObject18());
 var AppIconsContainer = styled4.div(_templateObject19());
 var SignInWithYourSelf = function(param) {
-    var challengeUrl = param.challengeUrl, onSiwysPress = param.onSiwysPress, _param_isCYS = param.isCYS, isCYS = _param_isCYS === void 0 ? false : _param_isCYS;
+    var challengeUrlParam = param.challengeUrl, onSiwysPress = param.onSiwysPress, _param_isCYS = param.isCYS, isCYS = _param_isCYS === void 0 ? false : _param_isCYS, _param_createChallengeUrl = param.createChallengeUrl, createChallengeUrl = _param_createChallengeUrl === void 0 ? void 0 : _param_createChallengeUrl, _param_pollForAuthUrl = param.pollForAuthUrl, pollForAuthUrl = _param_pollForAuthUrl === void 0 ? void 0 : _param_pollForAuthUrl, successComponent = param.successComponent;
+    var _useState2 = _sliced_to_array(useState2(challengeUrlParam), 2), challengeUrl = _useState2[0], setChallengeUrl = _useState2[1];
+    var _useState21 = _sliced_to_array(useState2(""), 2), challengeDid = _useState21[0], setChallengeDid = _useState21[1];
+    var _useState22 = _sliced_to_array(useState2(false), 2), isAuthenticated = _useState22[0], setIsAuthenticated = _useState22[1];
+    useEffect(function() {
+        if (createChallengeUrl) {
+            fetch(createChallengeUrl, {
+                method: "POST"
+            }).then(function(resp) {
+                return resp.json();
+            }).then(function(json) {
+                setChallengeDid(json.challenge);
+                setChallengeUrl(json.challengeUrl);
+            });
+        }
+    }, [
+        createChallengeUrl
+    ]);
+    useEffect(function() {
+        if (!pollForAuthUrl || !challengeDid || isAuthenticated) return;
+        var interval = setInterval(/*#__PURE__*/ _async_to_generator(function() {
+            return _ts_generator(this, function(_state) {
+                fetch(pollForAuthUrl + "?challenge=".concat(challengeDid)).then(function(resp) {
+                    if (resp.status === 200) {
+                        return resp.json();
+                    }
+                    return {
+                        match: false
+                    };
+                }).then(function(json) {
+                    if (json.match) {
+                        setIsAuthenticated(json.match);
+                    }
+                }).catch(function() {});
+                return [
+                    2
+                ];
+            });
+        }), 5e3);
+        return function() {
+            clearInterval(interval);
+        };
+    }, [
+        challengeDid,
+        isAuthenticated,
+        pollForAuthUrl
+    ]);
     var redirectToPlayStore = function() {
         var playStoreURL = "https://play.google.com/store/apps/details?id=id.selfid";
         window.open(playStoreURL, "_blank");
@@ -831,6 +1001,9 @@ var SignInWithYourSelf = function(param) {
         var appStoreURL = "https://apps.apple.com/us/app/self-id/id1663745416";
         window.open(appStoreURL, "_blank");
     };
+    if (isAuthenticated) {
+        return /* @__PURE__ */ React17.createElement(Wrapper, null, successComponent);
+    }
     return /* @__PURE__ */ React17.createElement(Wrapper, null, /* @__PURE__ */ React17.createElement(SignInContainer, null, /* @__PURE__ */ React17.createElement(CircleLogoWhite_default, {
         width: "48",
         height: "48"
@@ -849,7 +1022,7 @@ var SignInWithYourSelf = function(param) {
         colorTheme: "light",
         onClick: onSiwysPress,
         glow: true
-    })), /* @__PURE__ */ React17.createElement(InstructionsContainer, null, /* @__PURE__ */ React17.createElement(InstructionsTitle, null, isCYS ? "Connect your SELF\u2122 Guide:" : "Sign in with your SELF\u2122 Guide:"), /* @__PURE__ */ React17.createElement("div", null, /* @__PURE__ */ React17.createElement(InstructionstSubtitle, null, isCYS ? "If you have the SELF\xAE\xA0mobile app:" : "If you are signing in on a device that has the SELF\xAE app installed:"), /* @__PURE__ */ React17.createElement(InstructionsDescription, null, /* @__PURE__ */ React17.createElement(InstructionsDescriptionItem, null, isCYS ? "Use scanning feature in the SELF\xAE app to scan the QR code." : 'Tap the "Sign in with your SELF\u2122" button.'), /* @__PURE__ */ React17.createElement(InstructionsDescriptionItem, null, "Approve the connection request within the SELF\xAE app."))), /* @__PURE__ */ React17.createElement("div", null, /* @__PURE__ */ React17.createElement(InstructionstSubtitle, null, isCYS ? "If you do not have the SELF\xAE mobile app:" : "If you are not signing in on a device that has the SELF\xAE app installed:"), /* @__PURE__ */ React17.createElement(InstructionsDescription, null, /* @__PURE__ */ React17.createElement(InstructionsDescriptionItem, null, isCYS ? "Download and open the SELF\xAE ID app from the App Store." : "Open the SELF\xAE app on the device with the app installed."), /* @__PURE__ */ React17.createElement(InstructionsDescriptionItem, null, "Use the scanning feature in the SELF\xAE app to scan the QR code."), /* @__PURE__ */ React17.createElement(InstructionsDescriptionItem, null, "Approve the connection request within the SELF\xAE app."))), /* @__PURE__ */ React17.createElement("div", null, /* @__PURE__ */ React17.createElement(DownloadTitleContainer, null, /* @__PURE__ */ React17.createElement(InstructionsTitle, null, "Don\u2019t have the"), /* @__PURE__ */ React17.createElement(SelfTextLogoWhite_default, {
+    })), /* @__PURE__ */ React17.createElement(InstructionsContainer, null, /* @__PURE__ */ React17.createElement(InstructionsTitle, null, isCYS ? "Connect your SELF\u2122 Guide:" : "Sign in with your SELF\u2122 Guide:"), /* @__PURE__ */ React17.createElement("div", null, /* @__PURE__ */ React17.createElement(InstructionsSubtitle, null, isCYS ? "If you have the SELF\xAE\xA0mobile app:" : "If you are signing in on a device that has the SELF\xAE app installed:"), /* @__PURE__ */ React17.createElement(InstructionsDescription, null, /* @__PURE__ */ React17.createElement(InstructionsDescriptionItem, null, isCYS ? "Use scanning feature in the SELF\xAE app to scan the QR code." : 'Tap the "Sign in with your SELF\u2122" button.'), /* @__PURE__ */ React17.createElement(InstructionsDescriptionItem, null, "Approve the connection request within the SELF\xAE app."))), /* @__PURE__ */ React17.createElement("div", null, /* @__PURE__ */ React17.createElement(InstructionsSubtitle, null, isCYS ? "If you do not have the SELF\xAE mobile app:" : "If you are not signing in on a device that has the SELF\xAE app installed:"), /* @__PURE__ */ React17.createElement(InstructionsDescription, null, /* @__PURE__ */ React17.createElement(InstructionsDescriptionItem, null, isCYS ? "Download and open the SELF\xAE ID app from the App Store." : "Open the SELF\xAE app on the device with the app installed."), /* @__PURE__ */ React17.createElement(InstructionsDescriptionItem, null, "Use the scanning feature in the SELF\xAE app to scan the QR code."), /* @__PURE__ */ React17.createElement(InstructionsDescriptionItem, null, "Approve the connection request within the SELF\xAE app."))), /* @__PURE__ */ React17.createElement("div", null, /* @__PURE__ */ React17.createElement(DownloadTitleContainer, null, /* @__PURE__ */ React17.createElement(InstructionsTitle, null, "Don\u2019t have the"), /* @__PURE__ */ React17.createElement(SelfTextLogoWhite_default, {
         width: "58",
         height: "12"
     }), /* @__PURE__ */ React17.createElement(InstructionsTitle, null, " app?")), /* @__PURE__ */ React17.createElement(DownloadContainer, null, /* @__PURE__ */ React17.createElement(DownloadContainerFlex, null, /* @__PURE__ */ React17.createElement(DownloadAppTitle, null, "Available to download now:"), /* @__PURE__ */ React17.createElement(AppIconsContainer, null, /* @__PURE__ */ React17.createElement(IconDark_default, {