@lightspeed/online-payments-sdk 1.8.0 → 1.9.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lightspeed/online-payments-sdk",
-  "version": "1.8.0",
+  "version": "1.9.1",
   "description": "Process online-payments with Lightspeed Payments",
   "author": "Lightspeed Commerce Inc.",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -14,8 +14,11 @@
     "dist",
     "styles"
   ],
-  "sideEffects": false,
+  "sideEffects": [
+    "styles/**/*.css"
+  ],
   "scripts": {
+    "pretest": "node scripts/generate-version.js",
     "test": "jest --no-cache --detectOpenHandles",
     "lint": "gts lint",
     "fix": "gts fix",
@@ -25,8 +28,10 @@
     "check-package-content": "npm pack --dry-run",
     "prebuild": "node scripts/generate-version.js",
     "build": "npm run build:esm && npm run build:cjs",
+    "postbuild": "node scripts/check-version.js",
     "build:esm": "tsc --module esnext --target es5 --outDir dist --downlevelIteration",
-    "build:cjs": "tsc --module commonjs --target es5 --outDir dist/cjs --downlevelIteration --declaration false"
+    "build:cjs": "tsc --module commonjs --target es5 --outDir dist/cjs --downlevelIteration --declaration false",
+    "prepack": "node scripts/check-version.js"
   },
   "devDependencies": {
     "@eslint/js": "^9.33.0",

package/styles/lightspeed-global-styles.css

@@ -84,6 +84,84 @@
   color: #30313d;
 }
 
+.stripe-save-payment-method-container {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  margin: 16px 0 0;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
+    Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+  font-size: 0.93rem;
+  font-weight: 400;
+  line-height: 1.5;
+  color: #30313d;
+  cursor: pointer;
+  -webkit-tap-highlight-color: transparent;
+  -webkit-user-select: none;
+  user-select: none;
+}
+
+.stripe-save-payment-method-checkbox {
+  appearance: none;
+  -webkit-appearance: none;
+  -webkit-user-select: none;
+  box-sizing: border-box;
+  flex: 0 0 20px;
+  width: 20px;
+  height: 20px;
+  margin: 0;
+  border: 1px solid #cfd7df;
+  border-radius: 5px;
+  background-color: #ffffff;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
+  cursor: pointer;
+  transition:
+    background-color 100ms ease,
+    border-color 100ms ease,
+    box-shadow 100ms ease;
+  user-select: none;
+}
+
+.stripe-save-payment-method-checkbox:hover {
+  border-color: #8792a2;
+}
+
+.stripe-save-payment-method-checkbox:focus-visible {
+  border-color: #0570de;
+  outline: none;
+  box-shadow: 0 0 0 3px rgba(5, 112, 222, 0.2);
+}
+
+.stripe-save-payment-method-checkbox:checked {
+  border-color: #0570de;
+  background-color: #0570de;
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.25' d='m3.25 8.25 3 3 6.5-6.5'/%3E%3C/svg%3E");
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: 16px 16px;
+  box-shadow: 0 0 0 3px rgba(5, 112, 222, 0.2);
+}
+
+.stripe-save-payment-method-checkbox:checked:focus-visible {
+  box-shadow: 0 0 0 3px rgba(5, 112, 222, 0.28);
+}
+
+.stripe-save-payment-method-text {
+  min-width: 0;
+  -webkit-user-select: none;
+  user-select: none;
+}
+
+.stripe-finalization-error {
+  margin: 12px 0 0;
+  color: #df1b41;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
+    Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+  font-size: 0.93rem;
+  font-weight: 400;
+  line-height: 1.5;
+}
+
 /* Invoicing theme: only override font-family to match the Inter font
    passed to Stripe Elements via the invoicing theme config. */
 
@@ -93,7 +171,9 @@
 
 .lsp-theme-invoicing .stripe-custom-terms-text,
 .lsp-theme-invoicing .stripe-expandable-terms-content p,
-.lsp-theme-invoicing .stripe-card-consent-text {
+.lsp-theme-invoicing .stripe-card-consent-text,
+.lsp-theme-invoicing .stripe-save-payment-method-container,
+.lsp-theme-invoicing .stripe-finalization-error {
   font-family: 'Inter', system-ui, sans-serif;
 }