@ranty/ranty-sdk 4.0.0-beta.4 → 4.0.0-beta.5

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.
@@ -925,7 +925,7 @@ function Re(e) {
925
925
  */
926
926
  var LB;
927
927
  ((LB = window.HTMLSlotElement) === null || LB === void 0 ? void 0 : LB.prototype.assignedElements) != null;
928
- const B4e = "@nx-ranty/ranty-sdk", E4e = "4.0.0-beta.4", S4e = "Ranty sdk", H4e = "dist/index.js", I4e = {
928
+ const B4e = "@nx-ranty/ranty-sdk", E4e = "4.0.0-beta.5", S4e = "Ranty sdk", H4e = "dist/index.js", I4e = {
929
929
  ".": "./dist/index.js"
930
930
  }, T4e = "types/index.d.ts", V4e = [
931
931
  "dist",
@@ -17061,10 +17061,10 @@ function _Ce(e, t) {
17061
17061
  }
17062
17062
  const Sm = xCe();
17063
17063
  dbe(M2(), "DD_LOGS", Sm);
17064
- const kCe = "@nx-ranty/ranty-sdk", LCe = "4.0.0-beta.4", MCe = 3, BCe = !0, ECe = {
17064
+ const kCe = "@nx-ranty/ranty-sdk", LCe = "4.0.0-beta.5", MCe = 3, BCe = !0, ECe = {
17065
17065
  "": {
17066
17066
  name: "@nx-ranty/ranty-sdk",
17067
- version: "4.0.0-beta.4",
17067
+ version: "4.0.0-beta.5",
17068
17068
  license: "ISC",
17069
17069
  dependencies: {
17070
17070
  "@amplitude/analytics-browser": "^2.33.1",
@@ -40699,7 +40699,8 @@ let $n = class e extends Dt {
40699
40699
  });
40700
40700
  }
40701
40701
  render() {
40702
- return de`
40702
+ var t;
40703
+ return (t = this.state) != null && t.isCheckedScof ? de`
40703
40704
  <div class="container">
40704
40705
  <div class="card__container">
40705
40706
  ${this.showLoading ? de`
@@ -40746,7 +40747,320 @@ let $n = class e extends Dt {
40746
40747
  ` : ""}
40747
40748
  </div>
40748
40749
  </div>
40749
- `;
40750
+ ` : de`<div class="sk-root">
40751
+ <div class="sk-wrapper">
40752
+ <div class="sk-title sk-item"></div>
40753
+
40754
+ <div class="sk-layout">
40755
+ <div class="sk-detail">
40756
+ <div class="sk-card-detail">
40757
+ <div class="sk-detail-top">
40758
+ <div class="sk-detail-texts">
40759
+ <div class="sk-item sk-store"></div>
40760
+ <div class="sk-item sk-amount"></div>
40761
+ </div>
40762
+ <div class="sk-item sk-chevron"></div>
40763
+ </div>
40764
+ </div>
40765
+ </div>
40766
+
40767
+ <div class="sk-section">
40768
+ <div class="sk-content">
40769
+ <div class="sk-separator"></div>
40770
+ <div class="sk-item sk-radio"></div>
40771
+ <div class="sk-item sk-radio"></div>
40772
+ <div class="sk-separator"></div>
40773
+
40774
+ <div class="sk-text-block">
40775
+ <div class="sk-item sk-text-full"></div>
40776
+ <div class="sk-item sk-text-medium"></div>
40777
+ </div>
40778
+
40779
+ <div class="sk-item sk-label"></div>
40780
+
40781
+ <div class="sk-bullet-row">
40782
+ <div class="sk-item sk-dot"></div>
40783
+ <div class="sk-item sk-bullet-text"></div>
40784
+ </div>
40785
+
40786
+ <div class="sk-bullet-group">
40787
+ <div class="sk-bullet-row">
40788
+ <div class="sk-item sk-dot"></div>
40789
+ <div class="sk-item sk-bullet-text"></div>
40790
+ </div>
40791
+ <div class="sk-brands">
40792
+ <div class="sk-item sk-brand"></div>
40793
+ <div class="sk-item sk-brand"></div>
40794
+ <div class="sk-item sk-brand"></div>
40795
+ <div class="sk-item sk-brand"></div>
40796
+ </div>
40797
+ </div>
40798
+
40799
+ <div class="sk-bullet-group">
40800
+ <div class="sk-bullet-row">
40801
+ <div class="sk-item sk-dot"></div>
40802
+ <div class="sk-item sk-bullet-text"></div>
40803
+ </div>
40804
+ <div class="sk-brands">
40805
+ <div class="sk-item sk-brand"></div>
40806
+ <div class="sk-item sk-brand"></div>
40807
+ </div>
40808
+ </div>
40809
+
40810
+ <div class="sk-item sk-cta"></div>
40811
+ </div>
40812
+
40813
+ <div class="sk-footer-container">
40814
+ <div class="sk-footer">
40815
+ <img alt="nave" src="https://ranty-sdk-js.naranjax.com/images/nave-logo.png" class="sk-footer-icon" />
40816
+ <div class="sk-footer-right">
40817
+ <span class="sk-footer-text">Pago seguro</span>
40818
+ <img
40819
+ alt="lock"
40820
+ src="https://ranty-sdk-js.naranjax.com/images/lock-private.svg"
40821
+ class="sk-lock-icon"
40822
+ />
40823
+ </div>
40824
+ </div>
40825
+ </div>
40826
+ </div>
40827
+ </div>
40828
+ </div>
40829
+
40830
+ <style>
40831
+ .sk-item {
40832
+ background: linear-gradient(90deg, #e3e5e8 25%, #f2f3f5 50%, #e3e5e8 75%);
40833
+ background-size: 200% 100%;
40834
+ animation: sk-shimmer 1.8s infinite linear;
40835
+ }
40836
+ @keyframes sk-shimmer {
40837
+ 0% {
40838
+ background-position: 200% 0;
40839
+ }
40840
+ 100% {
40841
+ background-position: -200% 0;
40842
+ }
40843
+ }
40844
+ .sk-root {
40845
+ width: 100%;
40846
+ background: #f4f4f4;
40847
+ min-height: 100vh;
40848
+ padding: 16px 0 0;
40849
+ font-family: Inter, sans-serif;
40850
+ box-sizing: border-box;
40851
+ }
40852
+ .sk-wrapper {
40853
+ padding: 0 16px;
40854
+ }
40855
+ .sk-title {
40856
+ width: 300px;
40857
+ height: 44px;
40858
+ border-radius: 8px;
40859
+ margin: 0 0 18px;
40860
+ }
40861
+ .sk-layout {
40862
+ display: flex;
40863
+ flex-direction: column;
40864
+ gap: 12px;
40865
+ }
40866
+ .sk-detail {
40867
+ width: 100%;
40868
+ }
40869
+ .sk-card-detail,
40870
+ .sk-section {
40871
+ background: #fff;
40872
+ border-radius: 16px;
40873
+ }
40874
+ .sk-card-detail {
40875
+ padding: 14px 16px;
40876
+ box-sizing: border-box;
40877
+ }
40878
+ .sk-detail-top {
40879
+ display: flex;
40880
+ justify-content: space-between;
40881
+ align-items: center;
40882
+ }
40883
+ .sk-detail-texts {
40884
+ display: flex;
40885
+ flex-direction: column;
40886
+ gap: 8px;
40887
+ }
40888
+ .sk-store {
40889
+ width: 112px;
40890
+ height: 10px;
40891
+ border-radius: 4px;
40892
+ }
40893
+ .sk-amount {
40894
+ width: 90px;
40895
+ height: 26px;
40896
+ border-radius: 4px;
40897
+ }
40898
+ .sk-chevron {
40899
+ width: 16px;
40900
+ height: 10px;
40901
+ border-radius: 3px;
40902
+ }
40903
+ .sk-section {
40904
+ overflow: hidden;
40905
+ border-radius: 16px;
40906
+ margin-top: 12px;
40907
+ }
40908
+ .sk-content {
40909
+ padding: 16px;
40910
+ display: flex;
40911
+ flex-direction: column;
40912
+ gap: 12px;
40913
+ min-height: 392px;
40914
+ box-sizing: border-box;
40915
+ }
40916
+ .sk-separator {
40917
+ border-top: 1px solid #edf0f3;
40918
+ margin: 2px 0;
40919
+ }
40920
+ .sk-radio {
40921
+ width: 100%;
40922
+ height: 42px;
40923
+ border-radius: 10px;
40924
+ }
40925
+ .sk-text-block {
40926
+ display: flex;
40927
+ flex-direction: column;
40928
+ gap: 10px;
40929
+ margin-top: 8px;
40930
+ margin-bottom: 2px;
40931
+ }
40932
+ .sk-text-full {
40933
+ width: 100%;
40934
+ height: 13px;
40935
+ border-radius: 4px;
40936
+ }
40937
+ .sk-text-medium {
40938
+ width: 78%;
40939
+ height: 13px;
40940
+ border-radius: 4px;
40941
+ }
40942
+ .sk-label {
40943
+ width: 110px;
40944
+ height: 12px;
40945
+ border-radius: 4px;
40946
+ margin-top: 8px;
40947
+ margin-bottom: 2px;
40948
+ }
40949
+ .sk-bullet-row {
40950
+ display: flex;
40951
+ align-items: center;
40952
+ gap: 10px;
40953
+ margin-left: 12px;
40954
+ }
40955
+ .sk-dot {
40956
+ width: 6px;
40957
+ height: 6px;
40958
+ border-radius: 50%;
40959
+ flex-shrink: 0;
40960
+ }
40961
+ .sk-bullet-text {
40962
+ width: 138px;
40963
+ height: 12px;
40964
+ border-radius: 4px;
40965
+ }
40966
+ .sk-bullet-group {
40967
+ display: flex;
40968
+ flex-direction: column;
40969
+ gap: 16px;
40970
+ margin-bottom: 12px;
40971
+ }
40972
+ .sk-bullet-group:last-of-type {
40973
+ margin-bottom: 6px;
40974
+ }
40975
+ .sk-brands {
40976
+ display: flex;
40977
+ gap: 6px;
40978
+ margin-left: 42px;
40979
+ margin-top: 4px;
40980
+ }
40981
+ .sk-brand {
40982
+ width: 40px;
40983
+ height: 24px;
40984
+ border-radius: 4px;
40985
+ flex-shrink: 0;
40986
+ }
40987
+ .sk-cta {
40988
+ width: 100%;
40989
+ height: 44px;
40990
+ border-radius: 10px;
40991
+ margin-top: 24px;
40992
+ }
40993
+ .sk-footer-container {
40994
+ height: 44px;
40995
+ width: 100%;
40996
+ border-width: 0 1px 1px 1px;
40997
+ border-style: solid;
40998
+ border-color: #e2e5e9;
40999
+ border-radius: 0;
41000
+ background: #ededed;
41001
+ }
41002
+ .sk-footer {
41003
+ width: 100%;
41004
+ min-height: 48px;
41005
+ background: #ededed;
41006
+ display: flex;
41007
+ align-items: center;
41008
+ justify-content: space-between;
41009
+ padding: 0 16px;
41010
+ box-sizing: border-box;
41011
+ border-radius: 0 0 16px 16px;
41012
+ }
41013
+ .sk-footer-icon {
41014
+ height: 18px;
41015
+ width: auto;
41016
+ object-fit: contain;
41017
+ display: block;
41018
+ margin: 0;
41019
+ padding: 0;
41020
+ align-self: center;
41021
+ vertical-align: middle;
41022
+ }
41023
+ .sk-footer-right {
41024
+ display: flex;
41025
+ align-items: center;
41026
+ gap: 4px;
41027
+ }
41028
+ .sk-footer-text {
41029
+ font-family: Inter, sans-serif;
41030
+ font-weight: 500;
41031
+ font-size: 10px;
41032
+ line-height: 130%;
41033
+ color: #2b2b2b;
41034
+ }
41035
+ .sk-lock-icon {
41036
+ width: 14px;
41037
+ height: 14px;
41038
+ object-fit: contain;
41039
+ display: block;
41040
+ }
41041
+ @media (min-width: 800px) {
41042
+ .sk-wrapper {
41043
+ max-width: 900px;
41044
+ margin: 0 auto;
41045
+ padding: 0 16px;
41046
+ }
41047
+ .sk-layout {
41048
+ flex-direction: row-reverse;
41049
+ gap: 12px;
41050
+ align-items: flex-start;
41051
+ }
41052
+ .sk-detail {
41053
+ width: 291px;
41054
+ min-width: 291px;
41055
+ margin-top: 12px;
41056
+ }
41057
+ .sk-section {
41058
+ flex: 1;
41059
+ margin-top: 12px;
41060
+ }
41061
+ }
41062
+ </style>
41063
+ </div>`;
40750
41064
  }
40751
41065
  };
40752
41066
  $n.styles = nr`
@@ -90904,7 +91218,7 @@ function(e) {
90904
91218
  var c = l.getContext("2d");
90905
91219
  c.fillStyle = "#fff", c.fillRect(0, 0, l.width, l.height);
90906
91220
  var u = { ignoreMouse: !0, ignoreAnimation: !0, ignoreDimensions: !0 }, h = this;
90907
- return (Mr.canvg ? Promise.resolve(Mr.canvg) : import("./index.es-fbb5dc14.js")).catch(function(f) {
91221
+ return (Mr.canvg ? Promise.resolve(Mr.canvg) : import("./index.es-2469f6cd.js")).catch(function(f) {
90908
91222
  return Promise.reject(new Error("Could not load canvg: " + f));
90909
91223
  }).then(function(f) {
90910
91224
  return f.default ? f.default : f;
@@ -1,4 +1,4 @@
1
- import { c as Ke, _ as Wa, g as Fo } from "./index-53e816d2.js";
1
+ import { c as Ke, _ as Wa, g as Fo } from "./index-4af98feb.js";
2
2
  var vt = function(a) {
3
3
  return a && a.Math === Math && a;
4
4
  }, _ = (
package/dist/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { a4 as t, a7 as e, a5 as n, a6 as o, A as r, t as p, G as C, v as i, B as u, a3 as l, R as m, K as c, X as d, J as P, Y as A, Z as I, $ as k, h as y, f as D, a9 as F, a8 as f, a2 as S, a1 as L, M as H, O as M, T as g, U as h, V as v, C as x, i as E, n as O, a as b, d as Q, a0 as B, s as w, y as N, r as j, o as q, p as z, q as G, D as J, W as K, E as R, e as T, k as U, b as V, F as W, H as X, I as Y, L as Z, N as $, j as _, w as aa, P as sa, l as ta, u as ea, x as na, Q as oa, S as ra, z as pa, m as Ca } from "./index-53e816d2.js";
1
+ import { a4 as t, a7 as e, a5 as n, a6 as o, A as r, t as p, G as C, v as i, B as u, a3 as l, R as m, K as c, X as d, J as P, Y as A, Z as I, $ as k, h as y, f as D, a9 as F, a8 as f, a2 as S, a1 as L, M as H, O as M, T as g, U as h, V as v, C as x, i as E, n as O, a as b, d as Q, a0 as B, s as w, y as N, r as j, o as q, p as z, q as G, D as J, W as K, E as R, e as T, k as U, b as V, F as W, H as X, I as Y, L as Z, N as $, j as _, w as aa, P as sa, l as ta, u as ea, x as na, Q as oa, S as ra, z as pa, m as Ca } from "./index-4af98feb.js";
2
2
  export {
3
3
  t as A2AAccountDetails,
4
4
  e as A2AFeedbackHome,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ranty/ranty-sdk",
3
- "version": "4.0.0-beta.4",
3
+ "version": "4.0.0-beta.5",
4
4
  "description": "Ranty sdk",
5
5
  "main": "dist/index.js",
6
6
  "exports": {