@mopay/node-sdk 0.1.4 → 0.1.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.
package/dist/base.js CHANGED
@@ -2,7 +2,7 @@ import { MoPayAPIError } from "./errors.js";
2
2
  const DEFAULT_BASE_URL = "https://mopay.co.ls";
3
3
  const DEFAULT_TIMEOUT_MS = 30000;
4
4
  const SDK_NAME = "@mopay/node-sdk";
5
- const SDK_VERSION = "0.1.4";
5
+ const SDK_VERSION = "0.1.5";
6
6
  export class Base {
7
7
  apiKey;
8
8
  baseUrl;
package/dist/checkout.js CHANGED
@@ -150,8 +150,8 @@ function openDialog(paymentUrl, options, controller) {
150
150
  footer.className = "mopay-checkout-footer";
151
151
  footerText.textContent = "powered by MoPay";
152
152
  footer.append(shield, footerText);
153
- shell.append(loader, closeButton, frame, footer);
154
- dialog.append(shell);
153
+ shell.append(loader, closeButton, frame);
154
+ dialog.append(shell, footer);
155
155
  document.body.append(dialog);
156
156
  controller.setSource(frame.contentWindow);
157
157
  dialog.addEventListener("close", () => {
@@ -179,6 +179,8 @@ function injectDialogStyles() {
179
179
  style.id = CHECKOUT_STYLE_ID;
180
180
  style.textContent = `
181
181
  .mopay-checkout-dialog {
182
+ display: grid;
183
+ grid-template-rows: minmax(0, 1fr) 30px;
182
184
  width: min(var(--mopay-checkout-width), var(--mopay-checkout-max-width));
183
185
  height: min(var(--mopay-checkout-height), var(--mopay-checkout-max-height));
184
186
  min-width: min(var(--mopay-checkout-min-width), calc(100vw - 32px));
@@ -205,8 +207,6 @@ function injectDialogStyles() {
205
207
 
206
208
  .mopay-checkout-shell {
207
209
  position: relative;
208
- display: grid;
209
- grid-template-rows: minmax(0, 1fr) 34px;
210
210
  width: 100%;
211
211
  height: 100%;
212
212
  border: 1px solid rgb(255 255 255 / 82%);
@@ -219,7 +219,6 @@ function injectDialogStyles() {
219
219
  display: block;
220
220
  width: 100%;
221
221
  height: 100%;
222
- min-height: 0;
223
222
  border: 0;
224
223
  background: #ffffff;
225
224
  opacity: 0;
@@ -235,9 +234,8 @@ function injectDialogStyles() {
235
234
  align-items: center;
236
235
  justify-content: center;
237
236
  gap: 6px;
238
- min-height: 34px;
239
- border-top: 1px solid #eef2f6;
240
- background: #ffffff;
237
+ min-height: 30px;
238
+ background: transparent;
241
239
  color: #667085;
242
240
  font: 600 12px/1.2 ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
243
241
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mopay/node-sdk",
3
- "version": "0.1.4",
3
+ "version": "0.1.5",
4
4
  "description": "Official TypeScript SDK for the MoPay payment API.",
5
5
  "type": "module",
6
6
  "source": "src/index.ts",