interface: removed deprecated ContactCard

pkg/interface/src/views/apps/profile/components/ContactCard.tsx

@@ -1,167 +0,0 @@
-import React from "react";
-import { Sigil } from "~/logic/lib/sigil";
-import * as Yup from "yup";
-
-import { uxToHex } from "~/logic/lib/util";
-import {
-  ManagedForm as Form,
-  Col,
-  ManagedTextInputField as Input,
-  Box,
-  Text,
-  Row,
-  BaseImage
-} from "@tlon/indigo-react";
-import { Formik, FormikHelpers } from "formik";
-import { Contact } from "~/types/contact-update";
-import { AsyncButton } from "~/views/components/AsyncButton";
-import { ColorInput } from "~/views/components/ColorInput";
-import GlobalApi from "~/logic/api/global";
-import { ImageInput } from "~/views/components/ImageInput";
-import { S3State } from "~/types";
-import useLocalState from "~/logic/state/local";
-
-interface ContactCardProps {
-  contact: Contact;
-  path: string;
-  api: GlobalApi;
-  s3: S3State;
-  rootIdentity: Contact;
-}
-
-const formSchema = Yup.object({
-  color: Yup.string(),
-  nickname: Yup.string(),
-  email: Yup.string().matches(
-    new RegExp(
-      String(
-        /[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*/.source
-      ) +
-        /@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?/
-          .source
-    ),
-    "Not a valid email"
-  ),
-  phone: Yup.string().matches(
-    new RegExp(
-      String(/^\s*(?:\+?(\d{1,3}))?/.source) +
-        /([-. (]*(\d{3})[-. )]*)?((\d{3})[-. ]*(\d{2,4})(?:[-.x ]*(\d+))?)\s*$/
-          .source
-    ),
-    "Not a valid phone"
-  ),
-
-  website: Yup.string().matches(
-    new RegExp(
-      String(/[(http(s)?):\/\/(www\.)?a-zA-Z0-9@:%._\+~#=]{2,256}/.source) +
-        /\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)/.source
-    ),
-    "Not a valid website"
-  ),
-});
-
-const emptyContact = {
-  avatar: null,
-  color: '0',
-  nickname: '',
-  email: '',
-  phone: '',
-  website: '',
-  notes: ''
-};
-
-export function ContactCard(props: ContactCardProps) {
-  const { hideAvatars, hideNicknames } = useLocalState(({ hideAvatars, hideNicknames }) => ({
-    hideAvatars, hideNicknames
-  }));
-  const us = `~${window.ship}`;
-  const { contact, rootIdentity } = props;
-  const onSubmit = async (values: any, actions: FormikHelpers<Contact>) => {
-    try {
-      if(!contact) {
-        const [,,ship] = props.path.split('/');
-        values.color = uxToHex(values.color);
-        const sharedValues = Object.assign({}, values);
-        sharedValues.avatar = !values.avatar ? null : { url: values.avatar };
-        console.log(values);
-        await props.api.contacts.share(ship, props.path, us, sharedValues);
-        actions.setStatus({ success: null });
-        return;
-      }
-
-      await Object.keys(values).reduce((acc, key) => {
-        const newValue = key !== "color" ? values[key] : uxToHex(values[key]);
-        if (newValue !== contact[key]) {
-          if (key === "avatar") {
-            return acc.then(() =>
-              props.api.contacts.edit(props.path, us, {
-                avatar: { url: newValue },
-              } as any)
-            );
-          }
-
-          return acc.then(() =>
-            props.api.contacts.edit(props.path, us, {
-              [key]: newValue,
-            } as any)
-          );
-        }
-        return acc;
-      }, Promise.resolve());
-      actions.setStatus({ success: null });
-    } catch (e) {
-      console.error(e);
-      actions.setStatus({ error: e.message });
-    }
-  };
-
-  const hexColor = contact?.color ? `#${uxToHex(contact.color)}` : "#000000";
-  const image = (!hideAvatars && contact?.avatar)
-    ? <BaseImage src={contact.avatar} width='100%' height='100%' style={{ objectFit: 'cover' }} />
-    : <Sigil ship={us} size={32} color={hexColor} />;
-
-  const nickname = (!hideNicknames && contact?.nickname) ? contact.nickname : "";
-
-  return (
-    <Box p={4} height="100%" overflowY="auto">
-      <Formik
-        validationSchema={formSchema}
-        initialValues={contact || rootIdentity || emptyContact}
-        onSubmit={onSubmit}
-      >
-        <Form
-          display="grid"
-          gridAutoRows="auto"
-          gridTemplateColumns="100%"
-          gridRowGap="5"
-          maxWidth="400px"
-          width="100%"
-        >
-          <Row
-            borderBottom={1}
-            borderBottomColor="washedGray"
-            pb={3}
-            alignItems="center"
-          >
-            <Box height='32px' width='32px'>
-              {image}
-            </Box>
-            <Box ml={2}>
-              <Text mono={!Boolean(nickname)}>{nickname}</Text>
-            </Box>
-          </Row>
-          <ImageInput id="avatar" label="Avatar" s3={props.s3} />
-          <ColorInput id="color" label="Sigil Color" />
-          <Input id="nickname" label="Nickname" />
-          <Input id="email" label="Email" />
-          <Input id="phone" label="Phone" />
-          <Input id="website" label="Website" />
-          <Input id="notes" label="Notes" />
-          <AsyncButton primary loadingText="Updating..." border>
-            {(contact) ? "Save" : "Share Contact"}
-          </AsyncButton>
-        </Form>
-      </Formik>
-    </Box>
-  );
-}