@superlogic/spree-pay 0.1.3 → 0.1.4

package/build/index.css

@@ -23,6 +23,7 @@
       monospace;
     --color-red-500: oklch(63.7% 0.237 25.331);
     --color-gray-100: oklch(96.7% 0.003 264.542);
+    --color-gray-200: oklch(92.8% 0.006 264.531);
     --color-gray-300: oklch(87.2% 0.01 258.338);
     --color-gray-900: oklch(21% 0.034 264.665);
     --color-black: #000;
@@ -354,6 +355,9 @@
   .mt-auto {
     margin-top: auto;
   }
+  .-mr-2 {
+    margin-right: calc(var(--spacing) * -2);
+  }
   .mr-1 {
     margin-right: calc(var(--spacing) * 1);
   }
@@ -446,6 +450,9 @@
   .h-2\.5 {
     height: calc(var(--spacing) * 2.5);
   }
+  .h-4 {
+    height: calc(var(--spacing) * 4);
+  }
   .h-5 {
     height: calc(var(--spacing) * 5);
   }
@@ -473,6 +480,9 @@
   .h-\[34px\] {
     height: 34px;
   }
+  .h-\[500px\] {
+    height: 500px;
+  }
   .h-\[calc\(100\%-1px\)\] {
     height: calc(100% - 1px);
   }
@@ -497,6 +507,9 @@
   .max-h-\(--radix-select-content-available-height\) {
     max-height: var(--radix-select-content-available-height);
   }
+  .max-h-\[600px\] {
+    max-height: 600px;
+  }
   .w-\(--cell-size\) {
     width: var(--cell-size);
   }
@@ -536,6 +549,9 @@
   .w-max {
     width: max-content;
   }
+  .max-w-\[680px\] {
+    max-width: 680px;
+  }
   .max-w-\[calc\(100\%-2rem\)\] {
     max-width: calc(100% - 2rem);
   }
@@ -602,6 +618,9 @@
   .cursor-default {
     cursor: default;
   }
+  .cursor-pointer {
+    cursor: pointer;
+  }
   .touch-none {
     touch-action: none;
   }
@@ -641,6 +660,9 @@
   .justify-center {
     justify-content: center;
   }
+  .justify-end {
+    justify-content: flex-end;
+  }
   .gap-0 {
     gap: calc(var(--spacing) * 0);
   }
@@ -725,6 +747,10 @@
     border-style: var(--tw-border-style);
     border-width: 1px;
   }
+  .border-0 {
+    border-style: var(--tw-border-style);
+    border-width: 0px;
+  }
   .border-1 {
     border-style: var(--tw-border-style);
     border-width: 1px;
@@ -786,6 +812,12 @@
   .bg-background {
     background-color: var(--background);
   }
+  .bg-black\/4 {
+    background-color: color-mix(in srgb, #000 4%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-black) 4%, transparent);
+    }
+  }
   .bg-black\/10 {
     background-color: color-mix(in srgb, #000 10%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -810,6 +842,9 @@
   .bg-gray-100 {
     background-color: var(--color-gray-100);
   }
+  .bg-gray-200 {
+    background-color: var(--color-gray-200);
+  }
   .bg-muted {
     background-color: var(--muted);
   }
@@ -918,6 +953,9 @@
   .pt-0 {
     padding-top: calc(var(--spacing) * 0);
   }
+  .pt-6 {
+    padding-top: calc(var(--spacing) * 6);
+  }
   .pr-1 {
     padding-right: calc(var(--spacing) * 1);
   }
@@ -930,6 +968,9 @@
   .pr-8 {
     padding-right: calc(var(--spacing) * 8);
   }
+  .pb-2 {
+    padding-bottom: calc(var(--spacing) * 2);
+  }
   .pb-4 {
     padding-bottom: calc(var(--spacing) * 4);
   }
@@ -972,6 +1013,10 @@
   .text-\[0\.8rem\] {
     font-size: 0.8rem;
   }
+  .leading-\[1\.3\] {
+    --tw-leading: 1.3;
+    line-height: 1.3;
+  }
   .leading-\[1\.7\] {
     --tw-leading: 1.7;
     line-height: 1.7;
@@ -1455,6 +1500,13 @@
       }
     }
   }
+  .hover\:bg-primary {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--primary);
+      }
+    }
+  }
   .hover\:bg-primary\/90 {
     &:hover {
       @media (hover: hover) {
@@ -1482,6 +1534,13 @@
       }
     }
   }
+  .hover\:text-white {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-white);
+      }
+    }
+  }
   .hover\:underline {
     &:hover {
       @media (hover: hover) {

package/build/index.d.cts

@@ -8,9 +8,13 @@ type SpreePayProps = {
 
 declare const SpreePay: FC<SpreePayProps>;
 
+declare const useCapture3DS: (searchParams: Record<string, string | null>) => void;
+
 type ENV = {
     environment: 'dev' | 'stg' | 'prod';
     accessToken: string;
+    tenantId: string;
+    redirect3dsURI: string;
 };
 
 type Coin = {
@@ -84,4 +88,15 @@ declare const useSpreePay: () => {
     selectedPaymentMethod: SelectedPaymentMethod;
 };
 
-export { SpreePay, SpreePayProvider, useSpreePay };
+declare const bus: {
+    emit: (name: string, detail: unknown) => void;
+    on: <T>(name: string, handler: (detail: T) => void) => () => void;
+};
+
+declare global {
+  interface Window {
+    SP_EVENT_BUS?: typeof bus;
+  }
+}
+
+export { SpreePay, SpreePayProvider, useCapture3DS, useSpreePay };

package/build/index.d.ts

@@ -8,9 +8,13 @@ type SpreePayProps = {
 
 declare const SpreePay: FC<SpreePayProps>;
 
+declare const useCapture3DS: (searchParams: Record<string, string | null>) => void;
+
 type ENV = {
     environment: 'dev' | 'stg' | 'prod';
     accessToken: string;
+    tenantId: string;
+    redirect3dsURI: string;
 };
 
 type Coin = {
@@ -84,4 +88,15 @@ declare const useSpreePay: () => {
     selectedPaymentMethod: SelectedPaymentMethod;
 };
 
-export { SpreePay, SpreePayProvider, useSpreePay };
+declare const bus: {
+    emit: (name: string, detail: unknown) => void;
+    on: <T>(name: string, handler: (detail: T) => void) => () => void;
+};
+
+declare global {
+  interface Window {
+    SP_EVENT_BUS?: typeof bus;
+  }
+}
+
+export { SpreePay, SpreePayProvider, useCapture3DS, useSpreePay };