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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.js +21 -11
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +21 -11
  4. package/dist/index.mjs.map +1 -1
  5. package/package.json +2 -2
package/dist/index.js CHANGED
@@ -331,7 +331,7 @@ function _templateObject4() {
331
331
  }
332
332
  function _templateObject5() {
333
333
  var data = _tagged_template_literal([
334
- "\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 20%;\n padding-bottom: 40px;\n z-index: 10;\n\n @media (min-width: 1024px) {\n flex-direction: row;\n gap: 196px;\n padding-bottom: 0px;\n }\n"
334
+ "\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 20%;\n padding-bottom: 40px;\n z-index: 10;\n margin-right: 16px;\n margin-left: 16px;\n @media (min-width: 1024px) {\n flex-direction: row;\n gap: 196px;\n padding-bottom: 0px;\n margin-right: 0px;\n margin-left: 0px;\n }\n"
335
335
  ]);
336
336
  _templateObject5 = function _templateObject() {
337
337
  return data;
@@ -376,7 +376,7 @@ function _templateObject9() {
376
376
  }
377
377
  function _templateObject10() {
378
378
  var data = _tagged_template_literal([
379
- "\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 24px;\n margin-right: 24px;\n margin-left: 24px;\n @media (min-width: 1024px) {\n margin-right: 0px;\n margin-left: 0px;\n }\n"
379
+ "\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 24px;\n"
380
380
  ]);
381
381
  _templateObject10 = function _templateObject() {
382
382
  return data;
@@ -430,7 +430,7 @@ function _templateObject15() {
430
430
  }
431
431
  function _templateObject16() {
432
432
  var data = _tagged_template_literal([
433
- "\n display: flex;\n flex-direction: row;\n background: #121114;\n border: 1px solid #3d414c;\n border-radius: 8px;\n padding: 20px;\n gap: 20px;\n width: 100%;\n box-sizing: border-box;\n @media (min-width: 1024px) {\n flex-direction: column;\n padding-left: 53px;\n padding-right: 53px;\n max-width: 446px;\n }\n }\n"
433
+ "\n display: flex;\n flex-direction: column;\n width: 100%;\n @media (min-width: 1024px) {\n width: auto;\n }\n"
434
434
  ]);
435
435
  _templateObject16 = function _templateObject() {
436
436
  return data;
@@ -439,7 +439,7 @@ function _templateObject16() {
439
439
  }
440
440
  function _templateObject17() {
441
441
  var data = _tagged_template_literal([
442
- "\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n width: 100%;\n gap: 16px;\n @media (min-width: 1024px) {\n flex-direction: row;\n align-items: center;\n }\n"
442
+ "\n display: flex;\n flex-direction: column;\n background: #121114;\n border: 1px solid #3d414c;\n border-radius: 8px;\n padding: 20px;\n gap: 20px;\n width: 100%;\n box-sizing: border-box;\n @media (min-width: 1024px) {\n padding-left: 53px;\n padding-right: 53px;\n max-width: 446px;\n }\n }\n"
443
443
  ]);
444
444
  _templateObject17 = function _templateObject() {
445
445
  return data;
@@ -448,7 +448,7 @@ function _templateObject17() {
448
448
  }
449
449
  function _templateObject18() {
450
450
  var data = _tagged_template_literal([
451
- '\n font-family: "Inter", sans-serif;\n font-weight: 500;\n margin-top: 0px;\n margin-bottom: 0px;\n font-size: 15px;\n line-height: 126%;\n letter-spacing: 0.025em;\n max-width: 128px;\n color: #c4ccd4;\n'
451
+ "\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n width: 100%;\n gap: 8px;\n @media (min-width: 1024px) {\n gap: 16px;\n align-items: center;\n }\n"
452
452
  ]);
453
453
  _templateObject18 = function _templateObject() {
454
454
  return data;
@@ -457,13 +457,22 @@ function _templateObject18() {
457
457
  }
458
458
  function _templateObject19() {
459
459
  var data = _tagged_template_literal([
460
- "\n display: flex;\n flex-direction: column;\n gap: 16px;\n @media (min-width: 1024px) {\n flex-direction: row;\n }\n"
460
+ '\n font-family: "Inter", sans-serif;\n font-weight: 500;\n margin-top: 0px;\n margin-bottom: 0px;\n font-size: 15px;\n line-height: 126%;\n letter-spacing: 0.025em;\n max-width: 128px;\n color: #c4ccd4;\n'
461
461
  ]);
462
462
  _templateObject19 = function _templateObject() {
463
463
  return data;
464
464
  };
465
465
  return data;
466
466
  }
467
+ function _templateObject20() {
468
+ var data = _tagged_template_literal([
469
+ "\n display: flex;\n flex-direction: row;\n gap: 8px;\n @media (min-width: 1024px) {\n gap: 16px;\n }\n"
470
+ ]);
471
+ _templateObject20 = function _templateObject() {
472
+ return data;
473
+ };
474
+ return data;
475
+ }
467
476
  var __create = Object.create;
468
477
  var __defProp = Object.defineProperty;
469
478
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -1023,10 +1032,11 @@ var InstructionsSubtitle = import_styled_components4.default.p(_templateObject12
1023
1032
  var InstructionsDescription = import_styled_components4.default.ul(_templateObject13());
1024
1033
  var InstructionsDescriptionItem = import_styled_components4.default.li(_templateObject14());
1025
1034
  var DownloadTitleContainer = import_styled_components4.default.div(_templateObject15());
1026
- var DownloadContainer = import_styled_components4.default.div(_templateObject16());
1027
- var DownloadContainerFlex = import_styled_components4.default.div(_templateObject17());
1028
- var DownloadAppTitle = import_styled_components4.default.p(_templateObject18());
1029
- var AppIconsContainer = import_styled_components4.default.div(_templateObject19());
1035
+ var ParentDownloadContainer = import_styled_components4.default.div(_templateObject16());
1036
+ var DownloadContainer = import_styled_components4.default.div(_templateObject17());
1037
+ var DownloadContainerFlex = import_styled_components4.default.div(_templateObject18());
1038
+ var DownloadAppTitle = import_styled_components4.default.p(_templateObject19());
1039
+ var AppIconsContainer = import_styled_components4.default.div(_templateObject20());
1030
1040
  var SignInWithYourSelf = function(param) {
1031
1041
  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;
1032
1042
  var _ref = _sliced_to_array((0, import_react4.useState)(challengeUrlParam), 2), challengeUrl = _ref[0], setChallengeUrl = _ref[1];
@@ -1104,7 +1114,7 @@ var SignInWithYourSelf = function(param) {
1104
1114
  colorTheme: "light",
1105
1115
  onClick: onSiwysPress,
1106
1116
  glow: true
1107
- })), /* @__PURE__ */ import_react4.default.createElement(InstructionsContainer, null, /* @__PURE__ */ import_react4.default.createElement(InstructionsTitle, null, isCYS ? "Connect your SELF\u2122 Guide:" : "Sign in with your SELF\u2122 Guide:"), /* @__PURE__ */ import_react4.default.createElement("div", null, /* @__PURE__ */ import_react4.default.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__ */ import_react4.default.createElement(InstructionsDescription, null, /* @__PURE__ */ import_react4.default.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__ */ import_react4.default.createElement(InstructionsDescriptionItem, null, "Approve the connection request within the SELF\xAE app."))), /* @__PURE__ */ import_react4.default.createElement("div", null, /* @__PURE__ */ import_react4.default.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__ */ import_react4.default.createElement(InstructionsDescription, null, /* @__PURE__ */ import_react4.default.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__ */ import_react4.default.createElement(InstructionsDescriptionItem, null, "Use the scanning feature in the SELF\xAE app to scan the QR code."), /* @__PURE__ */ import_react4.default.createElement(InstructionsDescriptionItem, null, "Approve the connection request within the SELF\xAE app."))), /* @__PURE__ */ import_react4.default.createElement("div", null, /* @__PURE__ */ import_react4.default.createElement(DownloadTitleContainer, null, /* @__PURE__ */ import_react4.default.createElement(InstructionsTitle, null, "Don\u2019t have the"), /* @__PURE__ */ import_react4.default.createElement(SelfTextLogoWhite_default, {
1117
+ })), /* @__PURE__ */ import_react4.default.createElement(InstructionsContainer, null, /* @__PURE__ */ import_react4.default.createElement(InstructionsTitle, null, isCYS ? "Connect your SELF\u2122 Guide:" : "Sign in with your SELF\u2122 Guide:"), /* @__PURE__ */ import_react4.default.createElement("div", null, /* @__PURE__ */ import_react4.default.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__ */ import_react4.default.createElement(InstructionsDescription, null, /* @__PURE__ */ import_react4.default.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__ */ import_react4.default.createElement(InstructionsDescriptionItem, null, "Approve the connection request within the SELF\xAE app."))), /* @__PURE__ */ import_react4.default.createElement("div", null, /* @__PURE__ */ import_react4.default.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__ */ import_react4.default.createElement(InstructionsDescription, null, /* @__PURE__ */ import_react4.default.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__ */ import_react4.default.createElement(InstructionsDescriptionItem, null, "Use the scanning feature in the SELF\xAE app to scan the QR code."), /* @__PURE__ */ import_react4.default.createElement(InstructionsDescriptionItem, null, "Approve the connection request within the SELF\xAE app."))), /* @__PURE__ */ import_react4.default.createElement(ParentDownloadContainer, null, /* @__PURE__ */ import_react4.default.createElement(DownloadTitleContainer, null, /* @__PURE__ */ import_react4.default.createElement(InstructionsTitle, null, "Don\u2019t have the"), /* @__PURE__ */ import_react4.default.createElement(SelfTextLogoWhite_default, {
1108
1118
  width: "58",
1109
1119
  height: "12"
1110
1120
  }), /* @__PURE__ */ import_react4.default.createElement(InstructionsTitle, null, " app?")), /* @__PURE__ */ import_react4.default.createElement(DownloadContainer, null, /* @__PURE__ */ import_react4.default.createElement(DownloadContainerFlex, null, /* @__PURE__ */ import_react4.default.createElement(DownloadAppTitle, null, "Available to download now:"), /* @__PURE__ */ import_react4.default.createElement(AppIconsContainer, null, /* @__PURE__ */ import_react4.default.createElement(IconDark_default, {