Prescribe embed

​

What you need

• An Application client_id from the Neutron dashboard, with your app’s URL in its allowed URLs
• A prescriber account in your Neutron organization

​

1. Install

npm install @photon-rx/react

​

2. Render the order for your patient

import { PhotonOrder, PhotonProvider } from "@photon-rx/react";
import "@photon-rx/react/styles.css";

export function Prescribe({ patient, onDone }) {
  return (
    <PhotonProvider clientId="YOUR_CLIENT_ID" environment="neutron">
      <PhotonOrder
        patient={{
          demographic: {
            name: { first: patient.firstName, last: patient.lastName },
            dateOfBirth: patient.dateOfBirth, // "1990-01-01"
            sex: patient.sex, // "FEMALE" | "MALE" | "UNKNOWN"
            phone: patient.mobile, // needed to send: Photon texts the patient
            email: patient.email,
          },
        }}
        fixed
        onPatient={(p) => p && savePhotonPatientId(patient.id, p.id)}
        onSent={() => onDone()}
      />
    </PhotonProvider>
  );
}

1. The first time, the card shows Sign in to Photon. The prescriber signs in and stays signed in.
2. Photon matches the patient. If it isn’t sure, the prescriber picks from the candidates. If there’s no match, Photon adds the patient.
3. The prescriber searches for a drug and fills in the sig and quantity. Screening runs as they type.
4. They sign each prescription, then click Send prescription to patient. Photon texts the patient a link to choose a pharmacy.

​

3. Keep the Photon id

<PhotonOrder patient="pat_01M3WQQHRB1T0K1469KD18BAWX" fixed onSent={onDone} />

<PhotonOrder patient={{ id: photonPatientId, demographic: { phone: patient.mobile } }} fixed />

​

Not using React?

import { photon } from "@photon-rx/core";

const ph = photon({ environment: "neutron", auth: { clientId: "YOUR_CLIENT_ID" } });
iframe.src = ph.order.frame({ patient: { id: "pat_01M3WQQHRB1T0K1469KD18BAWX" } });

​

Next

• Sync patients from your backend, so allergies and medications are already there for screening.
• Every prop on PhotonOrder and PhotonProvider.