@churchapps/apphelper 0.4.11 → 0.4.17

package/dist/pageComponents/components/SelectableChurch.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-import { ChurchInterface } from "@churchapps/helpers";
-interface Props {
-    selectChurch: (churchId: string) => void;
-    church: ChurchInterface;
-}
-export declare const SelectableChurch: React.FC<Props>;
-export {};
-//# sourceMappingURL=SelectableChurch.d.ts.map

package/dist/pageComponents/components/SelectableChurch.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectableChurch.d.ts","sourceRoot":"","sources":["../../../src/pageComponents/components/SelectableChurch.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAA2B,MAAM,qBAAqB,CAAC;AAE/E,UAAU,KAAK;IACb,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,MAAM,EAAE,eAAe,CAAA;CACxB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA2B5C,CAAC"}

package/dist/pageComponents/components/SelectableChurch.js

@@ -1,18 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SelectableChurch = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const helpers_1 = require("../../helpers");
-const SelectableChurch = (props) => {
-    let logo = "/images/logo.png";
-    if (props.church.settings) {
-        let l = helpers_1.ArrayHelper.getOne(props.church.settings, "keyName", "logoLight");
-        if (l?.value)
-            logo = l.value;
-    }
-    return ((0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, spacing: 3, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { size: { xs: 12, md: 6 }, children: (0, jsx_runtime_1.jsx)("a", { href: "about:blank", style: { fontSize: "1.125rem", display: "block", marginTop: 15, marginBottom: 15 }, onClick: (e) => { e.preventDefault(); props.selectChurch(props.church.id); }, children: (0, jsx_runtime_1.jsx)("img", { src: logo, alt: "church logo", className: "w-100 img-fluid" }) }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { size: { xs: 12, md: 6 }, children: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("a", { href: "about:blank", style: { fontSize: "1.125rem", display: "block" }, onClick: (e) => { e.preventDefault(); props.selectChurch(props.church.id); }, children: props.church.name }), (props.church.address1) && (0, jsx_runtime_1.jsx)("div", { children: props.church.address1 }), (props.church.city || props.church.state) && (0, jsx_runtime_1.jsxs)("div", { children: [props.church.city && props.church.city + ", ", props.church.state] })] }) }), (0, jsx_runtime_1.jsx)("span", { style: { display: "block", width: "100%", borderTop: "1px solid #ccc", margin: "1rem" } })] }));
-};
-exports.SelectableChurch = SelectableChurch;
-//# sourceMappingURL=SelectableChurch.js.map

package/dist/pageComponents/components/SelectableChurch.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectableChurch.js","sourceRoot":"","sources":["../../../src/pageComponents/components/SelectableChurch.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;AAEb,4CAAqC;AAErC,2CAA2C;AAQpC,MAAM,gBAAgB,GAAoB,CAAC,KAAK,EAAE,EAAE;IAEzD,IAAI,IAAI,GAAG,kBAAkB,CAAC;IAC9B,IAAI,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC;QAC1B,IAAI,CAAC,GAA4B,qBAAW,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC;QACnG,IAAI,CAAC,EAAE,KAAK;YAAE,IAAI,GAAG,CAAC,CAAC,KAAK,CAAC;IAC/B,CAAC;IACD,OAAO,CACL,wBAAC,eAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,aACxB,uBAAC,eAAI,IAAC,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,YAC3B,8BAAG,IAAI,EAAC,aAAa,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC,cAAc,EAAE,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,CAAA,CAAC,CAAC,YACnL,gCAAK,GAAG,EAAE,IAAI,EAAE,GAAG,EAAC,aAAa,EAAC,SAAS,EAAC,iBAAiB,GAAG,GAC9D,GACC,EACP,uBAAC,eAAI,IAAC,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,YAC3B,4CACE,8BAAG,IAAI,EAAC,aAAa,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC,cAAc,EAAE,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,CAAA,CAAC,CAAC,YAAG,KAAK,CAAC,MAAM,CAAC,IAAI,GAAK,EAC5K,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,0CAAM,KAAK,CAAC,MAAM,CAAC,QAAQ,GAAO,EAC7D,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,IAAI,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,4CAC3C,KAAK,CAAC,MAAM,CAAC,IAAI,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,GAAG,IAAI,EAC7C,KAAK,CAAC,MAAM,CAAC,KAAK,IACf,IACF,GACD,EACP,iCAAM,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,EAAE,MAAM,EAAE,GAAS,IACjG,CACR,CAAC;AACJ,CAAC,CAAC;AA3BW,QAAA,gBAAgB,oBA2B3B"}

package/dist/pageComponents/index.d.ts

@@ -1,4 +0,0 @@
-export { LoginPage } from "./LoginPage";
-export { LogoutPage } from "./LogoutPage";
-export { Register } from "./components/Register";
-//# sourceMappingURL=index.d.ts.map

package/dist/pageComponents/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/pageComponents/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/pageComponents/index.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Register = exports.LogoutPage = exports.LoginPage = void 0;
-var LoginPage_1 = require("./LoginPage");
-Object.defineProperty(exports, "LoginPage", { enumerable: true, get: function () { return LoginPage_1.LoginPage; } });
-var LogoutPage_1 = require("./LogoutPage");
-Object.defineProperty(exports, "LogoutPage", { enumerable: true, get: function () { return LogoutPage_1.LogoutPage; } });
-var Register_1 = require("./components/Register");
-Object.defineProperty(exports, "Register", { enumerable: true, get: function () { return Register_1.Register; } });
-//# sourceMappingURL=index.js.map

package/dist/pageComponents/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/pageComponents/index.ts"],"names":[],"mappings":";;;AAAA,yCAAwC;AAA/B,sGAAA,SAAS,OAAA;AAClB,2CAA0C;AAAjC,wGAAA,UAAU,OAAA;AACnB,kDAAiD;AAAxC,oGAAA,QAAQ,OAAA"}

package/src/components/markdownEditor/Editor.tsx

@@ -1,150 +0,0 @@
-"use client";
-
-import React, {useCallback, useMemo} from "react";
-import { LexicalComposer } from "@lexical/react/LexicalComposer";
-import { RichTextPlugin } from "@lexical/react/LexicalRichTextPlugin";
-import { ContentEditable } from "@lexical/react/LexicalContentEditable";
-import { HistoryPlugin } from "@lexical/react/LexicalHistoryPlugin";
-import { OnChangePlugin } from "@lexical/react/LexicalOnChangePlugin";
-import { AutoFocusPlugin } from "@lexical/react/LexicalAutoFocusPlugin";
-import { LexicalErrorBoundary } from "@lexical/react/LexicalErrorBoundary";
-import { ListPlugin } from "@lexical/react/LexicalListPlugin";
-import { LexicalNode } from "lexical";
-import { MarkdownShortcutPlugin } from "@lexical/react/LexicalMarkdownShortcutPlugin";
-import { TRANSFORMERS, $convertToMarkdownString, $convertFromMarkdownString } from "@lexical/markdown";
-import { HeadingNode, QuoteNode } from "@lexical/rich-text";
-import { ListItemNode, ListNode } from "@lexical/list";
-import { TableCellNode, TableNode, TableRowNode } from "@lexical/table";
-import { AutoLinkNode, LinkNode } from "@lexical/link";
-import { CodeHighlightNode, CodeNode } from "@lexical/code";
-import { theme } from "./theme";
-import { ToolbarPlugin, CustomAutoLinkPlugin, ListMaxIndentLevelPlugin, PLAYGROUND_TRANSFORMERS, ReadOnlyPlugin, ControlledEditorPlugin } from "./plugins";
-import FloatingTextFormatToolbarPlugin from "./plugins/FloatingTextMenu/FloatingTextFormatToolbarPlugin";
-import { MarkdownModal } from "./MarkdownModal";
-import CustomLinkNodePlugin from "./plugins/customLink/CustomLinkNodePlugin";
-import { CustomLinkNode } from "./plugins/customLink/CustomLinkNode";
-import EmojisPlugin from "./plugins/emoji/EmojisPlugin";
-import { EmojiNode } from "./plugins/emoji/EmojiNode";
-import EmojiPickerPlugin from "./plugins/emoji/EmojiPickerPlugin";
-
-interface Props {
-  value: string;
-  onChange?: (value: string) => void;
-  mode?: "interactive" | "preview";
-  style?: any;
-  textAlign?: "left" | "center" | "right";
-  placeholder?: string;
-  element?: any;
-  showFloatingEditor?: boolean;
-}
-
-function Editor({ value, onChange = () => {}, mode = "interactive", textAlign = "left", style, placeholder = "Enter some text...", showFloatingEditor = false, ...props }: Props) {
-  const [fullScreen, setFullScreen] = React.useState(false);
-
-  const handleChange = (editorState: any) => {
-    editorState.read(() => {
-      const markdown = $convertToMarkdownString(PLAYGROUND_TRANSFORMERS);
-      onChange(markdown);
-    });
-  };
-
-  const onError = (error: any) => {
-    console.error(error);
-  };
-
-  const handleModalOnChange = (value: string) => {
-    onChange(value);
-  };
-
-  const handleCloseFullScreen = () => {
-    setFullScreen(false);
-  };
-
-  const initialConfig = {
-    editorState: () => $convertFromMarkdownString(value, PLAYGROUND_TRANSFORMERS),
-    namespace: "editor",
-    theme,
-    onError,
-    nodes: [
-      HeadingNode,
-      ListNode,
-      ListItemNode,
-      QuoteNode,
-      CodeNode,
-      CodeHighlightNode,
-      TableNode,
-      TableCellNode,
-      TableRowNode,
-      AutoLinkNode,
-      LinkNode,
-      CustomLinkNode,
-      EmojiNode,
-      {
-        replace: LinkNode,
-        with: (node: LinkNode) => (
-          new CustomLinkNode(node.getURL(), node.getTarget(), [])
-        )
-      },
-    ],
-    markdown: { transformers: PLAYGROUND_TRANSFORMERS }
-  };
-
-  let textAlignClass = "";
-  switch (textAlign) {
-    case "center":
-      textAlignClass = "text-center";
-      break;
-    case "right":
-      textAlignClass = "text-right";
-      break;
-    case "left":
-    default:
-      textAlignClass = "text-left";
-      break;
-  }
-
-  return (
-    <>
-      <LexicalComposer initialConfig={initialConfig}>
-        <div
-          className={mode === "preview" ? `editor-container preview ${textAlignClass}` : `editor-container ${textAlignClass}`}
-          style={Object.assign({ border: mode === "preview" ? "none" : "1px solid lightgray" }, style)}
-        >
-          {mode !== "preview" && (<ToolbarPlugin goFullScreen={() => { setFullScreen(true); }} />)}
-          <div className="editor-inner">
-            {!fullScreen && (
-              <RichTextPlugin
-                contentEditable={
-                  <ContentEditable
-                    className="editor-input"
-                    style={{ minHeight: mode === "preview" ? "auto" : "150px" }}
-                    data-element={JSON.stringify(props.element)}
-                  />
-                }
-                placeholder={mode !== "preview" ? (<div className="editor-placeholder">{placeholder}</div>) : null}
-                ErrorBoundary={LexicalErrorBoundary}
-              />
-            )}
-            <CustomLinkNodePlugin />
-            {mode !== "preview" && <EmojiPickerPlugin />}
-            <EmojisPlugin />
-            {showFloatingEditor && <FloatingTextFormatToolbarPlugin />}
-            <OnChangePlugin onChange={handleChange} />
-            {mode !== "preview" && <AutoFocusPlugin />}
-            <HistoryPlugin />
-            <ListPlugin />
-            <CustomAutoLinkPlugin />
-
-            <ListMaxIndentLevelPlugin maxDepth={7} />
-            <ReadOnlyPlugin isDisabled={mode === "preview"} />
-            <ControlledEditorPlugin isFullscreen={fullScreen} value={value} isPreview={mode === "preview"} />
-            <MarkdownShortcutPlugin transformers={TRANSFORMERS} />
-          </div>
-        </div>
-      </LexicalComposer>
-      {fullScreen && (<MarkdownModal onChange={handleModalOnChange} value={value} hideModal={handleCloseFullScreen} />)}
-    </>
-  );
-}
-
-export default Editor;

package/src/components/markdownEditor/IconNamesList.ts

@@ -1,14 +0,0 @@
-// Minimal icon names list for markdown editor emoji functionality
-// The full icon picker has been moved to B1App
-const IconNamesList = [
-  "person", "group", "groups", "contact_mail", "mail", "church", "favorite", 
-  "volunteer_activism", "link", "home", "apps", "web", "public", "rss_feed", 
-  "videocam", "live_tv", "music_note", "menu_book", "star", "accessible", 
-  "woman", "man", "child_care", "handshake", "location_on", "restaurant", 
-  "local_cafe", "face", "sentiment_satisfied", "thumb_up", "celebration",
-  "check", "close", "add", "remove", "edit", "delete", "save", "cancel",
-  "search", "filter_list", "sort", "refresh", "download", "upload",
-  "share", "copy", "cut", "paste", "undo", "redo", "zoom_in", "zoom_out"
-];
-
-export default IconNamesList;

package/src/components/markdownEditor/MarkdownEditor.tsx

@@ -1,18 +0,0 @@
-"use client";
-
-import React from "react";
-import { lazy, Suspense } from 'react';
-import { Loading } from "../Loading";
-const Editor = lazy(() => import('./Editor'));
-
-interface Props {
-  value: string;
-  onChange?: (newValue: string) => void;
-  style?: any;
-  textAlign?: "left" | "center" | "right";
-  placeholder?: string;
-}
-
-export function MarkdownEditor({ value: markdownString = "", onChange, style, textAlign, placeholder }: Props) {
-  return <Suspense fallback={<Loading />}><Editor value={markdownString} onChange={onChange} style={style} textAlign={textAlign} placeholder={placeholder} /></Suspense>
-}

package/src/components/markdownEditor/MarkdownModal.tsx

@@ -1,49 +0,0 @@
-"use client";
-
-import React, { useEffect, useState } from "react";
-import { Button, Dialog, DialogActions, DialogContent, DialogTitle, Grid, TextField } from "@mui/material";
-import { MarkdownPreview } from "./MarkdownPreview";
-import { Locale } from "../../helpers";
-
-interface Props {
-  hideModal: () => void
-  onChange: (newValue: string) => void
-  value?: string;
-}
-
-const guideLink = <a href="https://www.markdownguide.org/cheat-sheet/" target="_blank" rel="noopener noreferrer" style={{ float: "right" }}>{Locale.label("markdownEditor.markdownGuide")}</a>;
-
-
-export const MarkdownModal: React.FC<Props> = ({ value, onChange, hideModal }) => {
-  const [inputVal, setInputVal] = useState(value);
-
-
-  useEffect(() => {
-    if (value.trim() === inputVal.trim()) return;
-    setInputVal(value);
-  }, [value, inputVal]);
-
-  useEffect(() => { onChange(inputVal); }, [inputVal, onChange]);
-
-  return (<Dialog open={true} onClose={() => { hideModal() }} fullScreen={true}>
-    <DialogTitle>{Locale.label("markdownEditor.markdownGuide")}</DialogTitle>
-    <DialogContent>
-      <Grid container spacing={3}>
-        <Grid size={6}>
-          <TextField fullWidth multiline label={<>{Locale.label("markdownEditor.content")} &nbsp; {guideLink}</>} name="modalMarkdown" className="modalMarkdown" InputProps={{ style: { height: "80vh" } }} value={inputVal} onChange={(e) => {
-            setInputVal(e.target.value);
-          }} placeholder="" />
-        </Grid>
-        <Grid size={6}>
-          <div style={{ border: "1px solid #BBB", borderRadius: 5, marginTop: 15, padding: 10, height: "80vh", overflowY: "scroll" }} id="markdownPreview">
-            <div style={{ marginTop: -20, marginBottom: -10, position: "absolute" }}><span style={{ backgroundColor: "#FFFFFF", color: "#999", fontSize: 13 }}> &nbsp; Preview &nbsp; </span></div>
-            <MarkdownPreview value={inputVal} />
-          </div>
-        </Grid>
-      </Grid>
-    </DialogContent>
-    <DialogActions sx={{ paddingX: "16px", paddingBottom: "12px" }}>
-      <Button variant="outlined" onClick={() => { hideModal() }}>{Locale.label("common.close")}</Button>
-    </DialogActions>
-  </Dialog>)
-};

package/src/components/markdownEditor/MarkdownPreview.tsx

@@ -1,18 +0,0 @@
-"use client";
-
-import React, { Suspense } from "react";
-import { lazy } from 'react';
-const Editor = lazy(() => import('./Editor'));
-
-interface Props {
-  value: string;
-  textAlign?: "left" | "center" | "right",
-  element?: any,
-  showFloatingEditor?: boolean
-}
-
-export function MarkdownPreview({ value: markdownString = "", textAlign, showFloatingEditor = false, ...props }: Props) {
-  return <Suspense fallback={<div>{markdownString || ""}</div>}>
-    <Editor mode="preview" value={markdownString || ""} textAlign={textAlign} element={props.element} showFloatingEditor={showFloatingEditor} />
-  </Suspense>
-}

package/src/components/markdownEditor/MarkdownPreviewLight.tsx

@@ -1,53 +0,0 @@
-import {marked} from "marked";
-
-interface Props {
-  value: string;
-  textAlign?: "left" | "center" | "right"
-}
-
-export function MarkdownPreviewLight({ value: markdownString = "", textAlign }: Props) {
-
-  const getTargetAndClasses = (extra: string) => {
-    let result = "";
-    const classRegex = /\.[^( |\})]+/g;
-    const matches = extra.match(classRegex)
-    if (matches && matches.length > 0) {
-      let classes = matches.join(" ");
-      classes = classes.replaceAll(".", "");
-      result = " class=\"" + classes + "\"";
-    }
-    const targetRegex = /:target="([^"]+)"/g;
-    let targets = targetRegex.exec(extra);
-    if (targets) result += " " + targets[0].replace(":", "");
-    return result;
-  }
-
-  // \[([^\]]+)\] - text
-  // \(([^)]+)\) - url
-  // \{([^\}]+)\} - target and classes
-  // \[([^\]]+)\]\(([^)]+)\)\{([^\}]+)\} - full
-  const getSpecialLinks = (markdownString: string) => {
-    if (!markdownString) return "";
-    const regex = /\[([^\]]+)\]\(([^)]+)\)\{([^\}]+)\}/g;
-    const convertedText = markdownString.replace(regex, (match, text, url, extra) => {
-      if (!match) return text;
-      let result = "<a href=\"" + url + "\"";
-      result += getTargetAndClasses(extra);
-      result += ">" + text + "</a>";
-      return result;
-    });
-    return convertedText
-  }
-
-  if (markdownString === null || markdownString === undefined || !markdownString) return <></>;
-  else {
-    const convertedText = getSpecialLinks(markdownString || "");
-    let processedMarkdown = convertedText;
-    processedMarkdown = convertedText.replace(/__(.*?)__/g, "<u>$1</u>"); //Replace `__underlined__` with `<u>underlined</u>`
-    processedMarkdown = processedMarkdown.replace(/```([\s\S]+?)```/g, "<pre class='code-block'><code>$1</code></pre>"); //Convert block code ```code``` to <pre><code>code</code></pre>
-    processedMarkdown = processedMarkdown.replace(/`([^`]+)`/g, "<code>$1</code>"); //Convert inline code `code` to <code>code</code>
-    const html = marked.parse(processedMarkdown || "")
-    const style = (textAlign) ? {textAlign} : {}
-    return <div style={style} dangerouslySetInnerHTML={{__html: html as string}}></div>
-  }
-}