@ticketboothapp/booking 0.1.19 → 0.1.20

package/src/components/client-bottom-sheet.tsx

@@ -1,14 +0,0 @@
-'use client';
-
-import BottomSheet from './bottom-sheet';
-import { useBottomSheet } from '@/hooks/use-bottom-sheet';
-
-export default function ClientBottomSheet() {
-  const { isOpen, content, closeSheet } = useBottomSheet();
-
-  return (
-    <BottomSheet isOpen={isOpen} onClose={closeSheet}>
-      {content}
-    </BottomSheet>
-  );
-} 

package/src/components/colorable-svg.tsx

@@ -1,29 +0,0 @@
-import React from 'react';
-
-interface ColorableSvgProps {
-    src: string;
-    className?: string;
-    width?: number;
-    height?: number;
-}
-
-export default function ColorableSvg({ src, className, width = 24, height = 24 }: ColorableSvgProps) {
-    const [svgContent, setSvgContent] = React.useState<string>('');
-
-    React.useEffect(() => {
-        fetch(src)
-            .then(res => res.text())
-            .then(text => {
-                // Replace both the style attribute and width/height attributes
-                const colorableSvg = text
-                    .replace(/style="[^"]*"/, 'style="fill: currentColor"')
-                    .replace(/width="[^"]*"/, `width="${width}"`)
-                    .replace(/height="[^"]*"/, `height="${height}"`);
-                setSvgContent(colorableSvg);
-            });
-    }, [src, width, height]);
-
-    return (
-        <div className={className} dangerouslySetInnerHTML={{ __html: svgContent }} />
-    );
-} 

package/src/components/conditional-footer.tsx

@@ -1,27 +0,0 @@
-'use client';
-
-import { usePathname } from 'next/navigation';
-import { useEmbeddedInIframe } from '@/hooks/useEmbeddedInIframe';
-import Footer from './footer';
-
-export default function ConditionalFooter() {
-    const pathname = usePathname();
-    const embeddedInIframe = useEmbeddedInIframe();
-
-    if (embeddedInIframe) {
-        return null;
-    }
-
-    // Hide footer on subscribe/unsubscribe and partner pages
-    if (
-      pathname === '/subscribe' ||
-      pathname === '/unsubscribe' ||
-      pathname === '/live-pickups' ||
-      pathname?.startsWith('/partner/') ||
-      pathname?.startsWith('/partners/')
-    ) {
-        return null;
-    }
-    
-    return <Footer />;
-}

package/src/components/contact-us.module.css

@@ -1,147 +0,0 @@
-.contactSection {
-    padding-bottom: 1rem;  /* Reduced from 6rem */
-}
-
-.contactTiles {
-    display: flex;
-    flex-direction: column;
-    flex: 1;
-    gap: 1rem;
-}
-
-.imageContainer {
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-    gap: 1rem;
-    height: 320px;
-}
-
-.contactImageCaption {
-    font-size: 0.9rem;
-    color: var(--primary-text);
-    text-align: center;
-}
-
-.imageContainer img {
-    border-radius: var(--border-radius-small);
-    object-fit: cover;
-}
-
-@media (min-width: 1024px) {
-    .container {
-        padding: 4rem;
-    }
-
-    .title {
-        font-size: 4rem;
-    }
-
-    .contactTileTitle {
-        font-size: 2.5rem;
-    }
-
-    .contactTiles {
-        flex-direction: row;
-        align-items: flex-start;
-        gap: 4rem;
-    }
-
-    .imageContainer {
-        height: 500px;
-        flex: 1;
-        max-width: 50%;
-    }
-
-    .contactInfo {
-        flex: 1;
-        display: flex;
-        flex-direction: column;
-        justify-content: flex-start;
-    }
-
-    .contactLink {
-        font-size: 1.2rem;
-    }
-
-    .contactTileDescription {
-        font-size: 1.2rem;
-    }
-}
-
-@media (max-width: 1023px) {
-    .container {
-        padding: 1rem;
-    }
-
-    .title {
-        font-size: 4rem;
-    }
-
-    .contactTileTitle {
-        font-size: 1.5rem;
-    }
-
-    .contactLink {
-        font-size: 1.1rem;
-    }
-
-    .contactTileDescription {
-        font-size: 1.1rem;
-    }
-}
-
-.contactTile {
-    border-left: 4px solid var(--accent-orange);
-    padding-left: 1rem;
-    margin-bottom: 2rem;
-    max-width: 100%;  /* Ensure it doesn't overflow container */
-}
-
-.contactLink {
-    text-decoration: underline;
-    color: var(--accent-orange);
-    font-family: monospace;
-    word-break: break-all;  /* Break long email addresses */
-    display: inline-block;  /* Helps with overflow containment */
-}
-
-.contactTileDescription {
-    color: inherit;
-    text-decoration: none;
-    font-family: monospace; /* For that typewriter-like feel */
-}
-
-.contactSignOff {
-    color: var(--accent-orange);
-    text-decoration: none;
-    font-size: 1.2rem;
-    font-weight: bold;
-    font-family: monospace; /* For that typewriter-like feel */
-}
-
-.contactTile h3 {
-    margin: 0 0 0.5rem 0;
-    font-size: 1.5rem;
-}
-
-.contactTile address {
-    font-style: normal;
-}
-
-.title {
-    font-weight: normal;
-    text-align: left;
-    margin-bottom: 1rem;  /* Single margin rule here */
-}
-
-.contactTileTitle {
-    text-align: left;
-}
-
-.contactInfo {
-    display: flex;
-    flex-direction: column;
-    margin: auto 0;  /* This will center it vertically */
-    flex: 1;
-}

package/src/components/contact-us.tsx

@@ -1,49 +0,0 @@
-'use client';
-
-import styles from './contact-us.module.css';
-import defaultStrings from '@/strings';
-import { CONTACT_EMAIL, CONTACT_PHONE } from '@/constants/contact-info';
-import ViaViaImage from './image';
-import { IMAGES } from '@/constants/images';
-
-export default function ContactUs({ strings = defaultStrings }: { strings?: any }) {
-    return (
-        <section className={styles.contactSection}>
-            <div className={styles.container}>
-                <h3 className={styles.title}>{strings.contact.title}</h3>
-                <div className={styles.contactTiles}>
-                    <div className={styles.contactInfo}>
-                        <div className={styles.contactTile}>
-                            <h4 className={styles.contactTileTitle}>{strings.contact.writeUs}</h4>
-                            <a href={`mailto:${CONTACT_EMAIL}`} className={styles.contactLink}>
-                                {CONTACT_EMAIL}
-                            </a>
-                        </div>
-                        
-                        <div className={styles.contactTile}>
-                            <h4 className={styles.contactTileTitle}>{strings.contact.sayHi}</h4>
-                            <a href={`tel:${CONTACT_PHONE}`} className={styles.contactLink}>
-                                {CONTACT_PHONE}
-                            </a>
-                        </div>
-
-                        <div className={styles.contactTile}>
-                            <h4 className={styles.contactTileTitle}>{strings.contact.weMightSpeakYourLanguage}</h4>
-                            <p className={styles.contactTileDescription}>{strings.contact.weMightSpeakYourLanguageDescription}</p>
-                        </div>
-                    </div>
-
-                    <div className={styles.imageContainer}>
-                        <ViaViaImage 
-                            className={styles.contactImage}
-                            imageId={IMAGES.JENNA_AND_NATHAN_VIA_VIA.id} 
-                            alt={IMAGES.JENNA_AND_NATHAN_VIA_VIA.alt} 
-                            context="GALLERY"
-                        />
-                        <p className={styles.contactImageCaption}>{strings.contact.contactImageCaption}</p>
-                    </div>
-                </div>
-            </div>
-        </section>
-    );
-}

package/src/components/email-signup.css

@@ -1,151 +0,0 @@
-/* Email signup form styles */
-.email-signup {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    gap: 0.2rem;
-    width: 100%;
-    max-width: 500px;
-    margin: 1rem auto;
-}
-
-.email-signup h3 {
-    color: var(--accent-white);
-    font-family: 'Poppins';
-    font-weight: 800;
-    font-size: 1.5rem;
-    text-align: center;
-    margin: 0;
-    text-transform: lowercase;
-}
-
-.email-signup-form {
-    display: flex;
-    gap: 0.5rem;
-    width: 100%;
-    max-width: 450px;
-}
-
-.email-signup-input {
-    flex: 1;
-    padding: 0.5rem;
-    border: 2px solid var(--accent-white);
-    border-radius: 8px;
-    background-color: transparent;
-    color: var(--accent-white);
-    font-family: 'Figtree';
-    font-size: 0.92rem;
-    outline: none;
-    transition: border-color 0.3s ease;
-}
-
-.email-signup-input::placeholder {
-    color: var(--accent-white-70);
-}
-
-.email-signup-input:focus {
-    border-color: var(--accent-white);
-    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.2);
-}
-
-.email-signup-submit {
-    padding: 0.75rem 1.5rem;
-    background-color: var(--accent-white);
-    color: var(--accent-orange);
-    border: 2px solid var(--accent-white);
-    border-radius: 8px;
-    font-family: 'Poppins';
-    font-size: 1rem;
-    font-weight: 800;
-    text-transform: lowercase;
-    cursor: pointer;
-    transition: all 0.3s ease;
-    white-space: nowrap;
-}
-
-.email-signup-submit:hover {
-    background-color: transparent;
-    color: var(--accent-white);
-}
-
-.email-signup-submit:disabled {
-    opacity: 0.6;
-    cursor: not-allowed;
-}
-
-.email-signup-success {
-    color: var(--accent-white);
-    font-family: 'Figtree';
-    font-size: 1rem;
-    text-align: center;
-    margin-top: 0.5rem;
-}
-
-.email-signup-error {
-    color: #ffcccb;
-    font-family: 'Figtree';
-    font-size: 1rem;
-    text-align: center;
-    margin-top: 0.5rem;
-}
-
-/* Modal-specific styles for white background */
-.email-signup-modal .email-signup h3 {
-    color: var(--accent-orange) !important;
-}
-
-.email-signup-modal .email-signup-input {
-    border: 2px solid var(--accent-orange) !important;
-    background-color: #fff !important;
-    color: var(--primary-text) !important;
-}
-
-.email-signup-modal .email-signup-input::placeholder {
-    color: var(--grey-text) !important;
-}
-
-.email-signup-modal .email-signup-input:focus {
-    border-color: var(--accent-orange) !important;
-    box-shadow: 0 0 0 2px var(--accent-orange-10) !important;
-}
-
-.email-signup-modal .email-signup-submit {
-    background-color: var(--accent-orange) !important;
-    color: var(--accent-white) !important;
-    border: 2px solid var(--accent-orange) !important;
-}
-
-.email-signup-modal .email-signup-submit:hover {
-    background-color: var(--accent-orange-70) !important;
-    color: var(--accent-white) !important;
-}
-
-.email-signup-modal .email-signup-success {
-    color: #28a745 !important;
-}
-
-.email-signup-modal .email-signup-error {
-    color: #dc3545 !important;
-}
-
-/* Mobile styles for email signup */
-@media (max-width: 768px) {
-    .email-signup {
-        max-width: 320px;
-    }
-    
-    .email-signup h3 {
-        font-size: 1.25rem;
-    }
-    
-    .email-signup-form {
-        flex-direction: column;
-        gap: 0.75rem;
-    }
-    
-    .email-signup-input,
-    .email-signup-submit {
-        padding: 0.8rem;
-        font-size: 0.92rem;
-    }
-}

package/src/components/email-signup.tsx

@@ -1,63 +0,0 @@
-'use client';
-
-import { useEmailSubscription } from '@/hooks/useEmailSubscription';
-import './email-signup.css';
-
-interface EmailSignupProps {
-    strings: any;
-    initialEmail?: string;
-    autoSubmit?: boolean;
-    source?: string;
-}
-
-export default function EmailSignup({ strings, initialEmail = '', autoSubmit = false, source }: EmailSignupProps) {
-    const { email, setEmail, isSubmitting, submitStatus, subscribeEmail } = useEmailSubscription({
-        initialEmail,
-        autoSubmit,
-        source
-    });
-
-    const handleEmailSubmit = async (e: React.FormEvent) => {
-        e.preventDefault();
-        if (!email || isSubmitting) return;
-        await subscribeEmail(email);
-    };
-
-    return (
-        <div className="email-signup">
-            <h3>{strings.footer.emailSignup.title}</h3>
-            <form className="email-signup-form" onSubmit={handleEmailSubmit}>
-                <input
-                    type="email"
-                    value={email}
-                    onChange={(e) => setEmail(e.target.value)}
-                    placeholder={strings.footer.emailSignup.placeholder}
-                    className="email-signup-input"
-                    required
-                />
-                <button
-                    type="submit"
-                    disabled={isSubmitting || !email}
-                    className="email-signup-submit"
-                >
-                    {isSubmitting ? '...' : strings.footer.emailSignup.submit}
-                </button>
-            </form>
-            {submitStatus === 'success' && (
-                <div className="email-signup-success">
-                    {strings.footer.emailSignup.success}
-                </div>
-            )}
-            {submitStatus === 'error' && (
-                <div className="email-signup-error">
-                    {strings.footer.emailSignup.error}
-                </div>
-            )}
-            {submitStatus === 'duplicate' && (
-                <div className="email-signup-success">
-                    {strings.footer.emailSignup.duplicate}
-                </div>
-            )}
-        </div>
-    );
-}

package/src/components/faq-wrapper.module.css

@@ -1,47 +0,0 @@
-.faqWrapper {
-    padding-top: var(--spacing-large);
-    padding-bottom: var(--spacing-large);
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    margin: 0 auto;
-    box-sizing: border-box;
-}
-
-.faqWrapperRow {
-    display: flex;
-    padding-bottom: var(--spacing-medium);
-    box-sizing: border-box;
-    width: 100%;
-}
-
-@media (min-width: 1024px) {
-    .faqWrapper {
-        width: 70%;
-    }
-
-    .faqWrapperRow {
-        flex-direction: row;
-    }
-    
-    .faqWrapperTitle {
-        width: 30%;
-    }
-    
-    .faqSection {
-        width: 70%;
-        box-sizing: border-box;
-    }
-}
-
-@media (max-width: 1023px) {
-    .faqWrapper {
-        width: 100%;
-    }
-
-    .faqWrapperRow {
-        flex-direction: column;
-    }
-}
-

package/src/components/faq-wrapper.tsx

@@ -1,15 +0,0 @@
-import styles from "./faq-wrapper.module.css";
-import FAQSection from "@/app/faq/faq-section";
-import { faqSection } from "@/constants/faq";
-
-export default function FAQWrapper({faqSection, strings}: {faqSection: faqSection, strings: any}) {
-    return (
-        <div className={styles.faqWrapper}>
-            <div className={styles.faqWrapperRow}>
-                <h2 className={styles.faqWrapperTitle}>{strings.productThemePages.faqSection.title}</h2>
-                <FAQSection className={styles.faqSection} faqSection={faqSection} selectionMode="single" />
-            </div>
-            <a href="/faq" className={styles.faqWrapperLink}>{strings.common.seeMore} →</a>
-        </div>
-    )
-}