solara-ui 1.45.0__py3-none-any.whl

solara/website/components/algolia_api.vue

@@ -0,0 +1,202 @@
+<template>
+    <v-menu
+        v-model="show_results"
+        offset-y>
+        <template v-slot:activator="{ on }">
+                <v-text-field
+                    v-model="query"
+                    prepend-inner-icon="mdi-magnify"
+                    hide-details
+                    dense
+                    :placeholder="mac ? '⌘K to search' : 'Ctrl+K to search'"
+                    filled
+                    outlined
+                    clearable
+                    ref="search"
+                    style="flex-grow: 1; max-width: 650px;"
+                    @click="show($event, on);"
+                    @keyup.enter="hoverItem === null ? item = 0 : item = hoverItem"
+                    @keyup.esc="close();"
+                    @keyup.down="hoverItem = hoverItem == null ? 0 : Math.min(hoverItem + 1, results.hits.length - 1, 9)"
+                    @keyup.up="hoverItem = hoverItem == null ? 9 : Math.max(hoverItem - 1, 0)"
+                    @focus="selectText();"
+                    class="algolia"
+                ></v-text-field>
+        </template>
+        <v-list v-if="results != null && results.length == 0">
+            <v-list-item>
+                <v-list-item-content>
+                    {{this.query == "" ? "Start Typing to Search" : "No search results found."}}
+                </v-list-item-content>
+            </v-list-item>
+        </v-list>
+        <v-list v-else :style="{width: menuWidth + 'px'}">
+            <v-list-item-group v-model="item">
+                <v-list-item v-for="(element, index) in this.results.hits" :key="element['url']" :input-value="index === hoverItem">
+                    <v-list-item-content>
+                        <v-list-item-title>
+                            {{ element.hierarchy.lvl1 }}
+                        </v-list-item-title>
+                        <v-list-item-subtitle v-if="element.hierarchy.lvl2 !== null">
+                            {{ element.hierarchy.lvl2 }}
+                        </v-list-item-subtitle>
+                        <v-list-item-subtitle v-html="getSnippet(element)"></v-list-item-subtitle>
+                    </v-list-item-content>
+                </v-list-item>
+            </v-list-item-group>
+            <v-list-item v-if="this.results.nbHits > 10">
+                <v-list-item-content>
+                    <v-list-item-title>And {{ this.results.nbHits - 10}} More...</v-list-item-title>
+                </v-list-item-content>
+            </v-list-item>
+        </v-list>
+    </v-menu>
+</template>
+<script>
+const search = ref(null);
+module.exports = {
+    async mounted() {
+        window.search = this;
+        await this.loadRequire();
+        this.algoliasearch = (await this.import([`https://cdn.jsdelivr.net/npm/algoliasearch@4.20.0/dist/algoliasearch-lite.umd.js`]))[0];
+        this.initSearch();
+        window.search = this;
+        this.updateMenuWidth();
+        window.addEventListener('resize', this.updateMenuWidth);
+    },
+    watch: {
+        query ( value ) {
+            this.show_results = true;
+            this.search();
+        },
+        item ( value ) {
+            if ( value === null ) return;
+            if ( this.results.hits != null && this.results.hits.length >= value ) {
+                let url = this.results.hits[value].url;
+                if (url.startsWith("https://solara.dev")) {
+                    url = url.slice(18);
+                }
+                solara.router.push( url );
+                this.close();
+                // reset the search
+                this.item = null;
+                this.hoverItem = null;
+            }
+        },
+    },
+    methods: {
+        show( e, on ) {
+            this.show_results = false;
+            this.$nextTick( () => {
+                on.click( e )
+            } );
+        },
+        close() {
+            this.show_results = false;
+            this.$refs.search.blur();
+        },
+        initSearch() {
+            this.client = this.algoliasearch( '9KW9L7O5EQ', '647ca12ba642437cc40c2adee4a78d08' );
+            this.index = this.client.initIndex( 'solara' );
+            this.mac = window.navigator.userAgent.indexOf("Mac") != -1;
+            document.addEventListener( 'keydown', ( e ) => {
+
+                if (this.mac) {
+                    if ( this.$refs.search && e.metaKey && e.key === 'k' ) {
+                        this.$refs.search.focus();
+                    }
+                }else{
+                    if ( this.$refs.search && e.ctrlKey && e.key === 'k' ) {
+                        this.$refs.search.focus();
+                    }
+                }
+            });
+        },
+        async search() {
+            results = await this.index.search( this.query, { hitsPerPage: 10 } );
+            if (results) {
+                this.results = results;
+            }else{
+                this.$set(this.results, []);
+            }
+        },
+        selectText() {
+            this.$refs.search.$refs.input.select();
+        },
+        getSnippet( element ) {
+            if (element.type == "content") {
+                return element._highlightResult.content.value;
+            }
+            let snippet = element._highlightResult.hierarchy[element.type].value;
+            if (snippet.matchLevel === "none" ) {
+                snippet = element._highlightResult.hierarchy["lvl" + parseInt(element.type[3] - 1)].value
+            }
+            return snippet;
+        },
+        updateMenuWidth() {
+            // Ensure the element is rendered and has dimensions
+            this.$nextTick(() => {
+                const activator = this.$refs.search;
+                if (activator && activator.$el) {
+                // Update the menuWidth with the activator's width
+                this.menuWidth = activator.$el.offsetWidth;
+                }
+            });
+        },
+        import(dependencies) {
+            return this.loadRequire().then(
+                () => {
+                    if (window.jupyterVue) {
+                        // in jupyterlab, we take Vue from ipyvue/jupyterVue
+                        define("vue", [], () => window.jupyterVue.Vue);
+                    } else {
+                        define("vue", ['jupyter-vue'], jupyterVue => jupyterVue.Vue);
+                    }
+                    return new Promise((resolve, reject) => {
+                        requirejs(dependencies, (...modules) => resolve(modules));
+                    })
+                }
+            );
+        },
+        loadRequire() {
+            return new Promise((resolve, reject) => {
+                const script = document.createElement('script');
+                script.src = `${this.getCdn()}/requirejs@2.3.6/require.js`;
+                script.onload = resolve;
+                script.onerror = reject;
+                document.head.appendChild(script);
+            });
+        },
+        getJupyterBaseUrl() {
+            // if base url is set, we use ./ for relative paths compared to the base url
+            if (document.getElementsByTagName("base").length) {
+                return document.baseURI;
+            }
+            const labConfigData = document.getElementById('jupyter-config-data');
+            if (labConfigData) {
+                /* lab and Voila */
+                return JSON.parse(labConfigData.textContent).baseUrl;
+            }
+            let base = document.body.dataset.baseUrl || document.baseURI;
+            if (!base.endsWith('/')) {
+                base += '/';
+            }
+            return base
+        },
+        getCdn() {
+            return window.solara ? window.solara.cdn : `${this.getJupyterBaseUrl()}_solara/cdn`;
+        },
+    },
+    data(){
+        return {
+            query: '',
+            results: [],
+            item: null,
+            hoverItem: null,
+            show_results: false,
+            mac: false,
+            menuWidth: 0,
+        }
+    },
+}
+</script>

solara/website/components/breadcrumbs.py

@@ -0,0 +1,28 @@
+from typing import List
+import solara
+
+
+@solara.component
+def BreadCrumbs():
+    router = solara.use_router()
+    routes = router.path_routes
+
+    with solara.Row(style={"align-items": "center", "flex-wrap": "wrap"}) as main:
+        for i, route in enumerate(routes):
+            if i == len(routes) - 1:
+                solara.Text(route.label or route.path, style={"color": "var(--color-text-fade)"})
+            else:
+                with solara.Link(solara.resolve_path(route), style={"color": "var(--color-text-fade)"}):
+                    solara.Text(route.label or route.path)
+            if i != len(routes) - 1:
+                solara.Text("/", style={"font-size": "1.5rem", "color": "var(--color-text-fade)"})
+    return main
+
+
+def _resolve_path_to_route(path_to_find: List[str], all_routes: List[solara.Route], routes: List[solara.Route] = []):
+    if len(path_to_find) == 0:
+        return routes
+    for route in all_routes:
+        if path_to_find[0] == route.path:
+            routes += [route]
+            return _resolve_path_to_route(path_to_find[1:], route.children, routes)

solara/website/components/contact.py

@@ -0,0 +1,144 @@
+import json
+import os
+import requests
+
+from typing import Any, Dict, Optional
+import solara
+
+
+postmark_api_key = None
+contact_email_address = None
+
+try:
+    postmark_api_key = os.environ["POSTMARK_API_KEY"]
+    contact_email_address = os.environ["SOLARA_CONTACT_EMAIL_ADDRESS"]
+except Exception:
+    pass
+
+
+@solara.component
+def Contact(
+    style: Dict[str, Any] = {},
+    title="Contact Us",
+    subtitle="We'd love to hear from you!",
+    submit_label="Submit",
+    email_subject="Contact Form Submission",
+):
+    first_name = solara.use_reactive("")
+    last_name = solara.use_reactive("")
+    email = solara.use_reactive("")
+    company = solara.use_reactive("")
+    message = solara.use_reactive("")
+    error: solara.Reactive[Optional[str]] = solara.use_reactive(None)
+    success = solara.use_reactive(False)
+
+    def send(*_ignore):
+        if postmark_api_key is None or contact_email_address is None:
+            error.set("Email service not properly configured. Please contact the site administrator at solara@widgetti.io.")
+        elif not first_name.value or not last_name.value or not email.value or not message.value:
+            error.set("Please fill out all required fields.")
+        else:
+            # Create the email content
+            msg = {}
+            msg["From"] = contact_email_address
+            msg["To"] = contact_email_address
+            msg["Subject"] = email_subject
+            msg["ReplyTo"] = email.value
+
+            # Email body
+            msg["HtmlBody"] = f"""
+            <b>First Name</b>: {first_name.value}<br />
+            <b>Last Name</b>: {last_name.value}<br />
+            <b>Email</b>: {email.value}<br />
+            <b>Company</b>: {company.value}<br />
+            <b>Message</b>: {message.value}<br />
+            """
+
+            # Send emails
+            try:
+                requests.post(
+                    "https://api.postmarkapp.com/email",
+                    headers={
+                        "Accept": "application/json",
+                        "Content-Type": "application/json",
+                        "X-Postmark-Server-Token": postmark_api_key,
+                    },
+                    data=json.dumps(msg),
+                )
+                requests.post(
+                    "https://api.postmarkapp.com/email",
+                    headers={
+                        "Accept": "application/json",
+                        "Content-Type": "application/json",
+                        "X-Postmark-Server-Token": postmark_api_key,
+                    },
+                    data=json.dumps(
+                        {
+                            "From": contact_email_address,
+                            "To": email.value,
+                            "Subject": "Thank you for contacting Solara",
+                            "HtmlBody": f"""
+                            <p>Hi {first_name.value},</p>
+                            <p>Thank you for contacting us! We will get back to you as soon as possible.</p>
+                            <p>Best regards,<br />The Solara Team</p>
+                            """,
+                        }
+                    ),
+                )
+            except Exception as e:
+                error.set(f"Error sending email: {e}")
+            else:
+                success.set(True)
+                error.set(None)
+                first_name.set("")
+                last_name.set("")
+                email.set("")
+                company.set("")
+                message.set("")
+
+    with solara.Card(title=title, style={"width": "100%", "max-width": "1024px", **style}):
+        solara.Markdown(subtitle)
+        solara.Text("* Required fields")
+        with solara.Row():
+            solara.InputText(label="First Name *", value=first_name)
+            solara.InputText(label="Last Name *", value=last_name)
+        with solara.Row():
+            solara.InputText(label="Email *", value=email)
+            solara.InputText(label="Company", value=company)
+        solara.v.Textarea(placeholder="Message *", v_model=message.value, on_v_model=message.set)
+        with solara.CardActions():
+            solara.Button(label=submit_label, color="primary", on_click=send)
+            solara.Button(
+                label="Clear",
+                color="secondary",
+                text=True,
+                on_click=lambda: [first_name.set(""), last_name.set(""), email.set(""), company.set(""), message.set("")],
+            )
+
+    solara.Style(
+        """
+        .v-snack__wrapper {
+            box-shadow: none;
+        }
+        """
+    )
+
+    with solara.v.Snackbar(
+        v_model=error.value is not None,
+        timeout=5000,
+        on_v_model=lambda *_: error.set(None),
+        left=True,
+        color="error",
+    ):
+        solara.Markdown(error.value or "", style={"--dark-color-text": "white", "--color-text": "white"})
+        solara.Button(icon=True, icon_name="mdi-close", color="white", on_click=lambda: error.set(None))
+
+    with solara.v.Snackbar(
+        v_model=success.value,
+        timeout=5000,
+        on_v_model=lambda *_: success.set(False),
+        left=True,
+        color="success",
+    ):
+        solara.Markdown("Your message has been sent!", style={"--dark-color-text": "white", "--color-text": "white"})
+        solara.Button(icon=True, icon_name="mdi-close", color="white", on_click=lambda: success.set(False))

solara/website/components/docs.py

@@ -0,0 +1,143 @@
+import solara
+from .markdown import MarkdownWithMetadata
+from .breadcrumbs import BreadCrumbs
+
+
+@solara.component
+def Gallery(route_external=None):
+    from ..pages.documentation.examples import pycafe_projects
+
+    if route_external is not None:
+        route_current = route_external
+    else:
+        # show a gallery of all the examples
+        router = solara.use_router()
+        route_current = router.path_routes[-2]
+
+    with solara.Column(gap="75px", align="center"):
+        with solara.Row(justify="center", gap="30px", style={"margin": "30px 0 !important", "flex-wrap": "wrap", "align-items": "start", "row-gap": "30px"}):
+            for child in route_current.children:
+                if child.path == "/":
+                    continue
+                with solara.v.Html(tag="a", attributes={"href": "#" + child.path}):
+                    solara.Button(
+                        child.label,
+                        color="primary",
+                        classes=["v-btn--rounded", "v-size--x-large"],
+                    )
+
+        with solara.Column(gap="75px", style={"padding-bottom": "75px"}):
+            for route in route_current.children:
+                if route.children:
+                    with solara.Column(classes=["subcategory-row", "ps-md-10"]):
+                        solara.HTML(tag="h2", unsafe_innerHTML=route.label, attributes={"id": route.path}, style="padding-left: 10%;")
+                        with solara.Row(justify="center", gap="20px", style={"flex-wrap": "wrap", "row-gap": "20px", "max-width": "90rem"}):
+                            for child in route.children:
+                                if child.path == "/":
+                                    continue
+                                path = route.path + "/" + child.path
+                                if child.path in [
+                                    "button",
+                                    "checkbox",
+                                    "confirmation_dialog",
+                                    "echarts",
+                                    "file_browser",
+                                    "file_download",
+                                    "matplotlib",
+                                    "select",
+                                    "switch",
+                                    "tooltip",
+                                ]:
+                                    image_url = "https://dxhl76zpt6fap.cloudfront.net/public/api/" + child.path + ".gif"
+                                elif child.path in ["card", "dataframe", "pivot_table", "slider"]:
+                                    image_url = "https://dxhl76zpt6fap.cloudfront.net/public/api/" + child.path + ".png"
+                                elif child.path in pycafe_projects:
+                                    image_url = f"https://py.cafe/preview/solara/{child.path}"
+                                else:
+                                    image_url = "https://dxhl76zpt6fap.cloudfront.net/public/logo.svg"
+
+                                if path:
+                                    path = path if route_external is None else route_current.path + "/" + path
+                                    title = solara.Link(path, children=[child.label])
+                                    with solara.Card(title, classes=["component-card"], margin=0):
+                                        with solara.Column(align="center"):
+                                            with solara.Link(path):
+                                                solara.Image(image_url, width="12rem")
+
+
+@solara.component
+def NoPage():
+    raise RuntimeError("This page should not be rendered")
+
+
+@solara.component
+def WithCode(route_current):
+    component = getattr(route_current.module, "Page", None)
+    with solara.Column(style={"flex-grow": 1, "padding-top": "56px"}) as main:
+        BreadCrumbs()
+        # It renders code better
+        MarkdownWithMetadata(
+            route_current.module.__doc__ or "# no docs yet",
+            unsafe_solara_execute=True,
+        )
+        if component and component != NoPage:
+            with solara.Card("Example", margin=0, classes=["mt-8"]):
+                component()
+                github_url = solara.util.github_url(route_current.module.__file__)
+                solara.Button(
+                    label="View source",
+                    icon_name="mdi-github-circle",
+                    attributes={"href": github_url, "target": "_blank"},
+                    text=True,
+                    outlined=True,
+                    class_="mt-8",
+                )
+    return main
+
+
+@solara.component
+def SubCategoryLayout(children=[]):
+    route_current, all_routes = solara.use_route()
+    router = solara.use_router()
+    sibling_routes = router.path_routes[-2]
+    if route_current is None:
+        return solara.Error("Page not found")
+    elif route_current.path == "/":
+        with solara.Column(
+            gap="10px", classes=["docs-card-container"], style={"flex-grow": 1, "max-width": "80%", "width": "550px", "padding-top": "64px"}, align="stretch"
+        ):
+            solara.HTML(tag="h2", unsafe_innerHTML=route_current.label, attributes={"id": route_current.path}, style="padding-left: 10%;")
+            for route in sibling_routes.children:
+                if route.path == "/":
+                    continue
+                with solara.Link(route.path):
+                    with solara.Row(
+                        classes=["docs-card"],
+                        style={
+                            "background-color": "var(--docs-color-grey)",
+                            "align-items": "center",
+                            "height": "3rem",
+                        },
+                    ):
+                        solara.HTML(tag="h3", unsafe_innerHTML=route.label, style={"color": "white", "display": "block", "flex-grow": "1", "padding": "0 24px"})
+                        solara.v.Icon(children=["mdi-arrow-right"], color="var(--color-grey-light)", class_="docs-card-icon")
+    elif route_current.module:
+        WithCode(route_current)
+    else:
+        with solara.Column(align="center", children=children, style={"flex-grow": 1, "padding": "0"}) as main:
+            pass
+        return main
+
+
+@solara.component
+def CategoryLayout(children=[]):
+    route_current, all_routes = solara.use_route()
+    if route_current is None:
+        return solara.Error("Page not found")
+
+    if route_current.path == "/":
+        return Gallery()
+    else:
+        with solara.Column(align="stretch", children=children, style={"max-width": "100%"}) as main:
+            pass
+        return main

solara/website/components/header.py

@@ -0,0 +1,75 @@
+from typing import Callable
+
+import solara
+import solara.lab
+from solara.alias import rv
+from solara.server import settings
+from .algolia import Algolia
+
+
+@solara.component
+def Header(
+    on_toggle_left_menu: Callable[[], None] = None,
+    on_toggle_right_menu: Callable[[], None] = None,
+):
+    # use routes of parent (assuming we are a child of a layout)
+    route_current, all_routes = solara.use_route(level=-1)
+    route_current_with_children, all_routes_with_children = solara.use_route()
+    router = solara.use_router()
+    dark_effective = solara.lab.use_dark_effective()
+
+    # set states for menu
+    with solara.Column(gap="0px"):
+        # with solara.Div(classes=["news"]):
+        #     solara.HTML(
+        #         "div",
+        #         unsafe_innerHTML="<a href='https://github.com/widgetti/solara' target='_blank' >Star us on github 🤩</a>",
+        #     )
+        with solara.v.AppBar(
+            tag="header", flat=True, clipped_left=True, style_="background-color: transparent; border-bottom: 1px solid var(--color-border-appbar);"
+        ):
+            if route_current is not None and route_current.module is not None and hasattr(route_current.module, "Sidebar"):
+                with solara.Button(icon=True, class_="hidden-md-and-up", on_click=lambda: on_toggle_left_menu and on_toggle_left_menu()):
+                    rv.Icon(children=["mdi-menu"])
+
+            display = " d-none d-sm-flex" if route_current is not None and route_current.path not in ["about", "pricing", "careers"] else " d-flex"
+            with solara.v.Html(
+                tag="div",
+                class_="header-logo-container" + display,
+                style_="""
+                    background-color: transparent;
+                    flex-grow: 1;
+                    align-items: stretch;
+                    max-height: 65%;
+                """,
+            ):
+                with solara.Link(path_or_route="/", style={"display": "flex", "align-items": "center", "flex-direction": "row", "gap": "10px"}):
+                    solara.Image(router.root_path + f"/static/assets/images/logo{'_white' if dark_effective else ''}.svg", classes=["header-logo"])
+                    solara.Text("API", style={"font-size": "20px", "font-weight": "600"})
+
+            if route_current is not None and route_current.path not in ["about", "pricing", "careers"]:
+                if settings.search.enabled:
+                    from solara_enterprise.search.search import Search
+
+                    Search()
+                else:
+                    Algolia()
+
+            with rv.Html(tag="ul", class_="main-menu menu d-none d-md-flex", style_="justify-content: flex-end;"):
+                for route in all_routes:
+                    if route.path in ["apps", "contact", "changelog", "our_team", "about", "pricing", "roadmap", "careers"]:
+                        continue
+                    current = route_current == route
+                    with rv.Html(tag="li", class_="active" if current else None):
+                        solara.Link("/" + route.path if route.path != "/" else "/", children=[route.label])
+            with rv.Btn(icon=True, tag="a", class_="d-none d-md-flex", attributes={"href": solara.github_url, "target": "_blank"}):
+                rv.Icon(children=["mdi-github-circle"])
+
+            with rv.Btn(icon=True, tag="a", class_="d-none d-md-flex", attributes={"href": "https://discord.solara.dev", "target": "_blank"}):
+                rv.Icon(children=["mdi-discord"])
+
+            with solara.v.Html(tag="div", class_="d-none d-md-flex"):
+                solara.lab.ThemeToggle()
+
+            # with solara.Button(icon=True, class_="hidden-md-and-up", on_click=lambda: on_toggle_right_menu and on_toggle_right_menu()):
+            #     rv.Icon(children=["mdi-menu"])

solara/website/components/mailchimp.py

@@ -0,0 +1,12 @@
+from pathlib import Path
+
+import solara
+
+HERE = Path(__file__).parent
+
+# html = Path(HERE / "mailchimp.v").read_text()
+
+
+@solara.component_vue("mailchimp.vue")
+def MailChimp(location: str):
+    pass

solara/website/components/mailchimp.vue

@@ -0,0 +1,47 @@
+<template>
+    <div id="mc_embed_shell">
+        <div id="mc_embed_signup">
+            <form
+                action="https://gmail.us13.list-manage.com/subscribe/post?u=1dcdd74de47214edace5b6f49&amp;id=c60b5def86&amp;f_id=00f4c1e2f0"
+                method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate"
+                target="_blank">
+                <div id="mc_embed_signup_scroll">
+                    <div class="indicates-required"><span class="asterisk">*</span> indicates required</div>
+                    <div class="mc-field-group">
+                        <label for="mce-EMAIL">Email Address <span class="asterisk">*</span></label>
+                        <input type="email" name="EMAIL" class="required email" id="mce-EMAIL" required="" value=""></div>
+                    <div class="mc-field-group">
+                        <label for="mce-LOCATION">signup location </label>
+                        <input type="text" name="LOCATION" class=" text" id="mce-LOCATION" :value="location">
+                    </div>
+                    <!-- <div class="mc-field-group"><label for="mce-FNAME">First Name </label><input type="text" name="FNAME"
+                        class=" text" id="mce-FNAME" value=""></div>
+                    <div class="mc-field-group"><label for="mce-LNAME">Last Name </label><input type="text" name="LNAME"
+                            class=" text" id="mce-LNAME" value=""></div>
+                    <div class="mc-field-group"><label for="mce-COMPANY">Company </label><input type="text" name="COMPANY"
+                        class=" text" id="mce-COMPANY" value=""></div> -->
+                    <div id="mce-responses" class="clear foot">
+                        <div class="response" id="mce-error-response" style="display: none;"></div>
+                        <div class="response" id="mce-success-response" style="display: none;"></div>
+                    </div>
+                    <div aria-hidden="true" style="position: absolute; left: -5000px;">
+                        /* real people should not fill this in and expect good things - do not remove this or risk form bot
+                        signups */
+                        <input type="text" name="b_1dcdd74de47214edace5b6f49_c60b5def86" tabindex="-1" value="">
+                    </div>
+                </div>
+                <div class="optionalParent">
+                    <div class="clear foot">
+                        <v-btn type="submit" name="subscribe" id="mc-embedded-subscribe"
+                            class="button v-btn v-btn-contained"
+                            style="background-color: rgb(241, 159, 65); border-color: rgb(241, 159, 65);"
+                            value="Subscribe">Subscribe</v-btn>
+                    </div>
+                </div>
+            </form>
+        </div>
+        <!-- <script> (function ($) { window.fnames = new Array(); window.ftypes = new Array(); fnames[0] = 'EMAIL'; ftypes[0] = 'email'; fnames[1] = 'FNAME'; ftypes[1] = 'text'; fnames[2] = 'LNAME'; ftypes[2] = 'text'; fnames[7] = 'COMPANY'; ftypes[7] = 'text'; fnames[10] = 'WHYCLOUD'; ftypes[10] = 'text'; fnames[3] = 'ADDRESS'; ftypes[3] = 'address'; fnames[4] = 'PHONE'; ftypes[4] = 'phone'; fnames[5] = 'BIRTHDAY'; ftypes[5] = 'birthday'; fnames[6] = 'USECASE'; ftypes[6] = 'text'; fnames[8] = 'POSITION'; ftypes[8] = 'text'; fnames[9] = 'MMERGE9'; ftypes[9] = 'text'; }(jQuery)); var $mcj = jQuery.noConflict(true); </script> -->
+    </div>
+</template>
+<script>
+</script>