Sistema de dinamización de urls de Zoho

Constantes necesarias

• En el archivo src/constants/webhookZoho.ts se han añadido las siguientes constantes para los webhooks:

export const USER_MASTER_ZOHO = {
  production:
    "693742817/flow/webhook/incoming?zapikey=1001.d2704ae6abe3f04b43ced35efe41256b.baf0795a7f4200721276750eb6480576&isdebug=false",
  test: "693742817/flow/webhook/incoming?zapikey=1001.3f35fcc0ab20e659dc8fbbc3088a6025.45bbf6ae9f7dfb782ed192d98e9ffee2&isdebug=false",
};

export const SUPPLIER_ZOHO = {
  production:
    "693742817/flow/webhook/incoming?zapikey=1001.583681ec700a5f2557b39435f2f93d51.010ac037e71baa267ad26caf296e513b&isdebug=false",
  test: "693742817/flow/webhook/incoming?zapikey=1001.233cc1012ad34d22edd8e37d735db3b9.cd748aa298a773b55d46f99530556286&isdebug=false",
};

• En el archivo src/composables/apis.ts se ha añadido el export de isProduction que es de tipo boolean para saber si estamos en local o producción

import { PRODUCTION_API_URL, LOCAL_URL, ENVIRONMENT } from "@/constants/urls";

export const API =
  process.env.NODE_ENV === ENVIRONMENT.development
    ? LOCAL_URL
    : PRODUCTION_API_URL;

export const isProduction = process.env.NODE_ENV === ENVIRONMENT.production;

Composables necesarios

• En el archivo src/composables/webHookZoho.ts se ha añadido el siguiente código:

import { isProduction } from "@/composables/apis";
import { SUPPLIER_ZOHO, USER_MASTER_ZOHO } from "@/constants/webhookZoho";

function getZohoValue(
  isProduction: boolean,
  zohoConstant: { test: string; production: string }
) {
  return isProduction ? zohoConstant.production : zohoConstant.test;
}

export const userMasterZoho = getZohoValue(isProduction, USER_MASTER_ZOHO);
export const supplierZoho = getZohoValue(isProduction, SUPPLIER_ZOHO);

| De esta forma, no repetimos continuamente los ternarios para saber si estamos en producción o en local. |

Un ejemplo de la implementación se ha añadido en la documentación de Storybook en verticales/products en el archivo Masters.mdx