@amwaljs/checkout-button 0.3.2 → 0.3.3

package/dist/esm/amwal-installments-guide.entry.js

@@ -47,3 +47,5 @@ const AmwalInstallmentsGuide = class {
 AmwalInstallmentsGuide.style = amwalInstallmentsGuideCss;
 
 export { AmwalInstallmentsGuide as amwal_installments_guide };
+
+//# sourceMappingURL=amwal-installments-guide.entry.js.map

package/dist/esm/amwal-installments-guide.entry.js.map

@@ -0,0 +1 @@
+{"file":"amwal-installments-guide.entry.js","mappings":"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","names":[],"sources":["./src/components/amwal-installments-guide/amwal-installments-guide.css?tag=amwal-installments-guide","./src/components/amwal-installments-guide/amwal-installments-guide.tsx"],"sourcesContent":[":root {\n    --brand: #128c4b;\n    /* Amwal green (approx) */\n    --ink: #0b1220;\n    --muted: #5b677a;\n    --bg: #f7f9fc;\n    --card: #ffffff;\n    --border: #e7edf5;\n    --radius: 16px;\n    --shadow: 0 10px 30px rgba(11, 18, 32, .08);\n}\n\nhtml,\nbody {\n    height: 100%\n}\n\nbody {\n    margin: 0;\n    font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, \"Apple Color Emoji\", \"Segoe UI Emoji\";\n    color: var(--ink);\n    background: var(--bg);\n    line-height: 1.6\n}\n\n.container {\n    max-width: 1120px;\n    margin: auto;\n    padding: 24px\n}\n\nheader.hero {\n    background: linear-gradient(135deg, rgba(18, 140, 75, .08), transparent 55%), var(--bg);\n    border-bottom: 1px solid var(--border)\n}\n\n.hero-inner {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 32px;\n    align-items: center\n}\n\n.badge {\n    display: inline-flex;\n    gap: 8px;\n    align-items: center;\n    background: #e8f5ee;\n    color: #0f5532;\n    border: 1px solid #ccead9;\n    padding: 6px 10px;\n    border-radius: 999px;\n    font-weight: 600;\n    font-size: 12px;\n    letter-spacing: .2px\n}\n\n.brand {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    text-decoration: none\n}\n\n.brand-logo {\n    height: 40px;\n    display: block\n}\n\n.hero-top {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-top: 4px\n}\n\n.hero-brandline {\n    display: flex;\n    align-items: center;\n    gap: 12px\n}\n\n.hero-lang {\n    margin-left: auto\n}\n\n.visually-hidden {\n    position: absolute !important;\n    clip: rect(1px, 1px, 1px, 1px);\n    padding: 0;\n    border: 0;\n    height: 1px;\n    width: 1px;\n    overflow: hidden;\n    white-space: nowrap\n}\n\n.title {\n    font-size: clamp(28px, 3vw, 40px);\n    line-height: 1.1;\n    margin: 12px 0 8px\n}\n\n.subtitle {\n    color: var(--muted);\n    font-size: clamp(14px, 2vw, 18px)\n}\n\n.hero-card {\n    background: var(--card);\n    border: 1px solid var(--border);\n    border-radius: var(--radius);\n    box-shadow: var(--shadow);\n    padding: 18px 18px\n}\n\n.kpis {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 12px;\n    margin-top: 8px\n}\n\n.kpi {\n    display: flex;\n    gap: 12px;\n    align-items: flex-start;\n    padding: 12px;\n    border: 1px dashed var(--border);\n    border-radius: 12px;\n    background: #fbfdfc\n}\n\n.kpi svg {\n    flex: 0 0 20px\n}\n\n.grid {\n    display: grid;\n    gap: 18px\n}\n\nsection + section {\n    margin-top: 32px\n}\n\n@media (min-width: 900px) {\n    .grid-3 {\n        grid-template-columns: repeat(3, 1fr)\n    }\n\n    .grid-2 {\n        grid-template-columns: repeat(2, 1fr)\n    }\n}\n\nh2 {\n    margin: 32px 0 12px;\n    font-size: clamp(20px, 2.2vw, 26px)\n}\n\nh3 {\n    margin: 14px 0;\n    font-size: 18px\n}\n\np {\n    margin: 10px 0\n}\n\n.card {\n    background: var(--card);\n    border: 1px solid var(--border);\n    border-radius: var(--radius);\n    box-shadow: var(--shadow);\n    padding: 20px\n}\n\n.list {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    display: grid;\n    gap: 10px;\n    direction: ltr\n}\n\n.FAQ details {\n    direction: ltr\n}\n\n.list li {\n    display: flex;\n    gap: 12px\n}\n\n.list .dot {\n    margin-top: 6px;\n    flex: 0 0 8px;\n    height: 8px;\n    border-radius: 50%;\n    background: var(--brand)\n}\n\n.steps {\n    counter-reset: step\n}\n\n.steps li {\n    position: relative;\n    padding-left: 42px\n}\n\n.steps li:before {\n    counter-increment: step;\n    content: counter(step);\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 28px;\n    height: 28px;\n    display: grid;\n    place-items: center;\n    background: var(--brand);\n    color: white;\n    border-radius: 50%;\n    font-weight: 700\n}\n\n.notice {\n    background: #fff9e8;\n    border: 1px solid #f3dfad;\n    color: #7a5a10;\n    border-radius: 12px;\n    padding: 12px\n}\n\ndetails {\n    border: 1px solid var(--border);\n    border-radius: 12px;\n    background: var(--card);\n    padding: 14px\n}\n\ndetails + details {\n    margin-top: 10px\n}\n\nsummary {\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    font-weight: 700\n}\n\nsummary svg {\n    transition: transform .2s\n}\n\ndetails[open] summary svg {\n    transform: rotate(90deg)\n}\n\n.faq-body {\n    margin-top: 8px;\n    color: var(--muted)\n}\n\n.faq-body p {\n    margin: 0 1.5rem;\n}\n\n.kpi svg {\n    width: 30px;\n    height: 30px;\n}\n\n.example {\n    display: grid;\n    gap: 14px\n}\n\n.example .pair {\n    display: grid;\n    gap: 8px;\n    padding: 14px;\n    border: 1px dashed var(--border);\n    border-radius: 12px\n}\n\nfooter {\n    margin: 40px 0 8px;\n    color: var(--muted);\n    font-size: 12px\n}\n\n.inline-icon {\n    vertical-align: middle;\n    margin-right: 6px\n}\n\na {\n    color: var(--brand);\n    text-decoration: none\n}\n\na:hover {\n    text-decoration: underline\n}\n\n/* Language toggle */\n.lang-en {\n    display: block\n}\n\n.lang-ar {\n    display: none\n}\n\nhtml[lang=\"ar\"] .lang-en {\n    display: none\n}\n\nhtml[lang=\"ar\"] .lang-ar {\n    display: block\n}\n\n.topbar {\n    background: var(--card);\n    border-bottom: 1px solid var(--border);\n    padding: 16px 0;\n}\n\n.topbar-inner {\n    max-width: 1120px;\n    margin: auto;\n    padding: 0 24px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 20px;\n}\n\n.lang-controls {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n}\n\n.lang-select {\n    border: 1px solid var(--border);\n    background: var(--card);\n    border-radius: 10px;\n    padding: 6px 10px;\n    font-size: 14px;\n    cursor: pointer;\n}\n\n/* RTL helpers */\nhtml[lang=\"ar\"] body {\n    direction: rtl\n}\n\n[dir=\"rtl\"] .steps li {\n    padding-right: 42px;\n    padding-left: 0\n}\n\n[dir=\"rtl\"] .steps li:before {\n    right: 0;\n    left: auto\n}\n\n[dir=\"rtl\"] .list li {\n    flex-direction: row-reverse\n}\n\n[dir=\"rtl\"] .list .dot {\n    margin-left: 0;\n    margin-right: 0\n}\n\n[dir=\"rtl\"] summary {\n    flex-direction: row-reverse\n}\n\n/* Arabic FAQ right alignment */\nhtml[lang=\"ar\"] .lang-ar details,\nhtml[lang=\"ar\"] .lang-ar summary,\nhtml[lang=\"ar\"] .lang-ar .faq-body {\n    text-align: right\n}\n\nhtml[lang=\"ar\"] summary {\n    justify-content: flex-start\n}","import { Component, Prop, h, State, Element } from '@stencil/core';\n@Component({\n    tag: 'amwal-installments-guide',\n    styleUrl: 'amwal-installments-guide.css',\n    shadow: false,\n})\nexport class AmwalInstallmentsGuide {\n    @Element() el: HTMLElement;\n\n    private selectRef: HTMLSelectElement;\n\n    /**\n     * Language locale: 'en' for English, 'ar' for Arabic\n     */\n    @Prop() locale: 'en' | 'ar' = 'en';\n\n    @State() currentLang: 'en' | 'ar' = this.locale;\n\n    componentWillLoad() {\n        this.currentLang = this.locale;\n        this.applyLanguage(this.currentLang);\n        if (this.selectRef) {\n            this.selectRef.value = this.currentLang;\n        }\n    }\n\n    componentDidUpdate() {\n        // Keep select in sync with state\n        if (this.selectRef) {\n            this.selectRef.value = this.currentLang;\n        }\n    }\n\n\n    private applyLanguage(lang: 'en' | 'ar') {\n        this.currentLang = lang;\n        if (typeof document !== 'undefined') {\n            document.documentElement.lang = lang;\n            document.documentElement.dir = lang === 'ar' ? 'rtl' : 'ltr';\n        }\n    }\n    private handleLanguageChange = (event: Event) => {\n        const select = event.target as HTMLSelectElement;\n        const newLang = select.value as 'en' | 'ar';\n        this.applyLanguage(newLang);\n    }\n\n    private renderEnglishContent() {\n        return (\n                <div class=\"lang-en\">\n                    <header class=\"hero\">\n                        <div class=\"container hero-inner\">\n                            <div>\n                                <span class=\"badge\" aria-label=\"Guide badge\">End‑User Guide</span>\n                                <h1 class=\"title\">Amwal Bank Installments</h1>\n                                <p class=\"subtitle\">Split eligible purchases into easy monthly payments with your own bank—no upfront\n                                    down\n                                    payment.</p>\n                                <div class=\"hero-card\">\n                                    <div class=\"kpis\">\n                                        <div class=\"kpi\">\n                                            <svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                                                <path d=\"M20 6 9 17l-5-5\" stroke=\"#128c4b\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                                    stroke-linejoin=\"round\"/>\n                                            </svg>\n                                            <div><strong>95% approval rate</strong><br/><span class=\"muted\">Fast decisions for eligible\n                                    cards</span></div>\n                                        </div>\n                                        <div class=\"kpi\">\n                                            <svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                                                <circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"#128c4b\" stroke-width=\"2\"/>\n                                                <path d=\"M12 7v5l4 2\" stroke=\"#128c4b\" stroke-width=\"2\" stroke-linecap=\"round\"/>\n                                            </svg>\n                                            <div><strong>3, 6, 12‑month plans</strong><br/><span\n                                                    class=\"muted\">Depending on your bank</span></div>\n                                        </div>\n                                        <div class=\"kpi\">\n                                            <svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                                                <path d=\"M4 7h16M4 12h16M4 17h10\" stroke=\"#128c4b\" stroke-width=\"2\"\n                                                    stroke-linecap=\"round\"/>\n                                                <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"3\" stroke=\"#128c4b\" stroke-width=\"2\"/>\n                                            </svg>\n                                            <div><strong>Earn rewards & card points</strong><br/><span class=\"muted\">Keep your card benefits</span>\n                                            </div>\n                                        </div>\n                                        <div class=\"kpi\">\n                                            <svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                                                <path d=\"M12 3v18M5 9h14M5 15h14\" stroke=\"#128c4b\" stroke-width=\"2\"\n                                                    stroke-linecap=\"round\"/>\n                                                <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"3\" stroke=\"#128c4b\" stroke-width=\"2\"/>\n                                            </svg>\n                                            <div><strong>Use up to 90% of card limit</strong><br/><span class=\"muted\">Subject to bank policy</span>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                            <div>\n                                <div class=\"card\">\n                                    <h3>At a glance</h3>\n                                    <ul class=\"list\">\n                                        <li><span class=\"dot\"></span> No upfront down payment required</li>\n                                        <li><span class=\"dot\"></span> First installment typically due in <strong>30–55 days</strong>\n                                        </li>\n                                        <li><span class=\"dot\"></span> Bank converts your purchase into installments within <strong>2–4\n                                            days</strong></li>\n                                    </ul>\n                                    <p class=\"notice\" role=\"note\">Your full purchase amount must be available in your credit card limit\n                                        at the\n                                        time of checkout. Your available limit will be reduced by that amount immediately.</p>\n                                </div>\n                            </div>\n                        </div>\n                    </header>\n\n                    <main class=\"container\">\n                        <section class=\"grid\">\n                            <div class=\"card\">\n                                <h2>How it works</h2>\n                                <ol class=\"list steps\">\n                                    <li>Select <strong>Amwal Bank Installments</strong> at checkout.</li>\n                                    <li>Choose your bank and the plan length (3, 6, or 12 months).</li>\n                                    <li>Pay using the credit card associated with that bank, or Apple Pay (linked to that card).</li>\n                                    <li>Your bank converts the purchase into monthly installments after approval.</li>\n                                </ol>\n                            </div>\n                            <div class=\"card\">\n                                <h2>Monthly payments</h2>\n                                <p>Installments are <strong>automatic</strong>: they're either debited from your bank balance or added\n                                    to your\n                                    card's monthly statement. No extra action is required from you.</p>\n                                <p class=\"notice\">Minimum purchase amounts for installments are set by each bank and merchant.</p>\n                            </div>\n                        </section>\n\n                        <section class=\"grid\">\n                            <div class=\"card example\">\n                                <h2>Examples</h2>\n                                <div class=\"pair\">\n                                    <h3>Al Rajhi Bank — Equal Monthly Installments</h3>\n                                    <p>A 6,000 SAR purchase is divided into equal monthly payments across your selected plan.</p>\n                                    <amwal-installments-timeline amount={6000} installments-count=\"12\" enable-installments=\"true\"  locale=\"en\" timeline-style=\"default\" footer-message=\"\"></amwal-installments-timeline>\n                                </div>\n                                <div class=\"pair\">\n                                    <h3>Saudi National Bank — 5% Monthly Installments</h3>\n                                    <p>Across a 12‑month plan, you pay <strong>5% of the total</strong> each cycle. At the end of the\n                                        term, the\n                                        remaining balance becomes due.</p>\n                                    <amwal-installments-timeline amount={6000} installments-count=\"12\" enable-installments=\"true\"  locale=\"en\" timeline-style=\"default\" footer-message=\"\"  installment-data='[{\"amount\":\"300.00\",\"dueDate\":\"2025-11-08\",\"status\":\"upcoming\",\"installmentNumber\":1},{\"amount\":\"300.00\",\"dueDate\":\"2025-12-08\",\"status\":\"upcoming\",\"installmentNumber\":2},{\"amount\":\"300.00\",\"dueDate\":\"2026-01-08\",\"status\":\"upcoming\",\"installmentNumber\":3},{\"amount\":\"300.00\",\"dueDate\":\"2026-02-08\",\"status\":\"upcoming\",\"installmentNumber\":4},{\"amount\":\"300.00\",\"dueDate\":\"2026-03-08\",\"status\":\"upcoming\",\"installmentNumber\":5},{\"amount\":\"300.00\",\"dueDate\":\"2026-04-08\",\"status\":\"upcoming\",\"installmentNumber\":6},{\"amount\":\"300.00\",\"dueDate\":\"2026-05-08\",\"status\":\"upcoming\",\"installmentNumber\":7},{\"amount\":\"300.00\",\"dueDate\":\"2026-06-08\",\"status\":\"upcoming\",\"installmentNumber\":8},{\"amount\":\"300.00\",\"dueDate\":\"2026-07-08\",\"status\":\"upcoming\",\"installmentNumber\":9},{\"amount\":\"300.00\",\"dueDate\":\"2026-08-08\",\"status\":\"upcoming\",\"installmentNumber\":10},{\"amount\":\"300.00\",\"dueDate\":\"2026-09-08\",\"status\":\"upcoming\",\"installmentNumber\":11},{\"amount\":\"300.00\",\"dueDate\":\"2026-10-08\",\"status\":\"upcoming\",\"installmentNumber\":12}]'></amwal-installments-timeline>\n                                </div>\n                            </div>\n                        </section>\n\n                        <section>\n                            <h2>FAQs</h2>\n                            <details>\n                                <summary>\n                                    <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                        <path d=\"M8 5l8 7-8 7\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\"\n                                            stroke-linejoin=\"round\"/>\n                                    </svg>\n                                    Do I earn card rewards and points?\n                                </summary>\n                                <div class=\"faq-body\">\n                                    <p>Yes. You continue to earn your credit card rewards and points on eligible installment purchases,\n                                        as per\n                                        your bank's policy.</p>\n                                </div>\n                            </details>\n                            <details>\n                                <summary>\n                                    <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                        <path d=\"M8 5l8 7-8 7\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\"\n                                            stroke-linejoin=\"round\"/>\n                                    </svg>\n                                    When is my first payment due?\n                                </summary>\n                                <div class=\"faq-body\">\n                                    <p>Typically within <strong>30–55 days</strong> from the purchase date, depending on your bank's\n                                        billing\n                                        cycle.</p>\n                                </div>\n                            </details>\n                            <details>\n                                <summary>\n                                    <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                        <path d=\"M8 5l8 7-8 7\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\"\n                                            stroke-linejoin=\"round\"/>\n                                    </svg>\n                                    Does my card limit change?\n                                </summary>\n                                <div class=\"faq-body\">\n                                    <p>Yes. Your available credit limit is reduced by the full purchase amount at checkout. After\n                                        conversion to\n                                        installments, it may replenish as you pay installments (subject to bank policy).</p>\n                                </div>\n                            </details>\n                            <details>\n                                <summary>\n                                    <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                        <path d=\"M8 5l8 7-8 7\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\"\n                                            stroke-linejoin=\"round\"/>\n                                    </svg>\n                                    Which plans are available?\n                                </summary>\n                                <div class=\"faq-body\">\n                                    <p>Common options are <strong>3, 6, and 12 months</strong>. Availability depends on your issuing\n                                        bank and\n                                        the merchant.</p>\n                                </div>\n                            </details>\n                            <details>\n                                <summary>\n                                    <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                        <path d=\"M8 5l8 7-8 7\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\"\n                                            stroke-linejoin=\"round\"/>\n                                    </svg>\n                                    How quickly does the bank convert my purchase?\n                                </summary>\n                                <div class=\"faq-body\">\n                                    <p>Usually within <strong>2–4 days</strong> after a successful checkout.</p>\n                                </div>\n                            </details>\n                            <details>\n                                <summary>\n                                    <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                        <path d=\"M8 5l8 7-8 7\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\"\n                                            stroke-linejoin=\"round\"/>\n                                    </svg>\n                                    Why was my installment request rejected?\n                                </summary>\n                                <div class=\"faq-body\">\n                                    <ul class=\"list\">\n                                        <li><span class=\"dot\"></span> Card isn't eligible for installments</li>\n                                        <li><span class=\"dot\"></span> More than four active installment plans on the same card</li>\n                                        <li><span class=\"dot\"></span> Using loaded/temporary balance to try to increase card limit</li>\n                                        <li><span class=\"dot\"></span> Requests are subject to the issuing bank's terms & conditions</li>\n                                    </ul>\n                                </div>\n                            </details>\n                        </section>\n\n                        <footer>\n                            <p>© <span id=\"year-en\"></span> Amwal. Information provided for customer guidance; actual eligibility,\n                                limits,\n                                and plans are determined by your issuing bank and merchant.</p>\n                        </footer>\n                    </main>\n                </div>\n        );\n    }\n\n    private renderArabicContent() {\n        return (\n                    <div class=\"lang-ar\">\n                        <header class=\"hero\">\n                            <div class=\"container hero-inner\">\n                                <div>\n                                    <span class=\"badge\" aria-label=\"Guide badge\">دليل المستخدم</span>\n                                    <h1 class=\"title\">أقساط البنوك من أمـوال</h1>\n                                    <p class=\"subtitle\">قسّم مشترياتك المؤهلة إلى دفعات شهرية ميسّرة مع بنكك — دون دفعة مقدّمة.</p>\n                                    <div class=\"hero-card\">\n                                        <div class=\"kpis\">\n                                            <div class=\"kpi\">\n                                                <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                                                    <path d=\"M20 6 9 17l-5-5\" stroke=\"#128c4b\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                                        stroke-linejoin=\"round\"/>\n                                                </svg>\n                                                <div><strong>معدل موافقة يتجاوز ‎%95‎</strong><br/><span class=\"muted\">قرارات سريعة للبطاقات\n                                        المؤهلة</span></div>\n                                            </div>\n                                            <div class=\"kpi\">\n                                                <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                                                    <circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"#128c4b\" stroke-width=\"2\"/>\n                                                    <path d=\"M12 7v5l4 2\" stroke=\"#128c4b\" stroke-width=\"2\" stroke-linecap=\"round\"/>\n                                                </svg>\n                                                <div><strong>خطط 3 أو 6 أو 12 شهراً</strong><br/><span class=\"muted\">حسب بنكك</span></div>\n                                            </div>\n                                            <div class=\"kpi\">\n                                                <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                                                    <path d=\"M4 7h16M4 12h16M4 17h10\" stroke=\"#128c4b\" stroke-width=\"2\"\n                                                        stroke-linecap=\"round\"/>\n                                                    <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"3\" stroke=\"#128c4b\" stroke-width=\"2\"/>\n                                                </svg>\n                                                <div><strong>اكسب المكافآت ونقاط البطاقة</strong><br/><span class=\"muted\">احتفظ بمزايا بطاقتك</span>\n                                                </div>\n                                            </div>\n                                            <div class=\"kpi\">\n                                                <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                                                    <path d=\"M12 3v18M5 9h14M5 15h14\" stroke=\"#128c4b\" stroke-width=\"2\"\n                                                        stroke-linecap=\"round\"/>\n                                                    <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"3\" stroke=\"#128c4b\" stroke-width=\"2\"/>\n                                                </svg>\n                                                <div><strong>حتى ‎90%‎ من حد البطاقة</strong><br/><span\n                                                        class=\"muted\">وفقاً لسياسة البنك</span></div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div>\n                                    <div class=\"card\">\n                                        <h3>نظرة سريعة</h3>\n                                        <ul class=\"list\">\n                                            <li><span class=\"dot\"></span> لا توجد دفعة مقدّمة</li>\n                                            <li><span class=\"dot\"></span> أول دفعة عادةً خلال <strong>30–55 يوماً</strong></li>\n                                            <li><span class=\"dot\"></span> يحوّل البنك العملية إلى أقساط خلال <strong>2–4 أيام</strong></li>\n                                        </ul>\n                                        <p class=\"notice\" role=\"note\">يجب أن يكون كامل مبلغ الشراء متاحاً ضمن حد بطاقتك الائتمانية عند\n                                            الدفع. سيتم\n                                            حجز المبلغ كاملاً من حدك المتاح فوراً.</p>\n                                    </div>\n                                </div>\n                            </div>\n                        </header>\n\n                        <main class=\"container\">\n                            <section class=\"grid\">\n                                <div class=\"card\">\n                                    <h2>كيف تعمل؟</h2>\n                                    <ol class=\"list steps\">\n                                        <li>اختر <strong>أقساط أمـوال البنكية</strong> عند الدفع.</li>\n                                        <li>اختر بنكك ومدة الخطة (3 أو 6 أو 12 شهراً).</li>\n                                        <li>ادفع بالبطاقة المرتبطة بذلك البنك، أو عبر Apple Pay المرتبط بالبطاقة نفسها.</li>\n                                        <li>بعد الموافقة، يحوّل البنك الشراء إلى أقساط شهرية.</li>\n                                    </ol>\n                                </div>\n                                <div class=\"card\">\n                                    <h2>الدفعات الشهرية</h2>\n                                    <p>تُخصم الدفعات <strong>تلقائياً</strong> من رصيدك البنكي أو تُضاف إلى كشف بطاقتك الشهري. لا يلزمك أي\n                                        إجراء\n                                        إضافي.</p>\n                                    <p class=\"notice\">الحد الأدنى لقيمة الشراء للتقسيط يحدده كل بنك والتاجر.</p>\n                                </div>\n                            </section>\n\n                            <section class=\"grid\">\n                                <div class=\"card example\">\n                                    <h2>أمثلة</h2>\n                                    <div class=\"pair\">\n                                        <h3>مصرف الراجحي — أقساط شهرية متساوية</h3>\n                                        <p>يُقسَّم شراء بقيمة 6,000 ريال سعودي إلى دفعات شهرية متساوية حسب الخطة التي تختارها.</p>\n                                        <amwal-installments-timeline amount={6000} installments-count=\"12\" enable-installments=\"true\"  locale=\"ar\" timeline-style=\"default\" footer-message=\"\"></amwal-installments-timeline>\n                                    </div>\n                                    <div class=\"pair\">\n                                        <h3>البنك الأهلي السعودي — أقساط ‎5%‎ شهرياً</h3>\n                                        <p>ضمن خطة 12 شهراً، تدفع <strong>5% من الإجمالي</strong> في كل دورة. وفي نهاية المدة يُسدد الرصيد\n                                            المتبقي.\n                                        </p>\n                                        <amwal-installments-timeline amount={6000} installments-count=\"12\" enable-installments=\"true\"  locale=\"ar\" timeline-style=\"default\" footer-message=\"\"  installment-data='[{\"amount\":\"300.00\",\"dueDate\":\"2025-11-08\",\"status\":\"upcoming\",\"installmentNumber\":1},{\"amount\":\"300.00\",\"dueDate\":\"2025-12-08\",\"status\":\"upcoming\",\"installmentNumber\":2},{\"amount\":\"300.00\",\"dueDate\":\"2026-01-08\",\"status\":\"upcoming\",\"installmentNumber\":3},{\"amount\":\"300.00\",\"dueDate\":\"2026-02-08\",\"status\":\"upcoming\",\"installmentNumber\":4},{\"amount\":\"300.00\",\"dueDate\":\"2026-03-08\",\"status\":\"upcoming\",\"installmentNumber\":5},{\"amount\":\"300.00\",\"dueDate\":\"2026-04-08\",\"status\":\"upcoming\",\"installmentNumber\":6},{\"amount\":\"300.00\",\"dueDate\":\"2026-05-08\",\"status\":\"upcoming\",\"installmentNumber\":7},{\"amount\":\"300.00\",\"dueDate\":\"2026-06-08\",\"status\":\"upcoming\",\"installmentNumber\":8},{\"amount\":\"300.00\",\"dueDate\":\"2026-07-08\",\"status\":\"upcoming\",\"installmentNumber\":9},{\"amount\":\"300.00\",\"dueDate\":\"2026-08-08\",\"status\":\"upcoming\",\"installmentNumber\":10},{\"amount\":\"300.00\",\"dueDate\":\"2026-09-08\",\"status\":\"upcoming\",\"installmentNumber\":11},{\"amount\":\"300.00\",\"dueDate\":\"2026-10-08\",\"status\":\"upcoming\",\"installmentNumber\":12}]'></amwal-installments-timeline>\n                                    </div>\n                                </div>\n                            </section>\n\n                            <section class=\"FAQ\">\n                                <h2>الأسئلة الشائعة</h2>\n                                <details>\n                                    <summary>\n                                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                            <path d=\"M8 5l8 7-8 7\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\"\n                                                stroke-linejoin=\"round\"/>\n                                        </svg>\n                                        هل أكسب مكافآت ونقاط البطاقة؟\n                                    </summary>\n                                    <div class=\"faq-body\">\n                                        <p>نعم. تستمر في كسب مكافآت البطاقة ونقاطها على المشتريات المؤهلة للتقسيط وفق سياسة بنكك.</p>\n                                    </div>\n                                </details>\n                                <details>\n                                    <summary>\n                                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                            <path d=\"M8 5l8 7-8 7\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\"\n                                                stroke-linejoin=\"round\"/>\n                                        </svg>\n                                        متى موعد أول دفعة؟\n                                    </summary>\n                                    <div class=\"faq-body\">\n                                        <p>عادةً خلال <strong>30–55 يوماً</strong> من تاريخ الشراء، بحسب دورة الفوترة في بنكك.</p>\n                                    </div>\n                                </details>\n                                <details>\n                                    <summary>\n                                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                            <path d=\"M8 5l8 7-8 7\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\"\n                                                stroke-linejoin=\"round\"/>\n                                        </svg>\n                                        هل يتغير حد بطاقتي؟\n                                    </summary>\n                                    <div class=\"faq-body\">\n                                        <p>نعم. يُحجز كامل مبلغ الشراء من حد بطاقتك المتاح عند الدفع. وبعد التحويل إلى أقساط قد يعود الحد\n                                            للتزايد مع\n                                            سدادك للأقساط (وفق سياسة البنك).</p>\n                                    </div>\n                                </details>\n                                <details>\n                                    <summary>\n                                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                            <path d=\"M8 5l8 7-8 7\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\"\n                                                stroke-linejoin=\"round\"/>\n                                        </svg>\n                                        ما الخطط المتاحة؟\n                                    </summary>\n                                    <div class=\"faq-body\">\n                                        <p>الخيارات الشائعة هي <strong>3 أو 6 أو 12 شهراً</strong>. وتختلف الإتاحة حسب البنك المُصدر\n                                            والتاجر.</p>\n                                    </div>\n                                </details>\n                                <details>\n                                    <summary>\n                                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                            <path d=\"M8 5l8 7-8 7\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\"\n                                                stroke-linejoin=\"round\"/>\n                                        </svg>\n                                        كم يستغرق تحويل الشراء إلى أقساط؟\n                                    </summary>\n                                    <div class=\"faq-body\">\n                                        <p>عادةً خلال <strong>2–4 أيام</strong> بعد إتمام الشراء بنجاح.</p>\n                                    </div>\n                                </details>\n                                <details>\n                                    <summary>\n                                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                            <path d=\"M8 5l8 7-8 7\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\"\n                                                stroke-linejoin=\"round\"/>\n                                        </svg>\n                                        لماذا رُفض طلب التقسيط؟\n                                    </summary>\n                                    <div class=\"faq-body\">\n                                        <ul class=\"list\">\n                                            <li><span class=\"dot\"></span> البطاقة غير مؤهلة للتقسيط</li>\n                                            <li><span class=\"dot\"></span> وجود أكثر من أربع خطط تقسيط نشطة على البطاقة نفسها</li>\n                                            <li><span class=\"dot\"></span> استخدام رصيد مُحمّل/مؤقت لمحاولة زيادة الحد</li>\n                                            <li><span class=\"dot\"></span> الطلبات خاضعة لشروط وأحكام البنك المُصدر</li>\n                                        </ul>\n                                    </div>\n                                </details>\n                            </section>\n\n                            <footer>\n                                <p>© <span id=\"year-ar\"></span> أمـوال. المعلومات لغرض الإرشاد؛ الأهلية والحدود والخطط يحدّدها البنك المُصدر\n                                    والتاجر.</p>\n                            </footer>\n                        </main>\n                    </div>\n\n        );\n    }\n\n    render() {\n        return (\n            <div class=\"amwal-installments-guide\">\n                <div class=\"topbar\">\n                    <div class=\"topbar-inner\">\n                        <a class=\"brand\" href=\"https://amwal.tech\" target=\"_blank\" rel=\"noopener noreferrer\">\n                            <img class=\"brand-logo\" src=\"https://cdn.prod.website-files.com/62294ce746440b7bc08b4fc5/624352eb48193d537d329386_1-2.png\" alt=\"Amwal logo\"/>\n                        </a>\n                        <div class=\"lang-controls\">\n                            <label class=\"lang-en\">Language:</label>\n                            <label class=\"lang-ar\">اللغة:</label>\n                            <select\n                                class=\"lang-select\"\n                                aria-label=\"Language selector\"\n                                ref={(el) => this.selectRef = el}\n                                onChange={this.handleLanguageChange}\n                            >\n                                <option value=\"en\" selected>English</option>\n                                <option value=\"ar\">العربية</option>\n                            </select>\n                        </div>\n                    </div>\n                </div>\n                {this.currentLang === 'en' ? this.renderEnglishContent() : this.renderArabicContent()}\n            </div>\n        );\n    }\n}"],"version":3}

package/dist/esm/amwal-pos.entry.js

@@ -3334,3 +3334,5 @@ const AmwalPos = class {
 AmwalPos.style = amwalPosCss;
 
 export { AmwalPos as amwal_pos };
+
+//# sourceMappingURL=amwal-pos.entry.js.map