@agrada_digital/pbm 0.0.114 → 0.0.116

package/dist/index.css

@@ -27,7 +27,6 @@
       --color-red-400: oklch(70.4% 0.191 22.216);
       --color-red-500: oklch(63.7% 0.237 25.331);
       --color-red-600: oklch(57.7% 0.245 27.325);
-      --color-yellow-500: oklch(79.5% 0.184 86.047);
       --color-green-100: oklch(96.2% 0.044 156.743);
       --color-green-400: oklch(79.2% 0.209 151.711);
       --color-green-500: oklch(72.3% 0.219 149.579);
@@ -36,10 +35,8 @@
       --color-emerald-500: oklch(69.6% 0.17 162.48);
       --color-emerald-600: oklch(59.6% 0.145 163.225);
       --color-emerald-700: oklch(50.8% 0.118 165.612);
-      --color-blue-300: oklch(80.9% 0.105 251.813);
       --color-blue-400: oklch(70.7% 0.165 254.624);
       --color-blue-500: oklch(62.3% 0.214 259.815);
-      --color-blue-600: oklch(54.6% 0.245 262.881);
       --color-gray-50: oklch(98.5% 0.002 247.839);
       --color-gray-100: oklch(96.7% 0.003 264.542);
       --color-gray-200: oklch(92.8% 0.006 264.531);
@@ -62,7 +59,6 @@
       --color-white: #fff;
       --spacing: 0.25rem;
       --container-3xs: 16rem;
-      --container-md: 28rem;
       --text-xs: 0.75rem;
       --text-xs--line-height: calc(1 / 0.75);
       --text-sm: 0.875rem;
@@ -84,8 +80,6 @@
       --radius-xl: 0.75rem;
       --radius-2xl: 1rem;
       --animate-spin: spin 1s linear infinite;
-      --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-      --blur-sm: 8px;
       --default-transition-duration: 150ms;
       --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
       --default-font-family: var(--font-sans);
@@ -347,8 +341,8 @@
     .left-2 {
       left: calc(var(--spacing) * 2);
     }
-    .left-17 {
-      left: calc(var(--spacing) * 17);
+    .left-10 {
+      left: calc(var(--spacing) * 10);
     }
     .z-10 {
       z-index: 10;
@@ -389,9 +383,6 @@
     .mt-5 {
       margin-top: calc(var(--spacing) * 5);
     }
-    .mr-1 {
-      margin-right: calc(var(--spacing) * 1);
-    }
     .mb-1 {
       margin-bottom: calc(var(--spacing) * 1);
     }
@@ -404,9 +395,6 @@
     .mb-6 {
       margin-bottom: calc(var(--spacing) * 6);
     }
-    .mb-8 {
-      margin-bottom: calc(var(--spacing) * 8);
-    }
     .ml-1 {
       margin-left: calc(var(--spacing) * 1);
     }
@@ -458,27 +446,15 @@
     .h-8 {
       height: calc(var(--spacing) * 8);
     }
-    .h-9 {
-      height: calc(var(--spacing) * 9);
-    }
     .h-10 {
       height: calc(var(--spacing) * 10);
     }
-    .h-12 {
-      height: calc(var(--spacing) * 12);
-    }
     .h-16 {
       height: calc(var(--spacing) * 16);
     }
-    .h-\[60vh\] {
-      height: 60vh;
-    }
     .h-auto {
       height: auto;
     }
-    .h-full {
-      height: 100%;
-    }
     .max-h-\[90vh\] {
       max-height: 90vh;
     }
@@ -509,15 +485,9 @@
     .w-8 {
       width: calc(var(--spacing) * 8);
     }
-    .w-10 {
-      width: calc(var(--spacing) * 10);
-    }
     .w-16 {
       width: calc(var(--spacing) * 16);
     }
-    .w-\[90\%\] {
-      width: 90%;
-    }
     .w-auto {
       width: auto;
     }
@@ -527,15 +497,12 @@
     .max-w-\(--max-container\) {
       max-width: var(--max-container);
     }
+    .max-w-125 {
+      max-width: calc(var(--spacing) * 125);
+    }
     .max-w-\[var\(--max-container\)\] {
       max-width: var(--max-container);
     }
-    .max-w-max {
-      max-width: max-content;
-    }
-    .max-w-md {
-      max-width: var(--container-md);
-    }
     .min-w-\(--min-container\) {
       min-width: var(--min-container);
     }
@@ -545,6 +512,9 @@
     .min-w-20 {
       min-width: calc(var(--spacing) * 20);
     }
+    .min-w-125 {
+      min-width: calc(var(--spacing) * 125);
+    }
     .min-w-\[var\(--min-container\)\] {
       min-width: var(--min-container);
     }
@@ -570,9 +540,6 @@
     .transform {
       transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
     }
-    .animate-pulse {
-      animation: var(--animate-pulse);
-    }
     .animate-spin {
       animation: var(--animate-spin);
     }
@@ -664,14 +631,6 @@
       border-start-start-radius: var(--radius-lg);
       border-end-start-radius: var(--radius-lg);
     }
-    .rounded-t-2xl {
-      border-top-left-radius: var(--radius-2xl);
-      border-top-right-radius: var(--radius-2xl);
-    }
-    .rounded-b-2xl {
-      border-bottom-right-radius: var(--radius-2xl);
-      border-bottom-left-radius: var(--radius-2xl);
-    }
     .border {
       border-style: var(--tw-border-style);
       border-width: 1px;
@@ -692,23 +651,12 @@
       border-top-style: var(--tw-border-style);
       border-top-width: 1px;
     }
-    .border-b {
-      border-bottom-style: var(--tw-border-style);
-      border-bottom-width: 1px;
-    }
-    .border-none {
-      --tw-border-style: none;
-      border-style: none;
-    }
     .border-\(--pbm-border\) {
       border-color: var(--pbm-border);
     }
     .border-\(--pbm-primary\) {
       border-color: var(--pbm-primary);
     }
-    .border-blue-500 {
-      border-color: var(--color-blue-500);
-    }
     .border-emerald-200 {
       border-color: var(--color-emerald-200);
     }
@@ -730,18 +678,6 @@
     .border-red-400 {
       border-color: var(--color-red-400);
     }
-    .border-white\/5 {
-      border-color: color-mix(in srgb, #fff 5%, transparent);
-      @supports (color: color-mix(in lab, red, red)) {
-        border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
-      }
-    }
-    .border-white\/10 {
-      border-color: color-mix(in srgb, #fff 10%, transparent);
-      @supports (color: color-mix(in lab, red, red)) {
-        border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
-      }
-    }
     .border-zinc-100 {
       border-color: var(--color-zinc-100);
     }
@@ -772,9 +708,6 @@
     .bg-blue-500 {
       background-color: var(--color-blue-500);
     }
-    .bg-blue-600 {
-      background-color: var(--color-blue-600);
-    }
     .bg-emerald-50\/60 {
       background-color: color-mix(in srgb, oklch(97.9% 0.021 166.113) 60%, transparent);
       @supports (color: color-mix(in lab, red, red)) {
@@ -808,21 +741,12 @@
         background-color: color-mix(in oklab, var(--color-red-50) 40%, transparent);
       }
     }
-    .bg-red-500 {
-      background-color: var(--color-red-500);
-    }
     .bg-transparent {
       background-color: transparent;
     }
     .bg-white {
       background-color: var(--color-white);
     }
-    .bg-yellow-500\/10 {
-      background-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 10%, transparent);
-      @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--color-yellow-500) 10%, transparent);
-      }
-    }
     .bg-zinc-50\/40 {
       background-color: color-mix(in srgb, oklch(98.5% 0 0) 40%, transparent);
       @supports (color: color-mix(in lab, red, red)) {
@@ -841,9 +765,6 @@
         background-color: color-mix(in oklab, var(--color-zinc-300) 60%, transparent);
       }
     }
-    .bg-zinc-900 {
-      background-color: var(--color-zinc-900);
-    }
     .p-0 {
       padding: calc(var(--spacing) * 0);
     }
@@ -865,6 +786,9 @@
     .px-2 {
       padding-inline: calc(var(--spacing) * 2);
     }
+    .px-2\.5 {
+      padding-inline: calc(var(--spacing) * 2.5);
+    }
     .px-3 {
       padding-inline: calc(var(--spacing) * 3);
     }
@@ -874,9 +798,6 @@
     .px-6 {
       padding-inline: calc(var(--spacing) * 6);
     }
-    .px-8 {
-      padding-inline: calc(var(--spacing) * 8);
-    }
     .py-0\.5 {
       padding-block: calc(var(--spacing) * 0.5);
     }
@@ -889,9 +810,6 @@
     .py-2\.5 {
       padding-block: calc(var(--spacing) * 2.5);
     }
-    .py-3 {
-      padding-block: calc(var(--spacing) * 3);
-    }
     .py-4 {
       padding-block: calc(var(--spacing) * 4);
     }
@@ -901,9 +819,6 @@
     .pt-4 {
       padding-top: calc(var(--spacing) * 4);
     }
-    .pt-\[10\%\] {
-      padding-top: 10%;
-    }
     .pl-1 {
       padding-left: calc(var(--spacing) * 1);
     }
@@ -939,9 +854,6 @@
     .text-\[10px\] {
       font-size: 10px;
     }
-    .text-\[11px\] {
-      font-size: 11px;
-    }
     .leading-snug {
       --tw-leading: var(--leading-snug);
       line-height: var(--leading-snug);
@@ -1009,15 +921,6 @@
     .text-white {
       color: var(--color-white);
     }
-    .text-white\/60 {
-      color: color-mix(in srgb, #fff 60%, transparent);
-      @supports (color: color-mix(in lab, red, red)) {
-        color: color-mix(in oklab, var(--color-white) 60%, transparent);
-      }
-    }
-    .text-yellow-500 {
-      color: var(--color-yellow-500);
-    }
     .text-zinc-400 {
       color: var(--color-zinc-400);
     }
@@ -1075,24 +978,6 @@
         var(--tw-ring-shadow),
         var(--tw-shadow);
     }
-    .shadow-2xl {
-      --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
-      box-shadow:
-        var(--tw-inset-shadow),
-        var(--tw-inset-ring-shadow),
-        var(--tw-ring-offset-shadow),
-        var(--tw-ring-shadow),
-        var(--tw-shadow);
-    }
-    .shadow-lg {
-      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
-      box-shadow:
-        var(--tw-inset-shadow),
-        var(--tw-inset-ring-shadow),
-        var(--tw-ring-offset-shadow),
-        var(--tw-ring-shadow),
-        var(--tw-shadow);
-    }
     .shadow-xl {
       --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
       box-shadow:
@@ -1111,12 +996,6 @@
         var(--tw-ring-shadow),
         var(--tw-shadow);
     }
-    .shadow-emerald-500\/20 {
-      --tw-shadow-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent);
-      @supports (color: color-mix(in lab, red, red)) {
-        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-emerald-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
-      }
-    }
     .ring-\(--pbm-primary\)\/15 {
       --tw-ring-color: var(--pbm-primary);
       @supports (color: color-mix(in lab, red, red)) {
@@ -1136,11 +1015,6 @@
     .filter {
       filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
     }
-    .backdrop-blur-sm {
-      --tw-backdrop-blur: blur(var(--blur-sm));
-      -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
-      backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
-    }
     .transition-all {
       transition-property: all;
       transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -1267,10 +1141,10 @@
         }
       }
     }
-    .hover\:border-blue-300 {
+    .hover\:border-\(--pbm-primary\) {
       &:hover {
         @media (hover: hover) {
-          border-color: var(--color-blue-300);
+          border-color: var(--pbm-primary);
         }
       }
     }
@@ -1315,13 +1189,6 @@
         }
       }
     }
-    .hover\:bg-blue-500 {
-      &:hover {
-        @media (hover: hover) {
-          background-color: var(--color-blue-500);
-        }
-      }
-    }
     .hover\:bg-emerald-500 {
       &:hover {
         @media (hover: hover) {
@@ -1350,13 +1217,6 @@
         }
       }
     }
-    .hover\:bg-red-400 {
-      &:hover {
-        @media (hover: hover) {
-          background-color: var(--color-red-400);
-        }
-      }
-    }
     .hover\:bg-transparent {
       &:hover {
         @media (hover: hover) {
@@ -1391,13 +1251,6 @@
         }
       }
     }
-    .hover\:text-white {
-      &:hover {
-        @media (hover: hover) {
-          color: var(--color-white);
-        }
-      }
-    }
     .hover\:text-zinc-400 {
       &:hover {
         @media (hover: hover) {
@@ -1457,41 +1310,11 @@
         outline-color: var(--pbm-outline-focus-color);
       }
     }
-    .active\:scale-95 {
-      &:active {
-        --tw-scale-x: 95%;
-        --tw-scale-y: 95%;
-        --tw-scale-z: 95%;
-        scale: var(--tw-scale-x) var(--tw-scale-y);
-      }
-    }
     .sm\:block {
       @media (width >= 40rem) {
         display: block;
       }
     }
-    .md\:w-4\/5 {
-      @media (width >= 48rem) {
-        width: calc(4 / 5 * 100%);
-      }
-    }
-    .md\:flex-row {
-      @media (width >= 48rem) {
-        flex-direction: row;
-      }
-    }
-    .md\:text-sm {
-      @media (width >= 48rem) {
-        font-size: var(--text-sm);
-        line-height: var(--tw-leading, var(--text-sm--line-height));
-      }
-    }
-    .md\:text-xs {
-      @media (width >= 48rem) {
-        font-size: var(--text-xs);
-        line-height: var(--tw-leading, var(--text-xs--line-height));
-      }
-    }
   }
 }
 #pbm-library-root {
@@ -1544,15 +1367,6 @@
 @property --tw-drop-shadow-color { syntax: "*"; inherits: false; }
 @property --tw-drop-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
 @property --tw-drop-shadow-size { syntax: "*"; inherits: false; }
-@property --tw-backdrop-blur { syntax: "*"; inherits: false; }
-@property --tw-backdrop-brightness { syntax: "*"; inherits: false; }
-@property --tw-backdrop-contrast { syntax: "*"; inherits: false; }
-@property --tw-backdrop-grayscale { syntax: "*"; inherits: false; }
-@property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false; }
-@property --tw-backdrop-invert { syntax: "*"; inherits: false; }
-@property --tw-backdrop-opacity { syntax: "*"; inherits: false; }
-@property --tw-backdrop-saturate { syntax: "*"; inherits: false; }
-@property --tw-backdrop-sepia { syntax: "*"; inherits: false; }
 @property --tw-duration { syntax: "*"; inherits: false; }
 @property --tw-content { syntax: "*"; initial-value: ""; inherits: false; }
 @property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; }
@@ -1563,11 +1377,6 @@
     transform: rotate(360deg);
   }
 }
-@keyframes pulse {
-  50% {
-    opacity: 0.5;
-  }
-}
 @layer properties {
   @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
     *,
@@ -1614,15 +1423,6 @@
       --tw-drop-shadow-color: initial;
       --tw-drop-shadow-alpha: 100%;
       --tw-drop-shadow-size: initial;
-      --tw-backdrop-blur: initial;
-      --tw-backdrop-brightness: initial;
-      --tw-backdrop-contrast: initial;
-      --tw-backdrop-grayscale: initial;
-      --tw-backdrop-hue-rotate: initial;
-      --tw-backdrop-invert: initial;
-      --tw-backdrop-opacity: initial;
-      --tw-backdrop-saturate: initial;
-      --tw-backdrop-sepia: initial;
       --tw-duration: initial;
       --tw-content: "";
       --tw-scale-x: 1;

package/dist/index.d.ts

@@ -14,7 +14,7 @@ interface PBMTheme {
 interface PBMProps {
     original_product_price: number | string;
     tenant_id: string;
-    ean_product: string;
+    target_product: TargetProduct;
     is_authenticated_shopper: boolean;
     custom_login_url?: string;
     theme?: PBMTheme;
@@ -35,31 +35,48 @@ interface usePBMTypes {
         grossPrice: number;
     };
     campaign: "pbm_campaign";
-    targetProduct: IProduct | null;
+    targetProduct: IProduct & TargetProduct | null;
     isAuthenticatedShopper: boolean;
     benefitsEnabled: boolean;
+    benefitsList: IProduct[] | null;
     urlAcceptTerms?: string;
     urlRegisterIndustry?: string;
     customLoginUrl?: string;
     cardID?: string | number;
 }
+interface TargetProduct {
+    id: number;
+    ean: number;
+    requestedQuantity: number;
+    listPrice: number;
+    netPrice: number;
+}
 interface IProduct {
-    ean: string;
-    quantity?: number;
-    sku?: string;
-    skuId?: string;
-    price?: number;
-    listPrice?: number;
-    stockBalance?: number;
-    productName?: string;
-    productId?: number;
-    availabilityText?: string;
-    brandName?: string;
-    categoryName?: string;
-    netPrice?: number;
-    informativeMessage?: string;
-    discountMax?: number;
-    industryLogo?: string;
+    id: number;
+    ean: number;
+    listPrice: number;
+    netPrice: number;
+    authorizedQuantity: number;
+    discountValue: string;
+    suggestedPriceValue: string;
+    discountPercentual: string;
+    discountValueIndustry: string;
+    pointing: string;
+    industryCompanyCode: string;
+    authorizer: string;
+    industryName: string;
+    productLink: string;
+    requestCoupon: string;
+    requestHolderId: string;
+    comboId: number;
+    grossPrice: number;
+    allowsAdhesion: string;
+    suggestedPrice: string;
+    discountMaxNewPatient: string;
+    status: number;
+    informativeMessage: string;
+    returnCode: string;
+    informativeText: string;
 }
 
 declare function PBM(props: PBMProps): react_jsx_runtime.JSX.Element | undefined;
@@ -76,6 +93,7 @@ interface PBMStore extends usePBMTypes {
     setCustomLoginUrl: (customLoginUrl: usePBMTypes["customLoginUrl"]) => void;
     setCardID: (cardID: usePBMTypes["cardID"]) => void;
     setBenefitsEnabled: (benefitsEnabled: boolean) => void;
+    setBenefitsList: (benefitsList: usePBMTypes["benefitsList"]) => void;
 }
 declare function usePBMStore(): PBMStore;
 declare function usePBMStore<T>(selector: (state: PBMStore) => T): T;