@ramp-network/ramp-instant-sdk
Advanced tools
Comparing version 4.0.1 to 4.0.2-rc1
@@ -213,3 +213,3 @@ "use strict"; | ||
var isEmbedded = variant === 'embedded-mobile' || variant === 'embedded-desktop'; | ||
styles.textContent = "\n\n .background-hider {\n content: '';\n height: 30vh;\n width: 100vw;\n position: fixed;\n bottom: 0;\n transform: translateY(50%);\n background-color: #f5f8fb;\n z-index: 999;\n }\n\n .overlay {\n position: fixed;\n z-index: 1000;\n width: 100vw;\n height: ".concat(isMobile ? '100%;' : '100vh;', "\n top: 0;\n left: 0;\n overflow: hidden;\n background-color: rgba(166, 174, 185, 0.7);\n display: flex;\n flex-flow: row nowrap;\n justify-content: center;\n ").concat(isMobile ? 'align-items: flex-start;' : 'align-items: center;', "\n }\n\n .embedded-container {\n z-index: 1000;\n position: relative;\n width: 100%;\n height: 100%;\n display: flex;\n flex-flow: row nowrap;\n justify-content: center;\n ").concat(isMobile ? 'align-items: flex-start;' : 'align-items: center;', "\n min-width: ").concat(isMobile ? utils_1.minWidgetMobileWidth : utils_1.widgetDesktopWidth, "px;\n min-height: ").concat(isMobile ? utils_1.minWidgetMobileHeight : utils_1.widgetDesktopHeight, "px;\n }\n\n .loader-container {\n align-self: center;\n }\n\n .loader {\n transform-origin: center;\n animation: logoAnimation 4s linear infinite;\n width: 100px;\n height: auto;\n align-self: center;\n }\n\n .loader path:nth-child(3) {\n transform-origin: center;\n position: relative;\n }\n\n .loader path:nth-child(1) {\n transform-origin: center;\n position: relative;\n animation: box1Animation 4s linear infinite;\n transform: scale(0.4) translateX(6px);\n }\n\n .loader path:nth-child(2) {\n transform-origin: center;\n position: relative;\n animation: box4Animation 4s linear infinite;\n transform: scale(0.4) translateX(-6px);\n }\n\n @keyframes logoAnimation {\n 10% {\n transform: rotate(180deg);\n }\n 30%{\n transform: rotate(360deg);\n }\n 70% {\n transform: rotate(360deg);\n }\n 90% {\n transform: rotate(520deg);\n }\n 100% {\n transform: rotate(720deg);\n }\n }\n\n @keyframes box1Animation {\n 0%, 10% {\n transform: scale(0.4) translateX(6px);\n }\n 30%, 70% {\n transform: scale(1) translateX(0);\n }\n 90% {\n transform: scale(0.4) translateX(6px);\n }\n }\n\n\n @keyframes box4Animation {\n 0%, 10% {\n transform: scale(0.4) translateX(-6px);\n }\n 30%, 70% {\n transform: scale(1) translateX(0);\n }\n 90% {\n transform: scale(0.4) translateX(-6px);\n }\n }\n\n .iframe {\n border: none;\n user-select: none;\n visibility: hidden;\n position: absolute;\n }\n\n .iframe.visible {\n visibility: visible;\n ").concat(!isEmbedded && isMobile | ||
styles.textContent = "\n\n .background-hider {\n content: '';\n height: 30vh;\n width: 100vw;\n position: fixed;\n bottom: 0;\n transform: translateY(50%);\n background-color: #f5f8fb;\n z-index: 999;\n }\n\n .overlay {\n position: fixed;\n z-index: 1000;\n width: 100vw;\n height: ".concat(isMobile ? '100%;' : '100vh;', "\n top: 0;\n left: 0;\n overflow: hidden;\n background-color: rgba(166, 174, 185, 0.7);\n display: flex;\n flex-flow: row nowrap;\n justify-content: center;\n ").concat(isMobile ? 'align-items: flex-start;' : 'align-items: center;', "\n }\n\n .embedded-container {\n z-index: 1000;\n position: relative;\n width: 100%;\n height: 100%;\n display: flex;\n flex-flow: row nowrap;\n justify-content: center;\n ").concat(isMobile ? 'align-items: flex-start;' : 'align-items: center;', "\n min-width: ").concat(isMobile ? utils_1.minWidgetMobileWidth : utils_1.widgetDesktopWidth, "px;\n min-height: ").concat(isMobile ? utils_1.minWidgetMobileHeight : utils_1.widgetDesktopHeight, "px;\n }\n\n .loader-container {\n align-self: center;\n }\n\n .loader {\n transform-origin: center;\n animation: logoAnimation 4s linear infinite;\n width: 100px;\n height: auto;\n align-self: center;\n }\n\n .loader path:nth-child(3) {\n transform-origin: center;\n position: relative;\n }\n\n .loader path:nth-child(1) {\n transform-origin: center;\n position: relative;\n animation: box1Animation 4s linear infinite;\n transform: scale(0.4) translateX(6px);\n }\n\n .loader path:nth-child(2) {\n transform-origin: center;\n position: relative;\n animation: box4Animation 4s linear infinite;\n transform: scale(0.4) translateX(-6px);\n }\n\n @keyframes logoAnimation {\n 10% {\n transform: rotate(180deg);\n }\n 30%{\n transform: rotate(360deg);\n }\n 70% {\n transform: rotate(360deg);\n }\n 90% {\n transform: rotate(520deg);\n }\n 100% {\n transform: rotate(720deg);\n }\n }\n\n @keyframes box1Animation {\n 0%, 10% {\n transform: scale(0.4) translateX(6px);\n }\n 30%, 70% {\n transform: scale(1) translateX(0);\n }\n 90% {\n transform: scale(0.4) translateX(6px);\n }\n }\n\n\n @keyframes box4Animation {\n 0%, 10% {\n transform: scale(0.4) translateX(-6px);\n }\n 30%, 70% {\n transform: scale(1) translateX(0);\n }\n 90% {\n transform: scale(0.4) translateX(-6px);\n }\n }\n\n .iframe {\n border: none;\n user-select: none;\n visibility: hidden;\n position: absolute;\n color-scheme: only light;\n }\n\n .iframe.visible {\n visibility: visible;\n ").concat(!isEmbedded && isMobile | ||
? "\n width: 100vw;\n height: 100%;\n " | ||
@@ -216,0 +216,0 @@ : '', "\n }\n\n .close-modal {\n font-family: 'Poppins', sans-serif;\n width: 678px;\n height: 276px;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n z-index: 9999;\n box-shadow: 0px 54px 200px rgba(36, 37, 57, 0.2);\n display: flex;\n flex-flow: column nowrap;\n justify-content: flex-start;\n align-items: center;\n padding: 35px;\n border-radius: 8px;\n background: #fff;\n\n box-sizing: border-box;\n }\n\n .close-modal * {\n box-sizing: border-box;\n }\n\n .close-modal__text {\n margin: 40px auto 30px;\n font-weight: 600;\n font-size: 24px;\n line-height: 36px;\n text-align: center;\n\n color: #242539;\n }\n\n .close-modal__button-container {\n width: 318px;\n display: flex;\n flex-flow: row nowrap;\n justify-content: space-between;\n align-items: center;\n }\n\n .close-modal__button {\n background: #fff;\n border: 2px solid #EDEEF3;\n border-radius: 74px;\n width: 152px;\n height: 56px;\n cursor: pointer;\n font-weight: 600;\n font-size: 14px;\n line-height: 21px;\n color: #2B2D56;\n text-transform: uppercase;\n }\n\n .close-modal__button--exit {\n background: #DD3E56;\n box-shadow: 0px 8px 34px rgba(221, 62, 86, 0.4);\n color: #fff;\n border-color: transparent;\n }\n "); |
@@ -626,3 +626,3 @@ /*! ***************************************************************************** | ||
var isEmbedded = variant === 'embedded-mobile' || variant === 'embedded-desktop'; | ||
styles.textContent = "\n\n .background-hider {\n content: '';\n height: 30vh;\n width: 100vw;\n position: fixed;\n bottom: 0;\n transform: translateY(50%);\n background-color: #f5f8fb;\n z-index: 999;\n }\n\n .overlay {\n position: fixed;\n z-index: 1000;\n width: 100vw;\n height: ".concat(isMobile ? '100%;' : '100vh;', "\n top: 0;\n left: 0;\n overflow: hidden;\n background-color: rgba(166, 174, 185, 0.7);\n display: flex;\n flex-flow: row nowrap;\n justify-content: center;\n ").concat(isMobile ? 'align-items: flex-start;' : 'align-items: center;', "\n }\n\n .embedded-container {\n z-index: 1000;\n position: relative;\n width: 100%;\n height: 100%;\n display: flex;\n flex-flow: row nowrap;\n justify-content: center;\n ").concat(isMobile ? 'align-items: flex-start;' : 'align-items: center;', "\n min-width: ").concat(isMobile ? minWidgetMobileWidth : widgetDesktopWidth, "px;\n min-height: ").concat(isMobile ? minWidgetMobileHeight : widgetDesktopHeight, "px;\n }\n\n .loader-container {\n align-self: center;\n }\n\n .loader {\n transform-origin: center;\n animation: logoAnimation 4s linear infinite;\n width: 100px;\n height: auto;\n align-self: center;\n }\n\n .loader path:nth-child(3) {\n transform-origin: center;\n position: relative;\n }\n\n .loader path:nth-child(1) {\n transform-origin: center;\n position: relative;\n animation: box1Animation 4s linear infinite;\n transform: scale(0.4) translateX(6px);\n }\n\n .loader path:nth-child(2) {\n transform-origin: center;\n position: relative;\n animation: box4Animation 4s linear infinite;\n transform: scale(0.4) translateX(-6px);\n }\n\n @keyframes logoAnimation {\n 10% {\n transform: rotate(180deg);\n }\n 30%{\n transform: rotate(360deg);\n }\n 70% {\n transform: rotate(360deg);\n }\n 90% {\n transform: rotate(520deg);\n }\n 100% {\n transform: rotate(720deg);\n }\n }\n\n @keyframes box1Animation {\n 0%, 10% {\n transform: scale(0.4) translateX(6px);\n }\n 30%, 70% {\n transform: scale(1) translateX(0);\n }\n 90% {\n transform: scale(0.4) translateX(6px);\n }\n }\n\n\n @keyframes box4Animation {\n 0%, 10% {\n transform: scale(0.4) translateX(-6px);\n }\n 30%, 70% {\n transform: scale(1) translateX(0);\n }\n 90% {\n transform: scale(0.4) translateX(-6px);\n }\n }\n\n .iframe {\n border: none;\n user-select: none;\n visibility: hidden;\n position: absolute;\n }\n\n .iframe.visible {\n visibility: visible;\n ").concat(!isEmbedded && isMobile | ||
styles.textContent = "\n\n .background-hider {\n content: '';\n height: 30vh;\n width: 100vw;\n position: fixed;\n bottom: 0;\n transform: translateY(50%);\n background-color: #f5f8fb;\n z-index: 999;\n }\n\n .overlay {\n position: fixed;\n z-index: 1000;\n width: 100vw;\n height: ".concat(isMobile ? '100%;' : '100vh;', "\n top: 0;\n left: 0;\n overflow: hidden;\n background-color: rgba(166, 174, 185, 0.7);\n display: flex;\n flex-flow: row nowrap;\n justify-content: center;\n ").concat(isMobile ? 'align-items: flex-start;' : 'align-items: center;', "\n }\n\n .embedded-container {\n z-index: 1000;\n position: relative;\n width: 100%;\n height: 100%;\n display: flex;\n flex-flow: row nowrap;\n justify-content: center;\n ").concat(isMobile ? 'align-items: flex-start;' : 'align-items: center;', "\n min-width: ").concat(isMobile ? minWidgetMobileWidth : widgetDesktopWidth, "px;\n min-height: ").concat(isMobile ? minWidgetMobileHeight : widgetDesktopHeight, "px;\n }\n\n .loader-container {\n align-self: center;\n }\n\n .loader {\n transform-origin: center;\n animation: logoAnimation 4s linear infinite;\n width: 100px;\n height: auto;\n align-self: center;\n }\n\n .loader path:nth-child(3) {\n transform-origin: center;\n position: relative;\n }\n\n .loader path:nth-child(1) {\n transform-origin: center;\n position: relative;\n animation: box1Animation 4s linear infinite;\n transform: scale(0.4) translateX(6px);\n }\n\n .loader path:nth-child(2) {\n transform-origin: center;\n position: relative;\n animation: box4Animation 4s linear infinite;\n transform: scale(0.4) translateX(-6px);\n }\n\n @keyframes logoAnimation {\n 10% {\n transform: rotate(180deg);\n }\n 30%{\n transform: rotate(360deg);\n }\n 70% {\n transform: rotate(360deg);\n }\n 90% {\n transform: rotate(520deg);\n }\n 100% {\n transform: rotate(720deg);\n }\n }\n\n @keyframes box1Animation {\n 0%, 10% {\n transform: scale(0.4) translateX(6px);\n }\n 30%, 70% {\n transform: scale(1) translateX(0);\n }\n 90% {\n transform: scale(0.4) translateX(6px);\n }\n }\n\n\n @keyframes box4Animation {\n 0%, 10% {\n transform: scale(0.4) translateX(-6px);\n }\n 30%, 70% {\n transform: scale(1) translateX(0);\n }\n 90% {\n transform: scale(0.4) translateX(-6px);\n }\n }\n\n .iframe {\n border: none;\n user-select: none;\n visibility: hidden;\n position: absolute;\n color-scheme: only light;\n }\n\n .iframe.visible {\n visibility: visible;\n ").concat(!isEmbedded && isMobile | ||
? "\n width: 100vw;\n height: 100%;\n " | ||
@@ -629,0 +629,0 @@ : '', "\n }\n\n .close-modal {\n font-family: 'Poppins', sans-serif;\n width: 678px;\n height: 276px;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n z-index: 9999;\n box-shadow: 0px 54px 200px rgba(36, 37, 57, 0.2);\n display: flex;\n flex-flow: column nowrap;\n justify-content: flex-start;\n align-items: center;\n padding: 35px;\n border-radius: 8px;\n background: #fff;\n\n box-sizing: border-box;\n }\n\n .close-modal * {\n box-sizing: border-box;\n }\n\n .close-modal__text {\n margin: 40px auto 30px;\n font-weight: 600;\n font-size: 24px;\n line-height: 36px;\n text-align: center;\n\n color: #242539;\n }\n\n .close-modal__button-container {\n width: 318px;\n display: flex;\n flex-flow: row nowrap;\n justify-content: space-between;\n align-items: center;\n }\n\n .close-modal__button {\n background: #fff;\n border: 2px solid #EDEEF3;\n border-radius: 74px;\n width: 152px;\n height: 56px;\n cursor: pointer;\n font-weight: 600;\n font-size: 14px;\n line-height: 21px;\n color: #2B2D56;\n text-transform: uppercase;\n }\n\n .close-modal__button--exit {\n background: #DD3E56;\n box-shadow: 0px 8px 34px rgba(221, 62, 86, 0.4);\n color: #fff;\n border-color: transparent;\n }\n "); |
@@ -632,3 +632,3 @@ (function (global, factory) { | ||
var isEmbedded = variant === 'embedded-mobile' || variant === 'embedded-desktop'; | ||
styles.textContent = "\n\n .background-hider {\n content: '';\n height: 30vh;\n width: 100vw;\n position: fixed;\n bottom: 0;\n transform: translateY(50%);\n background-color: #f5f8fb;\n z-index: 999;\n }\n\n .overlay {\n position: fixed;\n z-index: 1000;\n width: 100vw;\n height: ".concat(isMobile ? '100%;' : '100vh;', "\n top: 0;\n left: 0;\n overflow: hidden;\n background-color: rgba(166, 174, 185, 0.7);\n display: flex;\n flex-flow: row nowrap;\n justify-content: center;\n ").concat(isMobile ? 'align-items: flex-start;' : 'align-items: center;', "\n }\n\n .embedded-container {\n z-index: 1000;\n position: relative;\n width: 100%;\n height: 100%;\n display: flex;\n flex-flow: row nowrap;\n justify-content: center;\n ").concat(isMobile ? 'align-items: flex-start;' : 'align-items: center;', "\n min-width: ").concat(isMobile ? minWidgetMobileWidth : widgetDesktopWidth, "px;\n min-height: ").concat(isMobile ? minWidgetMobileHeight : widgetDesktopHeight, "px;\n }\n\n .loader-container {\n align-self: center;\n }\n\n .loader {\n transform-origin: center;\n animation: logoAnimation 4s linear infinite;\n width: 100px;\n height: auto;\n align-self: center;\n }\n\n .loader path:nth-child(3) {\n transform-origin: center;\n position: relative;\n }\n\n .loader path:nth-child(1) {\n transform-origin: center;\n position: relative;\n animation: box1Animation 4s linear infinite;\n transform: scale(0.4) translateX(6px);\n }\n\n .loader path:nth-child(2) {\n transform-origin: center;\n position: relative;\n animation: box4Animation 4s linear infinite;\n transform: scale(0.4) translateX(-6px);\n }\n\n @keyframes logoAnimation {\n 10% {\n transform: rotate(180deg);\n }\n 30%{\n transform: rotate(360deg);\n }\n 70% {\n transform: rotate(360deg);\n }\n 90% {\n transform: rotate(520deg);\n }\n 100% {\n transform: rotate(720deg);\n }\n }\n\n @keyframes box1Animation {\n 0%, 10% {\n transform: scale(0.4) translateX(6px);\n }\n 30%, 70% {\n transform: scale(1) translateX(0);\n }\n 90% {\n transform: scale(0.4) translateX(6px);\n }\n }\n\n\n @keyframes box4Animation {\n 0%, 10% {\n transform: scale(0.4) translateX(-6px);\n }\n 30%, 70% {\n transform: scale(1) translateX(0);\n }\n 90% {\n transform: scale(0.4) translateX(-6px);\n }\n }\n\n .iframe {\n border: none;\n user-select: none;\n visibility: hidden;\n position: absolute;\n }\n\n .iframe.visible {\n visibility: visible;\n ").concat(!isEmbedded && isMobile | ||
styles.textContent = "\n\n .background-hider {\n content: '';\n height: 30vh;\n width: 100vw;\n position: fixed;\n bottom: 0;\n transform: translateY(50%);\n background-color: #f5f8fb;\n z-index: 999;\n }\n\n .overlay {\n position: fixed;\n z-index: 1000;\n width: 100vw;\n height: ".concat(isMobile ? '100%;' : '100vh;', "\n top: 0;\n left: 0;\n overflow: hidden;\n background-color: rgba(166, 174, 185, 0.7);\n display: flex;\n flex-flow: row nowrap;\n justify-content: center;\n ").concat(isMobile ? 'align-items: flex-start;' : 'align-items: center;', "\n }\n\n .embedded-container {\n z-index: 1000;\n position: relative;\n width: 100%;\n height: 100%;\n display: flex;\n flex-flow: row nowrap;\n justify-content: center;\n ").concat(isMobile ? 'align-items: flex-start;' : 'align-items: center;', "\n min-width: ").concat(isMobile ? minWidgetMobileWidth : widgetDesktopWidth, "px;\n min-height: ").concat(isMobile ? minWidgetMobileHeight : widgetDesktopHeight, "px;\n }\n\n .loader-container {\n align-self: center;\n }\n\n .loader {\n transform-origin: center;\n animation: logoAnimation 4s linear infinite;\n width: 100px;\n height: auto;\n align-self: center;\n }\n\n .loader path:nth-child(3) {\n transform-origin: center;\n position: relative;\n }\n\n .loader path:nth-child(1) {\n transform-origin: center;\n position: relative;\n animation: box1Animation 4s linear infinite;\n transform: scale(0.4) translateX(6px);\n }\n\n .loader path:nth-child(2) {\n transform-origin: center;\n position: relative;\n animation: box4Animation 4s linear infinite;\n transform: scale(0.4) translateX(-6px);\n }\n\n @keyframes logoAnimation {\n 10% {\n transform: rotate(180deg);\n }\n 30%{\n transform: rotate(360deg);\n }\n 70% {\n transform: rotate(360deg);\n }\n 90% {\n transform: rotate(520deg);\n }\n 100% {\n transform: rotate(720deg);\n }\n }\n\n @keyframes box1Animation {\n 0%, 10% {\n transform: scale(0.4) translateX(6px);\n }\n 30%, 70% {\n transform: scale(1) translateX(0);\n }\n 90% {\n transform: scale(0.4) translateX(6px);\n }\n }\n\n\n @keyframes box4Animation {\n 0%, 10% {\n transform: scale(0.4) translateX(-6px);\n }\n 30%, 70% {\n transform: scale(1) translateX(0);\n }\n 90% {\n transform: scale(0.4) translateX(-6px);\n }\n }\n\n .iframe {\n border: none;\n user-select: none;\n visibility: hidden;\n position: absolute;\n color-scheme: only light;\n }\n\n .iframe.visible {\n visibility: visible;\n ").concat(!isEmbedded && isMobile | ||
? "\n width: 100vw;\n height: 100%;\n " | ||
@@ -635,0 +635,0 @@ : '', "\n }\n\n .close-modal {\n font-family: 'Poppins', sans-serif;\n width: 678px;\n height: 276px;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n z-index: 9999;\n box-shadow: 0px 54px 200px rgba(36, 37, 57, 0.2);\n display: flex;\n flex-flow: column nowrap;\n justify-content: flex-start;\n align-items: center;\n padding: 35px;\n border-radius: 8px;\n background: #fff;\n\n box-sizing: border-box;\n }\n\n .close-modal * {\n box-sizing: border-box;\n }\n\n .close-modal__text {\n margin: 40px auto 30px;\n font-weight: 600;\n font-size: 24px;\n line-height: 36px;\n text-align: center;\n\n color: #242539;\n }\n\n .close-modal__button-container {\n width: 318px;\n display: flex;\n flex-flow: row nowrap;\n justify-content: space-between;\n align-items: center;\n }\n\n .close-modal__button {\n background: #fff;\n border: 2px solid #EDEEF3;\n border-radius: 74px;\n width: 152px;\n height: 56px;\n cursor: pointer;\n font-weight: 600;\n font-size: 14px;\n line-height: 21px;\n color: #2B2D56;\n text-transform: uppercase;\n }\n\n .close-modal__button--exit {\n background: #DD3E56;\n box-shadow: 0px 8px 34px rgba(221, 62, 86, 0.4);\n color: #fff;\n border-color: transparent;\n }\n "); |
{ | ||
"name": "@ramp-network/ramp-instant-sdk", | ||
"version": "4.0.1", | ||
"version": "4.0.2-rc1", | ||
"description": "SDK for Ramp Instant", | ||
@@ -5,0 +5,0 @@ "keywords": [], |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
No v1
QualityPackage is not semver >=1. This means it is not stable and does not support ^ ranges.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
348623
22
1