@agrada_digital/pbm 0.0.49 → 0.0.51

package/dist/index.d.mts

@@ -1,10 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as zustand from 'zustand';
-import { StoreApi } from 'zustand';
 
 interface PBMProps {
-    originalProductPrice: number;
-    industryLogo: string;
+    originalProductPrice: number | string;
+    industryLogo?: string;
     clientID: string;
     eanProduct: string;
 }
@@ -23,45 +21,11 @@ interface usePBMTypes {
         totalPrice: number;
     };
     campaign: "pbm_campaign";
-    targetProduct: ITargetProductPBM | null;
+    targetProduct: IProduct | null;
 }
-interface IEpharma {
-    name: string;
-    presentationId: string;
-    presentation: string;
-    maximumPrice: number;
-    salePrice: number;
-    discountPercent: number;
-    comboAvailable: boolean;
-    progressiveDiscount: boolean;
-    replacementIndustryPrice: number;
-    replacementPurchasePrice: number;
-    replacementIndustryDiscount: number;
-    commercialGradeId: number;
-    commercialGrade: string;
-    calculationRuleTypeId: number;
-    calculationRuleType: string;
-}
-interface ITargetProductPBM {
-    productId: string;
+interface IProduct {
     ean: string;
-    sku: string;
-    name: string;
-    stock: number;
-    listPrice: number;
-    salesPrice: number;
-    availabilityText: string;
-    discountMin: number;
-    discountMaxNewPatient: number;
-    discountMax: number;
-    industryName: string;
-    informativeMessage: string;
-    authorizer: string;
-    discountMinNewPatient: number;
-    qtyForDiscountMax: number;
-    programName: string;
-    dataSource: string;
-    epharma: IEpharma;
+    quantity: number;
 }
 
 interface PBMStore extends usePBMTypes {
@@ -70,6 +34,7 @@ interface PBMStore extends usePBMTypes {
     setAvailableDiscountSelected: (availableDiscount: usePBMTypes["availableDiscountSelected"]) => void;
     setTargetProduct: (targetProduct: usePBMTypes["targetProduct"]) => void;
 }
-declare const usePBMStore: zustand.UseBoundStore<StoreApi<PBMStore>>;
+declare function usePBMStore(): PBMStore;
+declare function usePBMStore<T>(selector: (state: PBMStore) => T): T;
 
 export { PBM, type PBMProps, type PBMStore, usePBMStore };

package/dist/index.d.ts

@@ -1,10 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as zustand from 'zustand';
-import { StoreApi } from 'zustand';
 
 interface PBMProps {
-    originalProductPrice: number;
-    industryLogo: string;
+    originalProductPrice: number | string;
+    industryLogo?: string;
     clientID: string;
     eanProduct: string;
 }
@@ -23,45 +21,11 @@ interface usePBMTypes {
         totalPrice: number;
     };
     campaign: "pbm_campaign";
-    targetProduct: ITargetProductPBM | null;
+    targetProduct: IProduct | null;
 }
-interface IEpharma {
-    name: string;
-    presentationId: string;
-    presentation: string;
-    maximumPrice: number;
-    salePrice: number;
-    discountPercent: number;
-    comboAvailable: boolean;
-    progressiveDiscount: boolean;
-    replacementIndustryPrice: number;
-    replacementPurchasePrice: number;
-    replacementIndustryDiscount: number;
-    commercialGradeId: number;
-    commercialGrade: string;
-    calculationRuleTypeId: number;
-    calculationRuleType: string;
-}
-interface ITargetProductPBM {
-    productId: string;
+interface IProduct {
     ean: string;
-    sku: string;
-    name: string;
-    stock: number;
-    listPrice: number;
-    salesPrice: number;
-    availabilityText: string;
-    discountMin: number;
-    discountMaxNewPatient: number;
-    discountMax: number;
-    industryName: string;
-    informativeMessage: string;
-    authorizer: string;
-    discountMinNewPatient: number;
-    qtyForDiscountMax: number;
-    programName: string;
-    dataSource: string;
-    epharma: IEpharma;
+    quantity: number;
 }
 
 interface PBMStore extends usePBMTypes {
@@ -70,6 +34,7 @@ interface PBMStore extends usePBMTypes {
     setAvailableDiscountSelected: (availableDiscount: usePBMTypes["availableDiscountSelected"]) => void;
     setTargetProduct: (targetProduct: usePBMTypes["targetProduct"]) => void;
 }
-declare const usePBMStore: zustand.UseBoundStore<StoreApi<PBMStore>>;
+declare function usePBMStore(): PBMStore;
+declare function usePBMStore<T>(selector: (state: PBMStore) => T): T;
 
 export { PBM, type PBMProps, type PBMStore, usePBMStore };

package/dist/index.js

@@ -89,9 +89,10 @@ function Container({
 var Container_default = Container;
 
 // src/components/Footer/index.tsx
+var import_classnames2 = __toESM(require("classnames"));
 var import_jsx_runtime3 = require("react/jsx-runtime");
 function Footer({ industryLogo }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("footer", { className: "w-full h-auto relative", id: "footer_pbm", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("section", { className: "flex items-center justify-center w-full h-auto gap-4", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("footer", { className: "w-full h-auto relative", id: "footer_pbm", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("section", { className: (0, import_classnames2.default)("flex items-center w-full h-auto gap-4", { "justify-center": industryLogo, "justify-start": !industryLogo }), children: [
     /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("section", { className: "w-4/5 h-auto", children: [
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h3", { className: "text-start font-semibold text-sm", children: "Economize com o benef\xEDcio do laborat\xF3rio." }),
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "text-start font-normal text-sm", children: "Este produto tem pre\xE7o exclusivo para clientes cadastrados no programa." })
@@ -134,13 +135,14 @@ var toFormat = (value) => {
 };
 
 // src/components/Form/index.tsx
-var import_classnames2 = __toESM(require("classnames"));
+var import_classnames3 = __toESM(require("classnames"));
 var import_zod2 = require("@hookform/resolvers/zod");
 var import_react_hook_form = require("react-hook-form");
 var import_lucide_react = require("lucide-react");
 
 // src/libs/zustand/usePBM.tsx
 var import_zustand = require("zustand");
+var import_react = require("zustand/react");
 var initialPBMState = {
   securityNumber: "",
   state: "isEmpty",
@@ -162,13 +164,45 @@ var createPBMStore = (set) => ({
   setTargetProduct: (targetProduct) => set({ targetProduct }),
   setAvailableDiscountSelected: (availableDiscount) => set({ availableDiscountSelected: availableDiscount })
 });
-var usePBMStore = (0, import_zustand.create)(createPBMStore);
 var pbmStore = (0, import_zustand.createStore)(createPBMStore);
+function usePBMStore(selector) {
+  if (selector) {
+    return (0, import_react.useStore)(pbmStore, selector);
+  }
+  return (0, import_react.useStore)(pbmStore, (state) => state);
+}
+
+// src/services/validate-document.ts
+var import_js_cookie = __toESM(require("js-cookie"));
+var import_meta = {};
+var ValidateDocument = async ({ document, products }) => {
+  const API_URL = import_meta.env.VITE_API_URL;
+  if (!API_URL) {
+    throw new Error("API URL is not defined in environment variables");
+  }
+  const AUTH_TOKEN = import_js_cookie.default.get("pbm-token");
+  if (!AUTH_TOKEN) {
+    throw new Error("Token is not defined in cookies or is expired");
+  }
+  const response = await fetch(`${API_URL}/transactions/validate`, {
+    method: "POST",
+    headers: {
+      Authorization: `Bearer ${AUTH_TOKEN}`,
+      "Content-Type": "application/json"
+    },
+    body: JSON.stringify({ document, products })
+  });
+  const dataResponse = await response.json();
+  if (!dataResponse.success) {
+    throw new Error(dataResponse.message || "Failed to fetch document validation");
+  }
+  return dataResponse;
+};
 
 // src/components/Form/index.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
 function Form({ setLoading }) {
-  const { setSecurityNumber, setState, securityNumber } = usePBMStore();
+  const { setSecurityNumber, setState, securityNumber, targetProduct } = usePBMStore();
   const {
     handleSubmit,
     register,
@@ -180,28 +214,37 @@ function Form({ setLoading }) {
       securityNumber: securityNumber || ""
     }
   });
-  const onSubmitDefault = (values) => {
+  const onSubmitDefault = async (values) => {
     setLoading(true);
-    new Promise((resolve) => {
-      setTimeout(() => {
-        resolve({
-          securityNumber: values.securityNumber,
-          state: "isActivated"
-        });
-      }, 2e3);
-    }).then((result) => {
-      const response = result;
-      setSecurityNumber(response.securityNumber);
-      setState(response.state);
-    }).finally(() => {
+    try {
+      if (targetProduct === null) {
+        console.error("Product is not defined!");
+        return;
+      }
+      const response = await ValidateDocument({
+        document: values.securityNumber.replace(/\D/g, ""),
+        products: [{ ean: targetProduct.ean, quantity: targetProduct.quantity }]
+      });
+      if (response.success) {
+        const status = {
+          "active": "isActivated",
+          "nonexistent": "isInvalid"
+        };
+        setSecurityNumber(values.securityNumber);
+        setState(status[response.data.process_platform.status]);
+      }
+    } catch (error) {
+      console.error("Error validating document:", error);
+    } finally {
       setLoading(false);
-    });
+    }
+    ;
   };
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
     "form",
     {
       onSubmit: handleSubmit(onSubmitDefault),
-      className: (0, import_classnames2.default)(
+      className: (0, import_classnames3.default)(
         "w-full h-auto flex items-center justify-center mb-0 transition-all duration-150",
         { "mb-4": errors.securityNumber }
       ),
@@ -218,7 +261,7 @@ function Form({ setLoading }) {
                 "input",
                 {
                   type: "text",
-                  className: (0, import_classnames2.default)(
+                  className: (0, import_classnames3.default)(
                     "w-full h-8 bg-[#44c2c0]/20 rounded-s-full text-sm font-semibold focus:outline focus:outline-[#339c9b] focus:bg-[#44c2c0]/30  text-zinc-600 placeholder:text-zinc-600 px-4 placeholder:text-sm placeholder:font-semibold",
                     { "outline outline-red-600": errors.securityNumber }
                   ),
@@ -282,14 +325,14 @@ function Loading({ textColor }) {
 var Loading_default = Loading;
 
 // src/components/UI/Button/index.tsx
-var import_classnames3 = __toESM(require("classnames"));
+var import_classnames4 = __toESM(require("classnames"));
 var import_jsx_runtime6 = require("react/jsx-runtime");
 function Button(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     "button",
     {
       ...props,
-      className: (0, import_classnames3.default)(
+      className: (0, import_classnames4.default)(
         "w-3xs cursor-pointer h-10 rounded-full bg-blue-500 hover:bg-blue-400 text-white text-sm font-semibold transition-colors",
         props.className
       ),
@@ -300,7 +343,7 @@ function Button(props) {
 var Button_default = Button;
 
 // src/components/BenefitsTable/index.tsx
-var import_react2 = require("react");
+var import_react3 = require("react");
 
 // src/mocks/benefits.ts
 var BENEFITS_ITEMS = [
@@ -328,13 +371,13 @@ var BENEFITS_ITEMS = [
 ];
 
 // src/components/UI/Title/index.tsx
-var import_classnames4 = __toESM(require("classnames"));
+var import_classnames5 = __toESM(require("classnames"));
 var import_jsx_runtime7 = require("react/jsx-runtime");
 function Title(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     "h2",
     {
-      className: (0, import_classnames4.default)(
+      className: (0, import_classnames5.default)(
         "text-start font-semibold text-sm text-zinc-900",
         props.className
       ),
@@ -349,7 +392,7 @@ var Title_default = Title;
 
 // src/components/BenefitsTable/Item.tsx
 var import_lucide_react2 = require("lucide-react");
-var import_react = require("react");
+var import_react2 = require("react");
 var import_jsx_runtime8 = require("react/jsx-runtime");
 function Item({ data, onChange, checked, originalProductPrice }) {
   const { setAvailableDiscountSelected, securityNumber } = usePBMStore();
@@ -358,7 +401,7 @@ function Item({ data, onChange, checked, originalProductPrice }) {
   const unitDiscountValue = originalProductPrice * decimalDiscount;
   const discountValue = unitDiscountValue * data.authorizedQuantity;
   const totalPriceProductWithDiscountBenefit = originalProductPrice * data.authorizedQuantity - discountValue;
-  const updateStorageData = (0, import_react.useCallback)(() => {
+  const updateStorageData = (0, import_react2.useCallback)(() => {
     if (checked) {
       setAvailableDiscountSelected({
         discount: {
@@ -377,7 +420,7 @@ function Item({ data, onChange, checked, originalProductPrice }) {
     totalPriceProductWithDiscountBenefit,
     unitDiscountValue
   ]);
-  (0, import_react.useEffect)(() => {
+  (0, import_react2.useEffect)(() => {
     updateStorageData();
   }, [updateStorageData]);
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
@@ -434,7 +477,7 @@ function BenefitsTable({
   originalProductPrice
 }) {
   const { securityNumber, setState } = usePBMStore();
-  const [selectedDiscout, setSelectedDiscount] = (0, import_react2.useState)(null);
+  const [selectedDiscout, setSelectedDiscount] = (0, import_react3.useState)(null);
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
     "section",
     {
@@ -491,13 +534,13 @@ function BenefitsTable({
 var BenefitsTable_default = BenefitsTable;
 
 // src/components/UI/Text/index.tsx
-var import_classnames5 = __toESM(require("classnames"));
+var import_classnames6 = __toESM(require("classnames"));
 var import_jsx_runtime10 = require("react/jsx-runtime");
 function Text(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     "p",
     {
-      className: (0, import_classnames5.default)(
+      className: (0, import_classnames6.default)(
         "text-start font-normal text-sm text-zinc-900",
         props.className
       ),
@@ -511,14 +554,14 @@ function Text(props) {
 var Text_default = Text;
 
 // src/components/Iframe/index.tsx
-var import_classnames6 = __toESM(require("classnames"));
+var import_classnames7 = __toESM(require("classnames"));
 var import_lucide_react3 = require("lucide-react");
 var import_jsx_runtime11 = require("react/jsx-runtime");
 function Iframe({ url, title, openModal, setOpenModal }) {
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
     "main",
     {
-      className: (0, import_classnames6.default)(
+      className: (0, import_classnames7.default)(
         "fixed inset-0 flex items-center justify-center z-50 flex-col transition-all shadow",
         {
           "opacity-100 pointer-events-auto": openModal,
@@ -578,10 +621,10 @@ function Iframe({ url, title, openModal, setOpenModal }) {
 var Iframe_default = Iframe;
 
 // src/components/SecurityNumberInvalid/index.tsx
-var import_react3 = require("react");
+var import_react4 = require("react");
 var import_jsx_runtime12 = require("react/jsx-runtime");
 function SecurityNumberInvalid({ textColor }) {
-  const [openModal, setOpenModal] = (0, import_react3.useState)(false);
+  const [openModal, setOpenModal] = (0, import_react4.useState)(false);
   return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
     "section",
     {
@@ -616,10 +659,10 @@ function SecurityNumberInvalid({ textColor }) {
 var SecurityNumberInvalid_default = SecurityNumberInvalid;
 
 // src/PBM.tsx
-var import_react4 = require("react");
+var import_react5 = require("react");
 
 // src/components/UI/Link/index.tsx
-var import_classnames7 = __toESM(require("classnames"));
+var import_classnames8 = __toESM(require("classnames"));
 
 // src/utils/getParams.ts
 var getParams = (params) => {
@@ -636,7 +679,7 @@ function Link(props) {
       ...props,
       target: "_blank",
       href: typeof props.href === "string" ? props.href : props.href.pathname + getParams(props.href.param),
-      className: (0, import_classnames7.default)(
+      className: (0, import_classnames8.default)(
         "w-3xs cursor-pointer h-10 rounded-full bg-blue-500 hover:bg-blue-400 text-white text-sm font-semibold transition-colors flex items-center justify-center",
         props.className
       ),
@@ -677,12 +720,12 @@ function SecurityNumberRegitered({ textColor }) {
 var SecurityNumberRegitered_default = SecurityNumberRegitered;
 
 // src/services/authorization.ts
-var import_js_cookie = __toESM(require("js-cookie"));
-var import_meta = {};
+var import_js_cookie2 = __toESM(require("js-cookie"));
+var import_meta2 = {};
 var GetAuthorization = async ({ clientID }) => {
-  const API_URL = import_meta.env.VITE_API_URL;
-  const STORE_ID = import_meta.env.VITE_STORE_ID;
-  const STORE_NAME = import_meta.env.VITE_STORE_NAME;
+  const API_URL = import_meta2.env.VITE_API_URL;
+  const STORE_ID = import_meta2.env.VITE_STORE_ID;
+  const STORE_NAME = import_meta2.env.VITE_STORE_NAME;
   if (!API_URL) {
     throw new Error("API URL is not defined in environment variables");
   }
@@ -704,12 +747,12 @@ var GetAuthorization = async ({ clientID }) => {
   if (!dataResponse.success) {
     throw new Error(dataResponse.message || "Failed to fetch authorization");
   }
-  import_js_cookie.default.set("pbm-token", dataResponse.data.token, {
+  import_js_cookie2.default.set("pbm-token", dataResponse.data.token, {
     expires: parseInt(dataResponse.data.expiresIn, 10) / (60 * 60),
     secure: true,
     sameSite: "Strict"
   });
-  import_js_cookie.default.set("pbm-token-refresh", dataResponse.data.refreshToken, {
+  import_js_cookie2.default.set("pbm-token-refresh", dataResponse.data.refreshToken, {
     secure: true,
     sameSite: "Strict"
   });
@@ -718,42 +761,6 @@ var GetAuthorization = async ({ clientID }) => {
 
 // src/PBM.tsx
 var import_lucide_react4 = require("lucide-react");
-
-// src/services/get-product-by-ean.ts
-var import_js_cookie2 = __toESM(require("js-cookie"));
-var import_meta2 = {};
-var GetProductByEAN = async ({ PRODUCT_EAN }) => {
-  const API_URL = import_meta2.env.VITE_API_URL;
-  const AUTH_TOKEN = import_js_cookie2.default.get("pbm-token");
-  if (!AUTH_TOKEN) {
-    throw new Error("Token is not defined in cookies or is expired");
-  }
-  const response = await fetch(`${API_URL}/core/products?ean=${PRODUCT_EAN}`, {
-    method: "GET",
-    headers: {
-      Authorization: `Bearer ${AUTH_TOKEN}`,
-      "Content-Type": "application/json"
-    }
-  });
-  const dataResponse = await response.json();
-  if (!dataResponse.success) {
-    throw new Error(dataResponse.message || "Failed to fetch authorization");
-  }
-  return dataResponse;
-};
-
-// src/libs/zustand/useTargetProduct.tsx
-var import_zustand2 = require("zustand");
-var initialTargetProductState = {
-  targetProductInternal: null
-};
-var createPBMStore2 = (set) => ({
-  ...initialTargetProductState,
-  setTargetProductInternal: (targetProductInternal) => set({ targetProductInternal })
-});
-var useTargetProducts = (0, import_zustand2.create)(createPBMStore2);
-
-// src/PBM.tsx
 var import_jsx_runtime15 = require("react/jsx-runtime");
 function PBM({
   originalProductPrice,
@@ -761,38 +768,29 @@ function PBM({
   clientID,
   eanProduct
 }) {
-  const [loading, setLoading] = (0, import_react4.useState)(false);
+  const formatedOriginalProductPrice = Number(
+    String(originalProductPrice).replace(",", ".")
+  );
+  const [loading, setLoading] = (0, import_react5.useState)(false);
   const { setState, state, setTargetProduct } = usePBMStore();
-  const { setTargetProductInternal } = useTargetProducts();
-  const handleGetProductByEAN = (0, import_react4.useCallback)(async () => {
-    try {
-      const response = await GetProductByEAN({ PRODUCT_EAN: eanProduct });
-      if (response.success) {
-        const productByEan = response.data.message.products[0];
-        setTargetProduct(productByEan);
-        setTargetProductInternal(productByEan);
-      }
-    } catch (error) {
-      console.error(error);
-    }
-  }, [eanProduct, setTargetProduct, setTargetProductInternal]);
-  const handleAuthorizationRequest = (0, import_react4.useCallback)(async () => {
+  const handleAuthorizationRequest = (0, import_react5.useCallback)(async () => {
     try {
       const response = await GetAuthorization({ clientID });
-      if (response.success && eanProduct) {
-        handleGetProductByEAN();
+      if (response.success) {
+        setTargetProduct({ ean: eanProduct, quantity: 1 });
+        console.log("Authorization successful:", response.data);
       } else {
         console.error("Authorization failed:", response.message);
       }
     } catch (error) {
       console.error("Error fetching authorization:", error);
     }
-  }, [clientID, handleGetProductByEAN, eanProduct]);
-  (0, import_react4.useEffect)(() => {
+  }, [clientID, eanProduct]);
+  (0, import_react5.useEffect)(() => {
     handleAuthorizationRequest();
   }, [handleAuthorizationRequest]);
   return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Container_default, { variant: "main", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Header_default, { originalProductPrice: originalProductPrice || 0 }),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Header_default, { originalProductPrice: formatedOriginalProductPrice || 0 }),
     /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Container_default, { variant: "simple", children: [
       state === "isEmpty" && !loading && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Form_default, { setLoading }),
@@ -812,9 +810,9 @@ function PBM({
       state === "isEmpty" && loading && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Loading_default, {}),
       state === "isInvalid" && !loading && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SecurityNumberInvalid_default, {}),
       state === "isRegistered" && !loading && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SecurityNumberRegitered_default, {}),
-      state === "isActivated" && !loading && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(BenefitsTable_default, { originalProductPrice })
+      state === "isActivated" && !loading && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(BenefitsTable_default, { originalProductPrice: formatedOriginalProductPrice })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Footer_default, { industryLogo })
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Footer_default, { industryLogo: industryLogo || void 0 })
   ] });
 }
 var PBM_default = PBM;