@ramp-network/ramp-instant-sdk
Advanced tools
Comparing version 3.1.0-rc0 to 3.1.0-rc1
@@ -210,3 +210,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: transparent;\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 | ||
? "\n width: 100vw;\n height: 100%;\n " | ||
@@ -213,0 +213,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 "); |
@@ -618,3 +618,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: transparent;\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 | ||
? "\n width: 100vw;\n height: 100%;\n " | ||
@@ -621,0 +621,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 "); |
@@ -624,3 +624,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: transparent;\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 | ||
? "\n width: 100vw;\n height: 100%;\n " | ||
@@ -627,0 +627,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": "3.1.0-rc0", | ||
"version": "3.1.0-rc1", | ||
"description": "SDK for Ramp Instant", | ||
@@ -84,2 +84,2 @@ "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
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
322421