\n
\n
\n
{\n const val = e.target.value;\n setPage((page) => {\n return { ...page, title: val };\n });\n setIsDirty(true);\n }}\n />\n {page.public && (\n \n )}\n \n {!page.is_iframe_page &&\n
\n
\n
setPage({ ...page, body: value })}\n />\n \n For best results, please use child profile pictures that are\n 300px by 300px or greater in size.\n
\n \n }\n\n {page.use_payments && page.use_stripe && page.use_goal_tracking && page.page_type == 'project' && (\n
\n \n {\n setPage({\n ...page,\n target_amount: e.target.value,\n });\n setIsDirty(true);\n }}\n />\n
\n )}\n\n {page.use_payments && page.use_stripe && page.use_goal_tracking && page.page_type == 'project' && (\n
\n \n \n
\n )}\n\n {(page.public || page.is_iframe_page) &&\n
\n \n {\n const val = e.target.value;\n setPage((page) => {\n return { ...page, logo_link: val };\n });\n setIsDirty(true);\n }}\n />\n
\n }\n\n {(page.public || page.is_iframe_page) && page.template !== \"static\" && (\n <>\n {page.template !== \"static\" && page.page_type == 'user' && page.public && (\n
\n
\n
\n \n setPage({ ...page, linked_pages: value })\n }\n options={props.pageIds}\n getOptionLabel={(option) => `${getPageTitle(option)}`}\n getOptionValue={(option) => option}\n />\n
\n
\n {titles.beneficiary} fully sponsored on one page are\n automatically removed from the other, and vice versa.\n
\n
\n )}\n\n
\n \n {\n const val = e.target.value;\n setPage((page) => {\n return { ...page, redirect_link: val };\n });\n setIsDirty(true);\n }}\n />\n
\n\n
\n \n {\n const val = e.target.value;\n setPage((page) => {\n return { ...page, button_text: val };\n });\n setIsDirty(true);\n }}\n />\n
\n\n {page.template !== \"static\" &&\n page.use_payments &&\n page.use_team_payments && (\n
\n \n {\n const val = e.target.value;\n setPage((page) => {\n return { ...page, team_payment_link: val };\n });\n setIsDirty(true);\n }}\n />\n
\n )}\n\n {!page.use_payments && (\n
\n
\n
{\n setPage({ ...page, inbound_text: e.target.value });\n setIsDirty(true);\n }}\n />\n \n Will be shown under the sign up button, a default will\n be rendered if this is left blank\n
\n \n )}\n\n {page.use_payments && page.use_team_payments && (\n
\n
\n
{\n setPage({\n ...page,\n team_payment_text: e.target.value,\n });\n setIsDirty(true);\n }}\n />\n \n Will be shown under the sign up button, a default will\n be rendered if this is left blank\n
\n \n )}\n\n {page.use_payments && page.use_stripe && (\n
\n
\n
{\n setPage({\n ...page,\n stripe_payment_text: e.target.value,\n });\n setIsDirty(true);\n }}\n />\n \n Will be shown under the sign up button, a default will\n be rendered if this is left blank\n
\n \n )}\n\n {props.customDomain && props.domainFlag && page.public && (\n
\n
\n
{\n setPage({\n ...page,\n custom_url_endpoint: e.target.value.toLowerCase(),\n });\n setIsDirty(true);\n }}\n />\n \n {!page.custom_url_endpoint && <>Enter slug to preview URL}\n {page.custom_url_endpoint && <>Preview: https://{props.customDomain}/{page.custom_url_endpoint}}\n
\n \n )}\n \n )}\n {(page.public || page.is_iframe_page) && (\n
\n
\n \n
\n
\n {page.available_fields &&\n page.available_fields.map((field) => (\n \n ))}\n
\n {initializedType !== page.page_type && \n
Save to load correct custom fields for this page type\n }\n
\n )}\n\n {(page.public || page.is_iframe_page) && (\n
\n
\n
\n - \n setActiveTab(\"primary\")}\n >\n Primary\n \n
\n - \n setActiveTab(\"secondary\")}\n >\n Secondary\n \n
\n - \n setActiveTab(\"button_color\")}\n >\n Button Color\n \n
\n {(page.template == 'sponsorship_video_2' || page.page_type == 'project') && \n - \n setActiveTab(\"text_color\")}\n >\n Text Color\n \n
\n }\n {!page.public && page.is_iframe_page && \n - \n setActiveTab(\"text_color\")}\n >\n Text Color\n \n
\n }\n
\n
handleColorChange(e)}\n />\n \n )}\n
\n {page.public && (\n
\n
\n
\n {\n const status = checked ? \"published\" : \"draft\";\n setPage((page) => {\n return { ...page, status: status };\n });\n setIsDirty(true);\n }}\n />\n \n {page.status}\n \n
\n
\n )}\n\n {!page.public && page.is_iframe_page && \n
\n
\n
\n {\n setPage((page) => {\n return { ...page, transparent_background: checked };\n });\n setIsDirty(true);\n }}\n />\n \n
\n
\n }\n\n {!page.public && !page.is_iframe_page && (\n
\n )}\n\n {page.public && page.template !== \"static\" && (\n
\n
\n
\n {\n setPage((page) => {\n return { ...page, show_to_donor: checked };\n });\n setIsDirty(true);\n }}\n />\n \n
\n
\n )}\n\n {(page.public || page.is_iframe_page) && page.template !== \"static\" && (\n
\n
\n
\n {\n setPage({ ...page, use_payments: checked });\n setIsDirty(true);\n }}\n />\n \n
\n
\n )}\n\n {(page.public || page.is_iframe_page) &&\n page.template !== \"static\" &&\n page.use_payments && (\n
\n
\n
\n {\n handlePaymentType(checked);\n setIsDirty(true);\n }}\n />\n \n
\n
\n )}\n\n {(page.public || page.is_iframe_page) && page.template !== \"static\" && page.use_payments && page.use_stripe && page.page_type == 'project' && (\n
\n
\n
\n {\n setPage({...page, pass_processing_fee: checked});\n setIsDirty(true);\n }}\n />\n \n
\n
\n )}\n\n {(page.public || page.is_iframe_page) &&\n page.template !== \"static\" && (\n
\n
\n
\n
\n
\n )}\n\n {page.public && page.page_type == 'project' && page.use_stripe && page.use_payments && (\n
\n
\n
\n {\n setPage({...page, use_goal_tracking: checked});\n setIsDirty(true);\n }}\n />\n \n
\n
\n )}\n\n {!page.public && !page.is_iframe_page && (\n
\n
\n
\n \n
\n
\n \n Optimal Banner Photo Size: 1200px X 421px\n \n
\n
\n
\n )}\n\n {page.public && page.use_payments && page.page_type == 'project' && (\n <>\n
\n \n {\n const val = e.target.value;\n setPage({ ...page, target_type: val });\n setIsDirty(true);\n }}\n className=\"form-control capybara-page-type\"\n id='target_type'\n disabled={page.amount_raised}\n >\n \n \n \n
\n \n )}\n\n {page.public && (\n <>\n
\n \n {\n const val = e.target.value;\n setPage({ ...page, page_type: val, settings: { fields: [] }});\n setIsDirty(true);\n }}\n className=\"form-control capybara-page-type\"\n id='page_type_selection'\n >\n \n \n \n
\n \n )}\n\n {page.public && page.page_type && page.page_type == 'project' && (\n <>\n
\n \n \n
\n \n )}\n\n {(page.public || page.is_iframe_page) && (\n <>\n
\n \n {\n const val = e.target.value;\n setPage((page) => {\n return { ...page, template: val };\n });\n setIsDirty(true);\n }}\n className=\"form-control\"\n >\n {templates.map((option) => (\n \n ))}\n \n
\n\n {page.page_type !== 'project' &&\n
\n \n {\n const val = e.target.value;\n setPage((page) => {\n return { ...page, group_id: val };\n });\n handleFetchGroupUsers(val);\n }}\n className=\"form-control\"\n >\n \n {props.groups.map((option) => (\n \n ))}\n \n
\n }\n\n
\n \n {\n const val = e.target.value;\n setPage((page) => {\n return { ...page, font_name: val };\n });\n }}\n className=\"form-control\"\n >\n \n \n \n \n \n \n \n \n \n \n
\n\n {page.page_type !== 'project' && page.template !== 'static' && page.public &&\n
\n \n {\n const val = e.target.value;\n setPage((page) => {\n return { ...page, filter_type: val };\n });\n }}\n className=\"form-control\"\n >\n \n \n \n \n \n
\n }\n\n {page.use_payments && page.use_stripe && (\n
\n \n {\n const val = e.target.value;\n setPage((page) => {\n return { ...page, stripe_id: val };\n });\n }}\n className=\"form-control\"\n >\n \n {props.stripe_accounts.map((option) => (\n \n ))}\n \n
\n )}\n\n {page.page_type == 'project' && page.use_payments && page.public &&\n
\n \n {\n const val = e.target.value;\n setPage({ ...page, project_sponsorship_type: val });\n setIsDirty(true);\n }}\n className=\"form-control\"\n >\n \n \n \n \n
\n }\n\n {page.page_type == 'project' && allowedSponsorshipModal && page.use_payments && page.public &&\n
\n \n \n
\n }\n\n {!page.public && page.is_iframe_page &&\n
\n
\n \n setPage({...page, iframe_height: event.target.value})}\n className=\"form-control\"\n />\n
\n
\n }\n \n )}\n