@adminide-stack/yantra-mobile 12.0.141-alpha.1 → 12.0.142-alpha.0

package/lib/features/notion/NotionShareSheet.js

@@ -0,0 +1,606 @@
+import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {useState,useEffect,useMemo}from'react';import {Modal,KeyboardAvoidingView,View,Text,Pressable,StyleSheet,Platform,ScrollView,TextInput,ActivityIndicator,Alert,Clipboard,Linking}from'react-native';import {Ionicons}from'@expo/vector-icons';import {useApolloClient,useQuery}from'@apollo/client/index.js';import {NATIVE_NOTION_PERMISSIONS,NATIVE_NOTION_PUBLICATION,NATIVE_NOTION_REFRESH_DOMAIN,NATIVE_NOTION_REMOVE_DOMAIN,NATIVE_NOTION_ADD_DOMAIN,NATIVE_NOTION_UPDATE_PERMISSIONS,NATIVE_NOTION_PUBLISH,NATIVE_NOTION_UNPUBLISH}from'./notionDocuments.js';import {EMPTY_ACCESS,normalizePermissions,generalAccessOf,ACCESS_LEVELS,personInitial,levelLabel,setGeneralAccess,validateInvitee,addPerson,updatePersonLevel,removePerson,toPermissionInputs}from'./notionPageAccess.js';import {pageLinkUrl,serverErrorText}from'./notionPageActions.js';import {ui}from'./notionUi.js';import {webOrigin}from'./usePageActions.js';function ShareSheet({
+  visible,
+  palette,
+  pageId,
+  pageTitle,
+  onClose
+}) {
+  const [tab, setTab] = useState("share");
+  useEffect(() => {
+    if (visible) setTab("share");
+  }, [visible]);
+  return /* @__PURE__ */ jsx(Modal, { visible, animationType: "slide", presentationStyle: "pageSheet", onRequestClose: onClose, children: /* @__PURE__ */ jsxs(KeyboardAvoidingView, { style: [ui.flex, {
+    backgroundColor: palette.bg
+  }], behavior: Platform.OS === "ios" ? "padding" : void 0, children: [
+    /* @__PURE__ */ jsxs(View, { style: [ui.sheetHeader, {
+      borderBottomColor: palette.hairline
+    }], children: [
+      /* @__PURE__ */ jsx(View, { style: [ui.sheetHeaderSide, ui.sheetHeaderLeft] }),
+      /* @__PURE__ */ jsx(Text, { numberOfLines: 1, style: [ui.sheetHeaderTitle, {
+        color: palette.text
+      }], children: pageTitle || "Share" }),
+      /* @__PURE__ */ jsx(Pressable, { accessibilityRole: "button", onPress: onClose, hitSlop: 8, style: ui.sheetHeaderSide, children: /* @__PURE__ */ jsx(Text, { style: [ui.sheetHeaderDone, {
+        color: palette.primary
+      }], children: "Done" }) })
+    ] }),
+    /* @__PURE__ */ jsx(View, { style: [styles.tabs, {
+      backgroundColor: palette.fill
+    }], children: ["share", "publish"].map((t) => /* @__PURE__ */ jsx(Pressable, { accessibilityRole: "tab", accessibilityState: {
+      selected: tab === t
+    }, onPress: () => setTab(t), style: [styles.tab, tab === t && {
+      backgroundColor: palette.card
+    }], children: /* @__PURE__ */ jsx(Text, { style: [styles.tabLabel, {
+      color: tab === t ? palette.text : palette.textMuted
+    }], children: t === "share" ? "Share" : "Publish" }) }, t)) }),
+    visible ? tab === "share" ? /* @__PURE__ */ jsx(ShareTab, { palette, pageId }) : /* @__PURE__ */ jsx(PublishTab, { palette, pageId }) : null
+  ] }) });
+}
+function ShareTab({
+  palette,
+  pageId
+}) {
+  var _a;
+  const client = useApolloClient();
+  const {
+    data,
+    loading,
+    error
+  } = useQuery(NATIVE_NOTION_PERMISSIONS, {
+    variables: {
+      blockId: pageId
+    },
+    fetchPolicy: "network-only"
+  });
+  const [state, setState] = useState(EMPTY_ACCESS);
+  useEffect(() => {
+    var _a2;
+    if (data) setState(normalizePermissions((_a2 = data.getBlockPermissions) != null ? _a2 : []));
+  }, [data]);
+  const [invitee, setInvitee] = useState("");
+  const [level, setLevel] = useState("edit");
+  const [saving, setSaving] = useState(false);
+  const [message, setMessage] = useState(null);
+  const general = generalAccessOf(state);
+  const link = useMemo(() => pageLinkUrl(webOrigin(), pageId), [pageId]);
+  const commit = async (next) => {
+    const prev = state;
+    setState(next);
+    setSaving(true);
+    setMessage(null);
+    try {
+      await client.mutate({
+        mutation: NATIVE_NOTION_UPDATE_PERMISSIONS,
+        variables: {
+          input: {
+            blockId: pageId,
+            permissions: toPermissionInputs(next)
+          }
+        },
+        errorPolicy: "none"
+      });
+      return true;
+    } catch (err) {
+      setState(prev);
+      setMessage({
+        text: serverErrorText(err),
+        error: true
+      });
+      return false;
+    } finally {
+      setSaving(false);
+    }
+  };
+  const invite = async () => {
+    const v = validateInvitee(invitee);
+    if ("error" in v) {
+      setMessage({
+        text: v.error,
+        error: true
+      });
+      return;
+    }
+    if (await commit(addPerson(state, v.id, level))) {
+      setInvitee("");
+      setMessage({
+        text: "Invited"
+      });
+    }
+  };
+  const personMenu = (key, id) => Alert.alert(id, void 0, [...ACCESS_LEVELS.map((l) => ({
+    text: l.label,
+    onPress: () => commit(updatePersonLevel(state, key, l.value))
+  })), {
+    text: "Remove",
+    style: "destructive",
+    onPress: () => commit(removePerson(state, key))
+  }, {
+    text: "Cancel",
+    style: "cancel"
+  }]);
+  if (loading && !data) return /* @__PURE__ */ jsx(Busy, { palette });
+  return /* @__PURE__ */ jsxs(ScrollView, { contentContainerStyle: styles.content, keyboardShouldPersistTaps: "handled", children: [
+    /* @__PURE__ */ jsxs(View, { style: [styles.card, {
+      backgroundColor: palette.card
+    }], children: [
+      /* @__PURE__ */ jsx(TextInput, { value: invitee, onChangeText: setInvitee, placeholder: "Email or user id", placeholderTextColor: palette.textFaint, autoCapitalize: "none", autoCorrect: false, keyboardType: "email-address", onSubmitEditing: invite, style: [styles.input, {
+        color: palette.text,
+        backgroundColor: palette.fill
+      }] }),
+      /* @__PURE__ */ jsx(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, contentContainerStyle: styles.chips, children: ACCESS_LEVELS.map((l) => /* @__PURE__ */ jsx(Pressable, { accessibilityRole: "button", accessibilityState: {
+        selected: level === l.value
+      }, onPress: () => setLevel(l.value), style: [styles.chip, {
+        backgroundColor: level === l.value ? palette.primarySoft : palette.fill
+      }], children: /* @__PURE__ */ jsx(Text, { style: [styles.chipLabel, {
+        color: level === l.value ? palette.primary : palette.text
+      }], children: l.label }) }, l.value)) }),
+      /* @__PURE__ */ jsx(Pressable, { accessibilityRole: "button", onPress: invite, disabled: !invitee.trim() || saving, style: [ui.primaryButton, styles.block, {
+        backgroundColor: palette.primary,
+        marginTop: 12
+      }, (!invitee.trim() || saving) && styles.disabled], children: saving ? /* @__PURE__ */ jsx(ActivityIndicator, { size: "small", color: palette.onPrimary }) : /* @__PURE__ */ jsx(Text, { style: [ui.primaryButtonLabel, {
+        color: palette.onPrimary
+      }], children: "Invite" }) })
+    ] }),
+    message || error ? /* @__PURE__ */ jsx(Text, { style: [styles.message, {
+      color: (message == null ? void 0 : message.error) || error ? palette.danger : palette.textMuted
+    }], children: (_a = message == null ? void 0 : message.text) != null ? _a : serverErrorText(error) }) : null,
+    /* @__PURE__ */ jsx(Text, { style: [styles.label, {
+      color: palette.textMuted
+    }], children: "People with access" }),
+    /* @__PURE__ */ jsx(View, { style: [ui.group, {
+      backgroundColor: palette.card
+    }], children: state.people.length ? state.people.map((p, i) => /* @__PURE__ */ jsxs(Pressable, { accessibilityRole: "button", onPress: () => personMenu(p.key, p.id), style: ({
+      pressed
+    }) => [styles.person, pressed && {
+      backgroundColor: palette.pressed
+    }], children: [
+      /* @__PURE__ */ jsx(View, { style: [styles.avatar, {
+        backgroundColor: palette.primarySoft
+      }], children: /* @__PURE__ */ jsx(Text, { style: [styles.avatarText, {
+        color: palette.primary
+      }], children: personInitial(p.id) }) }),
+      /* @__PURE__ */ jsxs(View, { style: [styles.personBody, i < state.people.length - 1 && ui.hairline, {
+        borderBottomColor: palette.hairline
+      }], children: [
+        /* @__PURE__ */ jsx(Text, { numberOfLines: 1, style: [styles.personName, {
+          color: palette.text
+        }], children: p.id }),
+        /* @__PURE__ */ jsx(Text, { style: [styles.level, {
+          color: palette.textMuted
+        }], children: levelLabel(p.level) }),
+        /* @__PURE__ */ jsx(Ionicons, { name: "chevron-down", size: 14, color: palette.textFaint })
+      ] })
+    ] }, p.key)) : /* @__PURE__ */ jsx(Text, { style: [styles.emptyRow, {
+      color: palette.textMuted
+    }], children: "Only workspace members so far." }) }),
+    /* @__PURE__ */ jsx(Text, { style: [styles.label, {
+      color: palette.textMuted
+    }], children: "General access" }),
+    /* @__PURE__ */ jsx(View, { style: [ui.group, {
+      backgroundColor: palette.card
+    }], children: ["restricted", "link"].map((g, i) => /* @__PURE__ */ jsxs(Pressable, { accessibilityRole: "radio", accessibilityState: {
+      checked: general === g
+    }, onPress: () => commit(setGeneralAccess(state, g)), style: ({
+      pressed
+    }) => [styles.person, pressed && {
+      backgroundColor: palette.pressed
+    }], children: [
+      /* @__PURE__ */ jsx(Ionicons, { name: g === "link" ? "globe-outline" : "lock-closed-outline", size: 19, color: palette.text }),
+      /* @__PURE__ */ jsxs(View, { style: [styles.personBody, i === 0 && ui.hairline, {
+        borderBottomColor: palette.hairline
+      }], children: [
+        /* @__PURE__ */ jsx(Text, { style: [styles.personName, {
+          color: palette.text
+        }], children: g === "link" ? "Anyone with the link can view" : "Only people invited" }),
+        general === g ? /* @__PURE__ */ jsx(Ionicons, { name: "checkmark", size: 20, color: palette.primary }) : null
+      ] })
+    ] }, g)) }),
+    /* @__PURE__ */ jsxs(Pressable, { accessibilityRole: "button", onPress: () => {
+      Clipboard.setString(link);
+      setMessage({
+        text: "Link copied"
+      });
+    }, style: [styles.secondary, {
+      backgroundColor: palette.primarySoft
+    }], children: [
+      /* @__PURE__ */ jsx(Ionicons, { name: "link-outline", size: 18, color: palette.primary }),
+      /* @__PURE__ */ jsx(Text, { style: [styles.secondaryLabel, {
+        color: palette.primary
+      }], children: "Copy link" })
+    ] })
+  ] });
+}
+function PublishTab({
+  palette,
+  pageId
+}) {
+  var _a;
+  const client = useApolloClient();
+  const {
+    data,
+    loading,
+    refetch
+  } = useQuery(NATIVE_NOTION_PUBLICATION, {
+    variables: {
+      blockId: pageId
+    },
+    fetchPolicy: "network-only"
+  });
+  const pub = (data == null ? void 0 : data.notionPublication) && data.notionPublication.status === "published" ? data.notionPublication : null;
+  const [visibility, setVisibility] = useState("public");
+  useEffect(() => {
+    if (pub) setVisibility(pub.visibility);
+  }, [pub]);
+  const [busy, setBusy] = useState(null);
+  const [domain, setDomain] = useState("");
+  const [message, setMessage] = useState(null);
+  const run = async (key, mutation, variables, done) => {
+    setBusy(key);
+    setMessage(null);
+    try {
+      await client.mutate({
+        mutation,
+        variables,
+        errorPolicy: "none"
+      });
+      await refetch();
+      if (done) setMessage({
+        text: done
+      });
+      return true;
+    } catch (err) {
+      setMessage({
+        text: serverErrorText(err),
+        error: true
+      });
+      return false;
+    } finally {
+      setBusy(null);
+    }
+  };
+  if (loading && !data) return /* @__PURE__ */ jsx(Busy, { palette });
+  return /* @__PURE__ */ jsxs(ScrollView, { contentContainerStyle: styles.content, keyboardShouldPersistTaps: "handled", children: [
+    /* @__PURE__ */ jsx(Text, { style: [styles.label, {
+      color: palette.textMuted
+    }], children: "Who can view" }),
+    /* @__PURE__ */ jsx(View, { style: [ui.group, {
+      backgroundColor: palette.card
+    }], children: [{
+      v: "public",
+      title: "Public",
+      sub: "Anyone with the link; search engines can index it"
+    }, {
+      v: "private",
+      title: "Private",
+      sub: "Only people signed in to your workspace"
+    }].map((o, i) => /* @__PURE__ */ jsxs(Pressable, { accessibilityRole: "radio", accessibilityState: {
+      checked: visibility === o.v
+    }, onPress: () => setVisibility(o.v), style: ({
+      pressed
+    }) => [styles.person, pressed && {
+      backgroundColor: palette.pressed
+    }], children: [
+      /* @__PURE__ */ jsx(Ionicons, { name: o.v === "public" ? "globe-outline" : "lock-closed-outline", size: 19, color: palette.text }),
+      /* @__PURE__ */ jsxs(View, { style: [styles.personBody, i === 0 && ui.hairline, {
+        borderBottomColor: palette.hairline
+      }], children: [
+        /* @__PURE__ */ jsxs(View, { style: ui.flex, children: [
+          /* @__PURE__ */ jsx(Text, { style: [styles.personName, {
+            color: palette.text
+          }], children: o.title }),
+          /* @__PURE__ */ jsx(Text, { style: [styles.sub, {
+            color: palette.textMuted
+          }], children: o.sub })
+        ] }),
+        visibility === o.v ? /* @__PURE__ */ jsx(Ionicons, { name: "checkmark", size: 20, color: palette.primary }) : null
+      ] })
+    ] }, o.v)) }),
+    pub ? /* @__PURE__ */ jsxs(View, { style: [styles.card, {
+      backgroundColor: palette.card,
+      marginTop: 16
+    }], children: [
+      /* @__PURE__ */ jsxs(View, { style: styles.liveHead, children: [
+        /* @__PURE__ */ jsx(View, { style: [styles.liveDot, {
+          backgroundColor: "#10b981"
+        }] }),
+        /* @__PURE__ */ jsx(Text, { style: [styles.personName, {
+          color: palette.text
+        }], children: "Published" })
+      ] }),
+      /* @__PURE__ */ jsx(Text, { selectable: true, numberOfLines: 2, style: [styles.url, {
+        color: palette.primary
+      }], children: pub.publicUrl }),
+      pub.storageError ? /* @__PURE__ */ jsx(Text, { style: [styles.sub, {
+        color: palette.danger
+      }], children: pub.storageError }) : null,
+      /* @__PURE__ */ jsxs(View, { style: styles.row, children: [
+        /* @__PURE__ */ jsx(SmallButton, { palette, label: "Copy link", onPress: () => {
+          Clipboard.setString(pub.publicUrl);
+          setMessage({
+            text: "Link copied"
+          });
+        } }),
+        /* @__PURE__ */ jsx(SmallButton, { palette, label: "View site", onPress: () => Linking.openURL(pub.publicUrl).catch(() => void 0) })
+      ] })
+    ] }) : null,
+    message ? /* @__PURE__ */ jsx(Text, { style: [styles.message, {
+      color: message.error ? palette.danger : palette.textMuted
+    }], children: message.text }) : null,
+    /* @__PURE__ */ jsx(Pressable, { accessibilityRole: "button", onPress: () => run("publish", NATIVE_NOTION_PUBLISH, {
+      input: {
+        blockId: pageId,
+        visibility
+      }
+    }, pub ? "Published again" : "Published"), disabled: Boolean(busy), style: [ui.primaryButton, styles.block, {
+      backgroundColor: palette.primary
+    }], children: busy === "publish" ? /* @__PURE__ */ jsx(ActivityIndicator, { size: "small", color: palette.onPrimary }) : /* @__PURE__ */ jsx(Text, { style: [ui.primaryButtonLabel, {
+      color: palette.onPrimary
+    }], children: pub ? "Update published page" : "Publish to web" }) }),
+    pub ? /* @__PURE__ */ jsx(Pressable, { accessibilityRole: "button", onPress: () => Alert.alert("Unpublish?", "The public link stops working.", [{
+      text: "Cancel",
+      style: "cancel"
+    }, {
+      text: "Unpublish",
+      style: "destructive",
+      onPress: () => run("unpublish", NATIVE_NOTION_UNPUBLISH, {
+        blockId: pageId
+      }, "Unpublished")
+    }]), style: styles.textButton, children: /* @__PURE__ */ jsx(Text, { style: [styles.dangerLabel, {
+      color: palette.danger
+    }], children: "Unpublish" }) }) : null,
+    pub ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Text, { style: [styles.label, {
+        color: palette.textMuted
+      }], children: "Custom domains" }),
+      /* @__PURE__ */ jsxs(View, { style: [styles.card, {
+        backgroundColor: palette.card
+      }], children: [
+        ((_a = pub.domains) != null ? _a : []).map((d) => {
+          var _a2;
+          return /* @__PURE__ */ jsxs(View, { style: [styles.domain, {
+            borderBottomColor: palette.hairline
+          }], children: [
+            /* @__PURE__ */ jsxs(View, { style: styles.liveHead, children: [
+              /* @__PURE__ */ jsx(Text, { style: [styles.personName, {
+                color: palette.text,
+                flex: 1
+              }], children: d.domain }),
+              /* @__PURE__ */ jsx(Text, { style: [styles.level, {
+                color: d.status === "active" ? "#10b981" : d.status === "error" ? palette.danger : palette.textMuted
+              }], children: d.status })
+            ] }),
+            d.message ? /* @__PURE__ */ jsx(Text, { style: [styles.sub, {
+              color: palette.textMuted
+            }], children: d.message }) : null,
+            ((_a2 = d.dnsRecords) != null ? _a2 : []).map((r, i) => (
+              // eslint-disable-next-line react/no-array-index-key
+              /* @__PURE__ */ jsx(Text, { selectable: true, style: [styles.dns, {
+                color: palette.text,
+                backgroundColor: palette.fill
+              }], children: `${r.type}  ${r.name}  \u2192  ${r.value}` }, i)
+            )),
+            /* @__PURE__ */ jsxs(View, { style: styles.row, children: [
+              /* @__PURE__ */ jsx(SmallButton, { palette, label: "Check", busy: busy === `r:${d.domain}`, onPress: () => run(`r:${d.domain}`, NATIVE_NOTION_REFRESH_DOMAIN, {
+                blockId: pageId,
+                domain: d.domain
+              }) }),
+              /* @__PURE__ */ jsx(SmallButton, { palette, label: "Remove", danger: true, onPress: () => run(`x:${d.domain}`, NATIVE_NOTION_REMOVE_DOMAIN, {
+                blockId: pageId,
+                domain: d.domain
+              }) })
+            ] })
+          ] }, d.domain);
+        }),
+        /* @__PURE__ */ jsxs(View, { style: styles.row, children: [
+          /* @__PURE__ */ jsx(TextInput, { value: domain, onChangeText: setDomain, placeholder: "docs.example.com", placeholderTextColor: palette.textFaint, autoCapitalize: "none", autoCorrect: false, keyboardType: "url", style: [styles.input, styles.flexInput, {
+            color: palette.text,
+            backgroundColor: palette.fill
+          }] }),
+          /* @__PURE__ */ jsx(SmallButton, { palette, label: "Add", busy: busy === "add", onPress: async () => {
+            if (!domain.trim()) return;
+            if (await run("add", NATIVE_NOTION_ADD_DOMAIN, {
+              blockId: pageId,
+              domain: domain.trim().toLowerCase()
+            })) setDomain("");
+          } })
+        ] })
+      ] })
+    ] }) : null
+  ] });
+}
+function SmallButton({
+  palette,
+  label,
+  onPress,
+  busy,
+  danger
+}) {
+  return /* @__PURE__ */ jsx(Pressable, { accessibilityRole: "button", onPress, disabled: busy, style: [styles.small, {
+    backgroundColor: danger ? palette.dangerSoft : palette.fill
+  }], children: busy ? /* @__PURE__ */ jsx(ActivityIndicator, { size: "small", color: palette.textMuted }) : /* @__PURE__ */ jsx(Text, { style: [styles.smallLabel, {
+    color: danger ? palette.danger : palette.text
+  }], children: label }) });
+}
+function Busy({
+  palette
+}) {
+  return /* @__PURE__ */ jsx(View, { style: styles.loading, children: /* @__PURE__ */ jsx(ActivityIndicator, { color: palette.textMuted }) });
+}
+const styles = StyleSheet.create({
+  tabs: {
+    flexDirection: "row",
+    margin: 16,
+    marginBottom: 4,
+    padding: 3,
+    borderRadius: 12
+  },
+  tab: {
+    flex: 1,
+    alignItems: "center",
+    paddingVertical: 8,
+    borderRadius: 9
+  },
+  tabLabel: {
+    fontSize: 14,
+    fontWeight: "600"
+  },
+  loading: {
+    paddingVertical: 48,
+    alignItems: "center"
+  },
+  content: {
+    padding: 16,
+    paddingBottom: 48
+  },
+  card: {
+    padding: 14,
+    borderRadius: 16
+  },
+  input: {
+    fontSize: 16,
+    height: 44,
+    paddingHorizontal: 12,
+    borderRadius: 10
+  },
+  flexInput: {
+    flex: 1
+  },
+  chips: {
+    gap: 8,
+    marginTop: 10
+  },
+  chip: {
+    paddingHorizontal: 12,
+    paddingVertical: 7,
+    borderRadius: 999
+  },
+  chipLabel: {
+    fontSize: 13,
+    fontWeight: "600"
+  },
+  block: {
+    alignSelf: "stretch"
+  },
+  disabled: {
+    opacity: 0.45
+  },
+  message: {
+    fontSize: 13,
+    marginTop: 10
+  },
+  label: {
+    fontSize: 13,
+    fontWeight: "600",
+    marginTop: 20,
+    marginBottom: 8,
+    marginLeft: 4
+  },
+  person: {
+    flexDirection: "row",
+    alignItems: "center",
+    paddingLeft: 14,
+    gap: 0
+  },
+  personBody: {
+    flex: 1,
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8,
+    marginLeft: 12,
+    paddingRight: 14,
+    minHeight: 52
+  },
+  personName: {
+    flexShrink: 1,
+    fontSize: 15,
+    fontWeight: "600"
+  },
+  level: {
+    marginLeft: "auto",
+    fontSize: 13,
+    fontWeight: "600"
+  },
+  sub: {
+    fontSize: 12,
+    marginTop: 2
+  },
+  avatar: {
+    width: 30,
+    height: 30,
+    borderRadius: 15,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  avatarText: {
+    fontSize: 13,
+    fontWeight: "800"
+  },
+  emptyRow: {
+    fontSize: 14,
+    padding: 14
+  },
+  secondary: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center",
+    gap: 6,
+    minHeight: 46,
+    borderRadius: 12,
+    marginTop: 20
+  },
+  secondaryLabel: {
+    fontSize: 15,
+    fontWeight: "700"
+  },
+  liveHead: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8
+  },
+  liveDot: {
+    width: 8,
+    height: 8,
+    borderRadius: 4
+  },
+  url: {
+    fontSize: 14,
+    marginTop: 8
+  },
+  row: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8,
+    marginTop: 10
+  },
+  small: {
+    minHeight: 36,
+    paddingHorizontal: 14,
+    borderRadius: 10,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  smallLabel: {
+    fontSize: 14,
+    fontWeight: "700"
+  },
+  textButton: {
+    alignItems: "center",
+    paddingVertical: 12
+  },
+  dangerLabel: {
+    fontSize: 15,
+    fontWeight: "700"
+  },
+  domain: {
+    paddingBottom: 12,
+    marginBottom: 12,
+    borderBottomWidth: StyleSheet.hairlineWidth,
+    gap: 4
+  },
+  dns: {
+    fontFamily: Platform.OS === "ios" ? "Menlo" : "monospace",
+    fontSize: 12,
+    padding: 8,
+    borderRadius: 8,
+    marginTop: 4
+  }
+});export{ShareSheet};//# sourceMappingURL=NotionShareSheet.js.map