@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.mjs CHANGED
@@ -327,7 +327,7 @@ function _templateObject4() {
327
327
  }
328
328
  function _templateObject5() {
329
329
  var data = _tagged_template_literal([
330
- "\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"
330
+ "\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"
331
331
  ]);
332
332
  _templateObject5 = function _templateObject() {
333
333
  return data;
@@ -372,7 +372,7 @@ function _templateObject9() {
372
372
  }
373
373
  function _templateObject10() {
374
374
  var data = _tagged_template_literal([
375
- "\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"
375
+ "\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 24px;\n"
376
376
  ]);
377
377
  _templateObject10 = function _templateObject() {
378
378
  return data;
@@ -426,7 +426,7 @@ function _templateObject15() {
426
426
  }
427
427
  function _templateObject16() {
428
428
  var data = _tagged_template_literal([
429
- "\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"
429
+ "\n display: flex;\n flex-direction: column;\n width: 100%;\n @media (min-width: 1024px) {\n width: auto;\n }\n"
430
430
  ]);
431
431
  _templateObject16 = function _templateObject() {
432
432
  return data;
@@ -435,7 +435,7 @@ function _templateObject16() {
435
435
  }
436
436
  function _templateObject17() {
437
437
  var data = _tagged_template_literal([
438
- "\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"
438
+ "\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"
439
439
  ]);
440
440
  _templateObject17 = function _templateObject() {
441
441
  return data;
@@ -444,7 +444,7 @@ function _templateObject17() {
444
444
  }
445
445
  function _templateObject18() {
446
446
  var data = _tagged_template_literal([
447
- '\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'
447
+ "\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"
448
448
  ]);
449
449
  _templateObject18 = function _templateObject() {
450
450
  return data;
@@ -453,13 +453,22 @@ function _templateObject18() {
453
453
  }
454
454
  function _templateObject19() {
455
455
  var data = _tagged_template_literal([
456
- "\n display: flex;\n flex-direction: column;\n gap: 16px;\n @media (min-width: 1024px) {\n flex-direction: row;\n }\n"
456
+ '\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'
457
457
  ]);
458
458
  _templateObject19 = function _templateObject() {
459
459
  return data;
460
460
  };
461
461
  return data;
462
462
  }
463
+ function _templateObject20() {
464
+ var data = _tagged_template_literal([
465
+ "\n display: flex;\n flex-direction: row;\n gap: 8px;\n @media (min-width: 1024px) {\n gap: 16px;\n }\n"
466
+ ]);
467
+ _templateObject20 = function _templateObject() {
468
+ return data;
469
+ };
470
+ return data;
471
+ }
463
472
  import "@fontsource/inter";
464
473
  // src/components/button/SignInButton.tsx
465
474
  import React15, { useMemo, useState } from "react";
@@ -941,10 +950,11 @@ var InstructionsSubtitle = styled4.p(_templateObject12());
941
950
  var InstructionsDescription = styled4.ul(_templateObject13());
942
951
  var InstructionsDescriptionItem = styled4.li(_templateObject14());
943
952
  var DownloadTitleContainer = styled4.div(_templateObject15());
944
- var DownloadContainer = styled4.div(_templateObject16());
945
- var DownloadContainerFlex = styled4.div(_templateObject17());
946
- var DownloadAppTitle = styled4.p(_templateObject18());
947
- var AppIconsContainer = styled4.div(_templateObject19());
953
+ var ParentDownloadContainer = styled4.div(_templateObject16());
954
+ var DownloadContainer = styled4.div(_templateObject17());
955
+ var DownloadContainerFlex = styled4.div(_templateObject18());
956
+ var DownloadAppTitle = styled4.p(_templateObject19());
957
+ var AppIconsContainer = styled4.div(_templateObject20());
948
958
  var SignInWithYourSelf = function(param) {
949
959
  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;
950
960
  var _useState2 = _sliced_to_array(useState2(challengeUrlParam), 2), challengeUrl = _useState2[0], setChallengeUrl = _useState2[1];
@@ -1022,7 +1032,7 @@ var SignInWithYourSelf = function(param) {
1022
1032
  colorTheme: "light",
1023
1033
  onClick: onSiwysPress,
1024
1034
  glow: true
1025
- })), /* @__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, {
1035
+ })), /* @__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(ParentDownloadContainer, null, /* @__PURE__ */ React17.createElement(DownloadTitleContainer, null, /* @__PURE__ */ React17.createElement(InstructionsTitle, null, "Don\u2019t have the"), /* @__PURE__ */ React17.createElement(SelfTextLogoWhite_default, {
1026
1036
  width: "58",
1027
1037
  height: "12"
1028
1038
  }), /* @__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, {