@agrada_digital/pbm 0.0.116 → 0.0.118

package/README.md

@@ -35,14 +35,21 @@ pnpm add @agrada_digital/pbm
 Inclua via `<script>`:
 
 ```html
-<script src="https://unpkg.com/@agrada_digital/pbm/vanilla"> defer></script>
+<script src="https://unpkg.com/@agrada_digital/pbm/vanilla" defer></script>
+
+const TARGET_PRODUCT = {
+  id: "*****",
+  ean: "********",
+  requestedQuantity: "*",
+  listPrice: "*****",
+  netPrice: "*****",
+}
 
 <pbm-component 
-  originalproductprice="100.90"
-  eanproduct="*********"
-  clientid="*********" 
-  isauthenticatedshopper="true" 
-  customloginurl="/login"
+  tenant_id="******"
+  target_product={TARGET_PRODUCT}
+  is_authenticated_shopper={BOOLEAN}
+  custom_login_url="/login"
 >
 </pbm-component>
 ```

package/dist/index.css

@@ -963,9 +963,6 @@
     .opacity-75 {
       opacity: 75%;
     }
-    .opacity-80 {
-      opacity: 80%;
-    }
     .opacity-100 {
       opacity: 100%;
     }

package/dist/index.d.ts

@@ -12,7 +12,6 @@ interface PBMTheme {
     inputFocusBackgroundColor?: string;
 }
 interface PBMProps {
-    original_product_price: number | string;
     tenant_id: string;
     target_product: TargetProduct;
     is_authenticated_shopper: boolean;
@@ -45,18 +44,18 @@ interface usePBMTypes {
     cardID?: string | number;
 }
 interface TargetProduct {
-    id: number;
-    ean: number;
-    requestedQuantity: number;
-    listPrice: number;
-    netPrice: number;
+    id: string;
+    ean: string;
+    requestedQuantity: string;
+    listPrice: string;
+    netPrice: string;
 }
 interface IProduct {
-    id: number;
-    ean: number;
-    listPrice: number;
-    netPrice: number;
-    authorizedQuantity: number;
+    id: string;
+    ean: string;
+    listPrice: string;
+    netPrice: string;
+    authorizedQuantity: string;
     discountValue: string;
     suggestedPriceValue: string;
     discountPercentual: string;

package/dist/index.js

@@ -110,6 +110,9 @@ var maskCPF = (value) => value.replace(/\D/g, "").replace(/(\d{3})(\d{3})(\d{3})
 var formatPrice = (price) => Number(String(price).replace(",", "."));
 var transformPrice = (price) => {
   const priceString = String(price);
+  if (priceString.includes(".") || priceString.includes(",")) {
+    return formatPrice(price);
+  }
   const cents = priceString.slice(-2);
   const reais = priceString.slice(0, -2) || "0";
   return Number(`${reais}.${cents}`);
@@ -119,10 +122,14 @@ var transformPorcent = (porcent) => {
   const pre = porcent.slice(0, -2) || "0";
   return Number(`${pre}.${post}`);
 };
+function priceToInteger(value) {
+  return String(value).replace(/[.,]/g, "");
+}
 var formaters = {
   phone: (value) => formatPhone(value),
   cep: (value) => formatCEP(value),
   cpf: (value) => maskCPF(value),
+  priceToInteger: (value) => priceToInteger(value),
   price: (price) => formatPrice(price),
   transformPrice: (price) => transformPrice(price),
   transformPorcent: (porcent) => transformPorcent(porcent)
@@ -154,6 +161,13 @@ var LookupConsumer = async ({ product, consumer }) => {
   if (!product) {
     throw new Error(`Product information is required`);
   }
+  const product_payload = {
+    id: product.id,
+    ean: product.ean,
+    requestedQuantity: product.requestedQuantity,
+    listPrice: product.listPrice,
+    netPrice: product.netPrice
+  };
   try {
     const response = await fetch(
       `${getEnv("VITE_API_URL")}/api/lookup-consumer.ts`,
@@ -166,7 +180,7 @@ var LookupConsumer = async ({ product, consumer }) => {
         },
         body: JSON.stringify({
           tenant_id,
-          product,
+          product: product_payload,
           table_id: Cookies.get("current-table-id"),
           local_hour: Cookies.get("current-local-hour"),
           consumer
@@ -230,6 +244,8 @@ function Form({ startTransition }) {
       });
       return;
     }
+    store.setBenefitsList(consumerHasDiscountEnabled.product);
+    store.setState("isActivated");
   };
   const onSubmitDefault = async (values) => {
     if (!store.isAuthenticatedShopper) {
@@ -577,19 +593,17 @@ var Icons = {
 
 // src/components/Header/index.tsx
 import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
-function Header({ originalProductPrice }) {
+function Header() {
   const { targetProduct, benefitsEnabled, setBenefitsEnabled } = usePBMStore();
-  const Price = formaters.transformPrice(
-    Number(targetProduct?.listPrice) || originalProductPrice
-  );
+  const Price = formaters.transformPrice(Number(targetProduct?.listPrice));
   const DiscountValue = formaters.transformPrice(
     Number(targetProduct?.discountValue) || 0
   );
   const DiscountPercentual = formaters.transformPorcent(
-    targetProduct?.discountMaxNewPatient || "0"
+    targetProduct?.discountPercentual || "0"
   );
   const DiscountPercentualValue = Price * DiscountPercentual / 100;
-  const DiscountApplied = Price - DiscountPercentualValue || Price - DiscountValue;
+  const DiscountApplied = Price - DiscountValue || Price - DiscountPercentualValue;
   return /* @__PURE__ */ jsxs3(
     "header",
     {
@@ -727,7 +741,7 @@ function Title(props) {
 var Title_default = Title;
 
 // src/components/BenefitsTable/index.tsx
-import { useState as useState2, useTransition } from "react";
+import { useState as useState2 } from "react";
 
 // src/components/BenefitsTable/Item.tsx
 import { useCallback, useEffect } from "react";
@@ -746,10 +760,10 @@ function Item({ data, onChange, checked }) {
   const DiscountPercentual = formaters.transformPorcent(
     data?.discountPercentual || "0"
   );
-  const TotalDiscountValue = DiscountValuePerUnity * data.authorizedQuantity;
-  const TotalPricePerQuantity = PricePerUnity * data.authorizedQuantity;
+  const TotalDiscountValue = DiscountValuePerUnity * Number(data.authorizedQuantity);
+  const TotalPricePerQuantity = PricePerUnity * Number(data.authorizedQuantity);
   const DiscountPercentualValue = TotalPricePerQuantity * DiscountPercentual / 100;
-  const AppliedDiscount = TotalPricePerQuantity - DiscountPercentualValue || TotalPricePerQuantity - TotalDiscountValue;
+  const AppliedDiscount = TotalPricePerQuantity - TotalDiscountValue || TotalPricePerQuantity - DiscountPercentualValue;
   const updateStorageData = useCallback(() => {
     if (checked) {
       const roundToTwoDecimals = (value) => Math.round(value * 100) / 100;
@@ -758,7 +772,7 @@ function Item({ data, onChange, checked }) {
           total: roundToTwoDecimals(TotalDiscountValue),
           unit: roundToTwoDecimals(DiscountValuePerUnity)
         },
-        quantity: data.authorizedQuantity,
+        quantity: Number(data.authorizedQuantity),
         totalPrice: roundToTwoDecimals(AppliedDiscount),
         grossPrice: data.grossPrice
       });
@@ -793,8 +807,7 @@ function Item({ data, onChange, checked }) {
         "label_benefits w-full flex items-center justify-start bg-zinc-300/60 border border-zinc-400/50 px-4 py-2 transition-colors rounded-lg gap-1",
         {
           "cursor-not-allowed": state === "isPreview",
-          "cursor-pointer": state === "isActivated",
-          "opacity-80": !checked && state === "isActivated"
+          "cursor-pointer": state === "isActivated"
         }
       ),
       style: {
@@ -871,22 +884,15 @@ var APPROVED_BENEFIT_CODE = "N000";
 // src/components/BenefitsTable/index.tsx
 import { Fragment as Fragment2, jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
 function BenefitsTable() {
-  const [isPending] = useTransition();
   const {
-    // securityNumber,
     setState,
     state,
-    // targetProduct,
     customLoginUrl,
     isAuthenticatedShopper,
-    // requestId,
     benefitsList
   } = usePBMStore();
   const [selectedDiscout, setSelectedDiscount] = useState2(null);
   const [benefitsItems] = useState2(benefitsList);
-  if (isPending) {
-    return /* @__PURE__ */ jsx9(Loading_default, { textColor: "var(--pbm-text)" });
-  }
   if (benefitsItems?.length && benefitsItems[0]?.returnCode !== APPROVED_BENEFIT_CODE && state === "isActivated") {
     return /* @__PURE__ */ jsx9("main", { className: "flex items-center justify-center gap-4", id: "loading_pbm", children: /* @__PURE__ */ jsx9(
       "p",
@@ -2007,7 +2013,13 @@ var StepAcceptancesForm = ({
         type: data.doctor.typeCredential,
         name: data.doctor.doctorName
       },
-      product: targetProduct
+      product: {
+        id: targetProduct.id,
+        ean: targetProduct.ean,
+        requestedQuantity: targetProduct.requestedQuantity,
+        listPrice: targetProduct.listPrice,
+        netPrice: targetProduct.netPrice
+      }
     };
     try {
       const response = await EnableDiscount(PAYLOAD);
@@ -2661,9 +2673,9 @@ var useAppStartup = (props) => {
       }
       setTargetProduct({
         ...response.product[0],
-        requestedQuantity: 1,
-        listPrice: props.target_product.listPrice,
-        netPrice: props.target_product.netPrice
+        requestedQuantity: "1",
+        listPrice: formaters.priceToInteger(props.target_product.listPrice),
+        netPrice: formaters.priceToInteger(props.target_product.netPrice)
       });
       setBenefitsList(
         response.product.map((prod) => ({
@@ -2711,15 +2723,14 @@ var useAppStartup = (props) => {
 var useAppStartup_default = useAppStartup;
 
 // src/PBM.tsx
-import { useTransition as useTransition2 } from "react";
+import { useTransition } from "react";
 import { Fragment as Fragment3, jsx as jsx27, jsxs as jsxs22 } from "react/jsx-runtime";
 function PBM(props) {
   const { state } = usePBMStore();
   const { IsReady, EanProductExist, IsValid } = useAppStartup_default(props);
   const { setErrorMessage } = useError();
   const theme = useTheme();
-  const [isPending, startTransition] = useTransition2();
-  const formatedProductPrice = formaters.price(props.original_product_price);
+  const [isPending, startTransition] = useTransition();
   if (!IsValid) return;
   if (!IsReady) {
     return /* @__PURE__ */ jsx27(
@@ -2755,7 +2766,7 @@ function PBM(props) {
       },
       children: [
         /* @__PURE__ */ jsxs22(Container_default, { variant: "main", children: [
-          /* @__PURE__ */ jsx27(Header_default, { originalProductPrice: formatedProductPrice || 0 }),
+          /* @__PURE__ */ jsx27(Header_default, {}),
           /* @__PURE__ */ jsx27(Container_default, { variant: "simple", children: isPending ? /* @__PURE__ */ jsx27(Loading_default, {}) : /* @__PURE__ */ jsxs22(Fragment3, { children: [
             state === "isEmpty" && /* @__PURE__ */ jsx27(Form_default, { startTransition }),
             state === "isInvalid" && /* @__PURE__ */ jsx27(SecurityNumberInvalid_default, {}),