import React, { useCallback, useEffect } from "react";
import { useBasicQuery } from "@app-structure/network-hooks/";
import { PolicyData } from "../index.interface";

const View: React.FC = () => {
  const [policyData, setPolicyData] = useState<PolicyData>();

// u can add alias
   const { runQuery: policyQuery, loading } = useBasicQuery({
    apiId: "POP_POLICY_INFO",
    callOnFirstRender: false, // set to true if you want to be called at first
    onResponse: setPolicyData,
    withLanguageParam: true,//lang params
    params: {
      policy_no: values.policy_no //addtional params
    },
    //@ts-ignore
    transformApiDataFn: (data: { data: PolicyData }) => data?.data[0] // to transform data
  });
  return (<>
                  {JSON.stringify(policyData)}

        </>)
};
export default React.memo(View);

import React, { useCallback, useEffect } from "react";
import { useBasicQuery } from "@app-structure/network-hooks/";
import { PatientResult } from "../index.interface";

const View: React.FC = () => {
  const [patientData, setPatientData] = React.useState<PatientResult>();

   const onPatientResponse = React.useCallback(data => {
    if (data?.data) {
      const patientInfo = data.data[0] as PatientResult;

      patientInfo && setPatientData(patientInfo);
     
    }
  }, []);
  const { runQuery: patientSearch } = useBasicQuery({
    apiId: "PATIENT_DATA",
    // params:,
    callOnFirstRender: false,
    onResponse: onPatientResponse
  });
  const handleSearchInput = React.useCallback(
    (value: string) => {
      patientSearch({
        request_date: moment().format(DATE_FORMAT),
        search_type: "C",
        search_value: value,
        language_id: planguageid
      });
    },
    [patientSearch, planguageid]
  );
  return (<>
                  {JSON.stringify(patientInfo)}
   <LabelledInput label="Patient Card No" labelFlex={1.32} width="450px">
            <SearchInput
              placeholder="search for patient card no"
              onSearch={handleSearchInput}
              enterButton
            />
  </LabelledInput>

        </>)
};
export default React.memo(View);

import React, { useCallback, useEffect } from "react";
import { useCodeQuery } from "@app-structure/network-hooks/";
import { SelectListProps } from "@app-structure/types";


const View: React.FC = () => {
  const [medicationTypeList, setMedicationTypeList] = React.useState<SelectListProps[]>([]);
  useCodeQuery({
    type: "u_code",
    codeId: "MEDICATION",
    onResponse: setMedicationTypeList,
    callOnFirstRender: true
  });
  return (<>
                  <Select
                  name="medication_type"
                  value={values.medication_type}
                  onChange={handleChange}
                  options={medicationTypeList}
                  width="100%"
                  size="default"
                />

        </>)
};
export default React.memo(View);

import React, { useCallback, useEffect } from "react";
import { useBasicMutation ,useBasicQuery} from "@app-structure/network-hooks/";


const View: React.FC = () => {

 const { runQuery } = useBasicQuery({
    apiId: "EXCEL_FILE",
    callOnFirstRender: false,
    onResponse: onResponseClaimStatistics,
    params: {
      claim_month: formValues.month
        ? moment(formValues.month).format("MM")
        : "",
      claim_year: formValues.year ? moment(formValues.year).format("YYYY") : "",
      client_id: formValues.clientId,
      medical_insurance_id: formValues.insurance_no,
   
    }
  });
  const { mutate } = useBasicMutation({
    apiId: "UPLOAD_EXCEL_FILE",
    method: "post"
  });
 
 
 const saveData = useCallback( () => {
       mutate({
          body: {
            ...yourObj
            
          },
          //@ts-ignore
          cb: (res: RecordType, err?: string | boolean) => {
            if (!err) {
             
              runQuery();//to rerender API
              notification.success({
                message: "file added successfully "
              });
            } else {
              console.error({ err });
              notification.error({
                message: "Something went wrong"
              });
            }
            
          }

          
        });
  }, [  mutate, runQuery]);

 
  return (<>
                  <Button
                  name="save"
               
                  onClick={saveData}  
                  width="100%"
                  
                />

        </>)
};
export default React.memo(View);

import React, { useCallback, useEffect } from "react";
 
import { PageTitle } from "@app-structure/commons/src";
const View: React.FC<TableActionViewProps> = ({
  Id,
  showModal,
  toggleModal
}) => {
   
  return (<>
             <PageTitle
              fontsize="17px"
              children={"revisionandupload"} # just add ur tite in ""
              margin="0"
            />
        </>)
export default React.memo(View);

/*
 *
 * Package: `@app-structure/environment`.
 *
 */
const { year, day, month, time } = require("./getBuildDates");

/** STEPS TO ADD NEW CLIENT */
// 1)- in `CLIENTS_NAMES` variables add the new client.
// 2)- in `CLIENTS_URLS` variables add the new client url.

const CRA_PREFIX = "REACT_APP_";

const BASE_OPTIONS_KEYS_FROM_PKG_JSON = {
  BUILD_YEAR: "BUILD_YEAR",
  BUILD_MONTH: "BUILD_MONTH",
  BUILD_DAY: "BUILD_DAY",
  BUILD_TIME: "BUILD_TIME"
};

// note that these keys values will be prefixed with `REACT_APP_` in the final
// process of this module. like `BASE_URL` will be `REACT_APP_BASE_URL=whatever`
// and you can access it's value like this `process.env.REACT_APP_BASE_URL`.
const ALLOWED_VARIABLES_KEYS_TO_ENV_FILE = {
  ...BASE_OPTIONS_KEYS_FROM_PKG_JSON,
  BASE_URL: "BASE_URL",
  API_URL: "API_URL"
};

const OPTIONS_KEYS_FROM_PKG_JSON = {
  CLIENT: "CLIENT",
  SERVER_PORT: "SERVER_PORT",
  ...BASE_OPTIONS_KEYS_FROM_PKG_JSON
};

const CLIENTS_NAMES = {
  CLOUD: "cloud",
  SAGAF: "sagaf",
  SAGAF_TEST: "sagaftest",
  TADAWY: "tadawy",
  NEWCLIENT:"NEWCLIENT"  //newly added client
};

const DEFAULT_VARS_WITH_VALUES = {
  [OPTIONS_KEYS_FROM_PKG_JSON.SERVER_PORT]: "9090",
  [OPTIONS_KEYS_FROM_PKG_JSON.CLIENT]: CLIENTS_NAMES.CLOUD,
  [OPTIONS_KEYS_FROM_PKG_JSON.BUILD_YEAR]: year,
  [OPTIONS_KEYS_FROM_PKG_JSON.BUILD_MONTH]: month,
  [OPTIONS_KEYS_FROM_PKG_JSON.BUILD_DAY]: day,
  [OPTIONS_KEYS_FROM_PKG_JSON.BUILD_TIME]: time
};

const CLIENTS_URLS = {
  [CLIENTS_NAMES.SAGAF]: "http:https://192.168.15.15",
  [CLIENTS_NAMES.CLOUD]: "http:https://161.97.142.25",
  [CLIENTS_NAMES.SAGAF_TEST]: "http:https://TEST-WEBDB",
  [CLIENTS_NAMES.TADAWY]: "http:https://192.168.1.100"
  [CLIENTS_NAMES.NEWCLIENT]: "http:https://192.168.1.985" // NEW client URL
};
module.exports = {
  DEFAULT_VARS_WITH_VALUES,
  CLIENTS_NAMES,
  CLIENTS_URLS,
  OPTIONS_KEYS_FROM_PKG_JSON,
  CRA_PREFIX,
  ALLOWED_VARIABLES_KEYS_TO_ENV_FILE
};

{
  "name": "@app-structure/demo-page",
  "version": "1.0.0",
  "private": true,
  "description": "demo package.",
  "author": "exsys",
  "license": "ISC",
  "main": "src/",
  "sideEffects": false,
  "dependencies": {
    "@app-structure/labels-provider": "1.0.0"
  },
  "peerDependencies": {
    "@types/react": "^16.x.x",
    "@types/styled-components": "^5.x.x"
  },
  "routeData": {
    "path": "/demo1"  |#page url
    "params": [ |#page param(s)
      "batch_no",
      "batch_date",
      "total_claim?" //optional params
    ]
  },
  "enableBabelTranspilation": true  | #this will be transpilated 
}
 

import createLazyComponent from "@app-structure/react-lazy";

const Modal = createLazyComponent(() =>
  import("@app-structure/modal" /* webpackChunkName: "app-structure.modal" */)
);