+
+
Header Block
+
+ updateHeaderBlock({ text: { ...(screen.headerBlock?.text ?? {}), text: e.target.value } })}
+ />
+ updateHeaderBlock({ timerSeconds: Number(e.target.value) })}
+ />
+
+
+
+
+
Reviews
+
+
onUpdate({ reviews: { title: { text: e.target.value }, items: screen.reviews?.items ?? [] } })}
+ />
+
+
+ Items
+
+
+ {(screen.reviews?.items ?? []).map((r, idx) => (
+
+
{
+ const current = screen.reviews?.items ?? [];
+ const items = current.map((v, i) => (i === idx ? { ...v, name: { text: e.target.value } } : v));
+ onUpdate({ reviews: { ...screen.reviews, items } });
+ }}
+ />
+ {
+ const current = screen.reviews?.items ?? [];
+ const items = current.map((v, i) => (i === idx ? { ...v, date: { text: e.target.value } } : v));
+ onUpdate({ reviews: { ...screen.reviews, items } });
+ }}
+ />
+ {
+ const current = screen.reviews?.items ?? [];
+ const items = current.map((v, i) => (i === idx ? { ...v, text: { text: e.target.value } } : v));
+ onUpdate({ reviews: { ...screen.reviews, items } });
+ }}
+ />
+ {
+ const current = screen.reviews?.items ?? [];
+ const items = current.map((v, i) => (i === idx ? { ...v, avatar: { src: e.target.value } } : v));
+ onUpdate({ reviews: { ...screen.reviews, items } });
+ }}
+ />
+ {
+ const current = screen.reviews?.items ?? [];
+ const items = current.map((v, i) => (i === idx ? { ...v, portrait: { src: e.target.value } } : v));
+ onUpdate({ reviews: { ...screen.reviews, items } });
+ }}
+ />
+ {
+ const current = screen.reviews?.items ?? [];
+ const items = current.map((v, i) => (i === idx ? { ...v, photo: { src: e.target.value } } : v));
+ onUpdate({ reviews: { ...screen.reviews, items } });
+ }}
+ />
+
+
{
+ const current = screen.reviews?.items ?? [];
+ const items = current.map((v, i) => (i === idx ? { ...v, rating: Number(e.target.value) } : v));
+ onUpdate({ reviews: { ...screen.reviews, items } });
+ }}
+ />
+
+
+
+
+ ))}
+
+
+
+
+
Common Questions
+
+
onUpdate({ commonQuestions: { title: { text: e.target.value }, items: screen.commonQuestions?.items ?? [] } })}
+ />
+
+
+ Items
+
+
+ {(screen.commonQuestions?.items ?? []).map((q, idx) => (
+
+
{
+ const current = screen.commonQuestions?.items ?? [];
+ const items = current.map((v, i) => (i === idx ? { ...v, question: e.target.value } : v));
+ onUpdate({ commonQuestions: { ...screen.commonQuestions, items } });
+ }}
+ />
+ {
+ const current = screen.commonQuestions?.items ?? [];
+ const items = current.map((v, i) => (i === idx ? { ...v, answer: e.target.value } : v));
+ onUpdate({ commonQuestions: { ...screen.commonQuestions, items } });
+ }}
+ />
+
+
+
+
+ ))}
+
+
+
+
+
Progress To See Soulmate
+
+ onUpdate({ progressToSeeSoulmate: { ...screen.progressToSeeSoulmate, title: { text: e.target.value } } })}
+ />
+ onUpdate({ progressToSeeSoulmate: { ...screen.progressToSeeSoulmate, progress: { value: Number(e.target.value) } } })}
+ />
+ onUpdate({ progressToSeeSoulmate: { ...screen.progressToSeeSoulmate, leftText: { text: e.target.value } } })}
+ />
+ onUpdate({ progressToSeeSoulmate: { ...screen.progressToSeeSoulmate, rightText: { text: e.target.value } } })}
+ />
+
+
+
+
+
Steps To See Soulmate
+
+
+ Steps
+
+
+
+ {(screen.stepsToSeeSoulmate?.steps ?? []).map((step, idx) => (
+
+
+ {
+ const current = screen.stepsToSeeSoulmate?.steps ?? [];
+ const steps = current.map((s, i) => (i === idx ? { ...s, title: { text: e.target.value } } : s));
+ onUpdate({ stepsToSeeSoulmate: { ...screen.stepsToSeeSoulmate, steps } });
+ }}
+ />
+ {
+ const icon = e.target.value as "questions" | "profile" | "sketch" | "astro" | "chat";
+ const current = screen.stepsToSeeSoulmate?.steps ?? [];
+ const steps = current.map((s, i) => (i === idx ? { ...s, icon } : s));
+ onUpdate({ stepsToSeeSoulmate: { ...screen.stepsToSeeSoulmate, steps } });
+ }}
+ />
+
+
{
+ const current = screen.stepsToSeeSoulmate?.steps ?? [];
+ const steps = current.map((s, i) => (i === idx ? { ...s, description: { text: e.target.value } } : s));
+ onUpdate({ stepsToSeeSoulmate: { ...screen.stepsToSeeSoulmate, steps } });
+ }}
+ />
+
+
+
+
+
+ ))}
+
+
+
+
+
Money Back Guarantee
+
+ onUpdate({ moneyBackGuarantee: { ...screen.moneyBackGuarantee, title: { text: e.target.value } } })}
+ />
+ onUpdate({ moneyBackGuarantee: { ...screen.moneyBackGuarantee, text: { text: e.target.value } } })}
+ />
+
+
+
+
+
Policy
+
+ onUpdate({ policy: { text: { text: e.target.value } } })}
+ />
+
+
+
+
+
Users' Portraits
+
+ onUpdate({ usersPortraits: { ...screen.usersPortraits, title: { text: e.target.value } } })}
+ />
+ onUpdate({ usersPortraits: { ...screen.usersPortraits, buttonText: e.target.value } })}
+ />
+
+
+
+ Images
+
+
+ {(screen.usersPortraits?.images ?? []).map((img, idx) => (
+
+
{
+ const current = screen.usersPortraits?.images ?? [];
+ const images = current.map((v, i) => (i === idx ? { ...v, src: e.target.value } : v));
+ onUpdate({ usersPortraits: { ...screen.usersPortraits, images } });
+ }}
+ />
+
+
+
+
+ ))}
+
+
+
+
+
Joined Today With Avatars
+
+ onUpdate({ joinedTodayWithAvatars: { ...screen.joinedTodayWithAvatars, count: { text: e.target.value } } })}
+ />
+ onUpdate({ joinedTodayWithAvatars: { ...screen.joinedTodayWithAvatars, text: { text: e.target.value } } })}
+ />
+
+
+
+ Avatars
+
+
+ {(screen.joinedTodayWithAvatars?.avatars?.images ?? []).map((img, idx) => (
+
+
{
+ const current = screen.joinedTodayWithAvatars?.avatars?.images ?? [];
+ const images = current.map((v, i) => (i === idx ? { ...v, src: e.target.value } : v));
+ onUpdate({ joinedTodayWithAvatars: { ...screen.joinedTodayWithAvatars, avatars: { images } } });
+ }}
+ />
+
+
+
+
+ ))}
+
+
+
+
+
Try For Days
+
+
onUpdate({ tryForDays: { ...screen.tryForDays, title: { text: e.target.value } } })}
+ />
+
+
+ Items
+
+
+ {(screen.tryForDays?.textList?.items ?? []).map((it, idx) => (
+
+
{
+ const current = screen.tryForDays?.textList?.items ?? [];
+ const items = current.map((v, i) => (i === idx ? { ...v, text: e.target.value } : v));
+ onUpdate({ tryForDays: { ...screen.tryForDays, textList: { items } } });
+ }}
+ />
+
+
+
+
+ ))}
+
+
+
+
+
Total Price
+
+ onUpdate({ totalPrice: { couponContainer: { ...(screen.totalPrice?.couponContainer ?? {}), title: { text: e.target.value } }, priceContainer: screen.totalPrice?.priceContainer } })}
+ />
+ onUpdate({ totalPrice: { couponContainer: { ...(screen.totalPrice?.couponContainer ?? {}), buttonText: e.target.value }, priceContainer: screen.totalPrice?.priceContainer } })}
+ />
+ onUpdate({ totalPrice: { couponContainer: screen.totalPrice?.couponContainer ?? { title: { text: "" }, buttonText: "" }, priceContainer: { ...(screen.totalPrice?.priceContainer ?? {}), title: { text: e.target.value } } } })}
+ />
+ onUpdate({ totalPrice: { couponContainer: screen.totalPrice?.couponContainer ?? { title: { text: "" }, buttonText: "" }, priceContainer: { ...(screen.totalPrice?.priceContainer ?? {}), price: { text: e.target.value } } } })}
+ />
+ onUpdate({ totalPrice: { couponContainer: screen.totalPrice?.couponContainer ?? { title: { text: "" }, buttonText: "" }, priceContainer: { ...(screen.totalPrice?.priceContainer ?? {}), oldPrice: { text: e.target.value } } } })}
+ />
+ onUpdate({ totalPrice: { couponContainer: screen.totalPrice?.couponContainer ?? { title: { text: "" }, buttonText: "" }, priceContainer: { ...(screen.totalPrice?.priceContainer ?? {}), discount: { text: e.target.value } } } })}
+ />
+
+
+
+
+
Joined Today
+
+ onUpdate({ joinedToday: { ...screen.joinedToday, count: { text: e.target.value } } })}
+ />
+ onUpdate({ joinedToday: { ...screen.joinedToday, text: { text: e.target.value } } })}
+ />
+
+
+
+
+
Trusted By Over
+
+ onUpdate({ trustedByOver: { text: { text: e.target.value } } })}
+ />
+
+
+
+
+
Finding The One Guide
+
+ onUpdate({ findingOneGuide: { ...screen.findingOneGuide, header: { ...(screen.findingOneGuide?.header ?? {}), emoji: { text: e.target.value } } } })}
+ />
+ onUpdate({ findingOneGuide: { ...screen.findingOneGuide, header: { ...(screen.findingOneGuide?.header ?? {}), title: { text: e.target.value } } } })}
+ />
+ onUpdate({ findingOneGuide: { ...screen.findingOneGuide, text: { text: e.target.value } } })}
+ />
+ onUpdate({ findingOneGuide: { ...screen.findingOneGuide, blur: { ...(screen.findingOneGuide?.blur ?? {}), text: { text: e.target.value }, icon: "lock" } } })}
+ />
+
+
+
+
+
Unlock Your Sketch
+
+ updateUnlock({ title: { text: e.target.value } })} />
+ updateUnlock({ subtitle: { text: e.target.value } })} />
+ updateUnlock({ image: { src: e.target.value } })} />
+ updateUnlock({ blur: { ...(screen.unlockYourSketch?.blur ?? {}), text: { text: e.target.value }, icon: "lock" } as NonNullable["blur"] })} />
+ updateUnlock({ buttonText: e.target.value })} />
+
+
+
+
+
Payment Buttons
+ {(screen.paymentButtons?.buttons ?? []).map((b, i) => (
+
+ updatePaymentButtons(i, "text", e.target.value)} />
+ updatePaymentButtons(i, "icon", e.target.value)} />
+
+
+ ))}
+
+
+
+
Footer / Contacts
+
+ updateFooterContacts("email", { href: e.target.value, text: e.target.value })} />
+ updateFooterContacts("address", { text: e.target.value })} />
+
+
+
+
+
Still Have Questions
+
+ onUpdate({ stillHaveQuestions: { ...screen.stillHaveQuestions, title: { text: e.target.value } } })}
+ />
+ onUpdate({ stillHaveQuestions: { ...screen.stillHaveQuestions, actionButtonText: e.target.value } })}
+ />
+ onUpdate({ stillHaveQuestions: { ...screen.stillHaveQuestions, contactButtonText: e.target.value } })}
+ />
+
+
+