@amwaljs/checkout-button 0.2.9 → 0.3.0

package/dist/collection/components/amwal-installments-guide/amwal-installments-guide.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"amwal-installments-guide.js","sourceRoot":"","sources":["../../../src/components/amwal-installments-guide/amwal-installments-guide.tsx"],"names":[],"mappings":"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","sourcesContent":["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}"]}

package/dist/collection/components/amwal-installments-guide/amwal-installments-guide.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"amwal-installments-guide.stories.js","sourceRoot":"","sources":["../../../src/components/amwal-installments-guide/amwal-installments-guide.stories.tsx"],"names":[],"mappings":"AAAA,eAAe;IACX,KAAK,EAAE,+BAA+B;IACtC,UAAU,EAAE;QACR,KAAK,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;KAyBV;QACG,MAAM,EAAE,YAAY;KACvB;IACD,QAAQ,EAAE;QACN,MAAM,EAAE;YACJ,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC;YACrB,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,WAAW,EAAE,oBAAoB;YACjC,KAAK,EAAE;gBACH,YAAY,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;aAClC;SACJ;KACJ;CACJ,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC;;;gBAGX,IAAI,CAAC,MAAM;;;;;;;;;;;CAW1B,CAAC;AAEF,2BAA2B;AAC3B,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAChD,cAAc,CAAC,IAAI,GAAG;IAClB,MAAM,EAAE,IAAI;CACf,CAAC;AACF,cAAc,CAAC,UAAU,GAAG;IACxB,IAAI,EAAE;QACF,WAAW,EAAE;YACT,KAAK,EAAE,uDAAuD;SACjE;KACJ;CACJ,CAAC;AAEF,0BAA0B;AAC1B,MAAM,CAAC,MAAM,aAAa,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC/C,aAAa,CAAC,IAAI,GAAG;IACjB,MAAM,EAAE,IAAI;CACf,CAAC;AACF,aAAa,CAAC,UAAU,GAAG;IACvB,IAAI,EAAE;QACF,WAAW,EAAE;YACT,KAAK,EAAE,sDAAsD;SAChE;KACJ;CACJ,CAAC","sourcesContent":["export default {\n    title: 'Static/AmwalInstallmentsGuide',\n    parameters: {\n        notes: `\n# Amwal Installments Guide Component\n\nA reusable web component that displays a comprehensive guide about Amwal Bank Installments. \nThis component includes information about how the installments work, eligibility requirements, \npayment schedules, and frequently asked questions.\n\n## Features\n\n- **Bilingual Support**: Seamlessly switch between English and Arabic\n- **Responsive Design**: Optimized for all screen sizes\n- **Interactive Elements**: Collapsible FAQ sections\n- **Accessible**: Built with WCAG guidelines in mind\n\n## Usage\n\n\\`\\`\\`html\n<amwal-installments-guide\n  locale=\"en\"\n></amwal-installments-guide>\n\\`\\`\\`\n\n## Props\n\n- **locale**: Language ('en' or 'ar')\n    `,\n        layout: 'fullscreen',\n    },\n    argTypes: {\n        locale: {\n            options: ['en', 'ar'],\n            control: { type: 'select' },\n            description: 'Language selection',\n            table: {\n                defaultValue: { summary: 'en' },\n            },\n        }\n    },\n};\n\nconst Template = (args) => `\n  <div style=\"width: 100%; min-height: 100vh;\">\n    <amwal-installments-guide\n      locale=\"${args.locale}\"\n    ></amwal-installments-guide>\n  </div>\n  \n  <script>\n    // Add event listeners for any custom events\n    document.querySelectorAll('amwal-installments-guide').forEach((element) => {\n      // You can add custom event listeners here if needed\n      console.log('Amwal Installments Guide component loaded');\n    });\n  </script>\n`;\n\n// Story 1: English Version\nexport const EnglishVersion = Template.bind({});\nEnglishVersion.args = {\n    locale: 'en'\n};\nEnglishVersion.parameters = {\n    docs: {\n        description: {\n            story: 'The guide displayed in English with default settings.',\n        },\n    },\n};\n\n// Story 2: Arabic Version\nexport const ArabicVersion = Template.bind({});\nArabicVersion.args = {\n    locale: 'ar'\n};\nArabicVersion.parameters = {\n    docs: {\n        description: {\n            story: 'The guide displayed in Arabic with default settings.',\n        },\n    },\n};"]}

package/dist/collection/components/amwal-installments-timeline/amwal-installments-timeline.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"amwal-installments-timeline.js","sourceRoot":"","sources":["../../../src/components/amwal-installments-timeline/amwal-installments-timeline.tsx"],"names":[],"mappings":"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","sourcesContent":["import { TranslationUtils } from '../../lang/i18n';\nimport {Component, h, Prop, Watch} from '@stencil/core';\n\n/**\n * Interface for installment data\n */\nexport interface Installment {\n    amount: string;\n    isCompleted?: boolean;\n    progressType?: 'empty' | 'small' | 'medium' | 'full';\n    label?: string;\n}\n\n/**\n * Timeline display style options\n */\nexport type TimelineStyle = 'default' | 'simple';\n\n/**\n * Label format options (deprecated - kept for backward compatibility)\n */\nexport type LabelFormat = 'date' | 'simple';\n\n@Component({\n    tag: 'amwal-installments-timeline',\n    styleUrl: 'amwal-installments-timeline.css',\n    shadow: false,\n})\nexport class AmwalInstallmentsTimeline {\n\n    /**\n     * The total amount to be paid in installments\n     */\n    @Prop() amount: number = 0;\n\n    /**\n     * Number of installments\n     */\n    @Prop() installmentsCount: number = 6;\n\n    /**\n     * The installment payments (optional - will be calculated if not provided)\n     */\n    @Prop() installmentData: string = '[]';\n\n    /**\n     * Enable or disable installments feature\n     */\n    @Prop() enableInstallments: boolean = false;\n\n    /**\n     * Maximum number of installments to display (for UI clarity)\n     */\n    @Prop() maxVisibleInstallments: number = 3;\n\n    /**\n     * the language of the plugin. supported languages are Arabic (\"ar\") and English (\"en\")\n     */\n    @Prop() locale?: string = \"en\";\n\n    /**\n     * Enable or disable border around the timeline\n     */\n    @Prop() border: boolean = false;\n\n    /**\n     * Timeline display style: 'default' for circular timeline, 'simple' for modern dots with lines\n     */\n    @Prop() timelineStyle: TimelineStyle = 'default';\n\n    /**\n     * Footer message for simple timeline style\n     */\n    @Prop() footerMessage?: string;\n\n    /**\n     * Enable debug mode for additional console logs\n     * @default false\n     */\n    @Prop() debug: boolean = false;\n\n    /**\n     * Number of decimal places for amount formatting\n     * @default 2\n     * @minimum 0\n     * @maximum 6\n     */\n    @Prop() decimalPlaces: number = 2;\n\n    // Deprecated props - kept for backward compatibility\n    @Prop() labelFormat: LabelFormat = 'simple';\n    @Prop() startDate?: string;\n    @Prop() intervalMonths: number = 1;\n\n    /**\n     * Translation function to handle localization\n     * @private\n     */\n    private t: (val: string) => string = (val) => val; // Initialize with fallback\n\n    /**\n     * Lifecycle method that is called once when the component is first created\n     */\n    async componentWillLoad() {\n        try {\n            this.t = await TranslationUtils.useTranslation(this.locale);\n        } catch (e) {\n            console.error('Failed to initialize translation:', e);\n        }\n    }\n\n    /**\n     * Lifecycle method to update translations when locale changes\n     */\n    @Watch('locale')\n    async updateLocale(newValue: string) {\n        this.locale = newValue;\n        try {\n            this.t = await TranslationUtils.useTranslation(this.locale);\n        } catch (e) {\n            console.error('Failed to update translation:', e);\n            this.t = (val) => val;\n        }\n    }\n\n    /**\n     * Generate simple label for installment (1-based indexing)\n     */\n    private generateSimpleLabel(index: number): string {\n        return this.t('Installment') + ' ' + (index + 1);\n    }\n\n    /**\n     * Get installment data as parsed object or generate it dynamically\n     */\n    private get installments(): Installment[] {\n        try {\n            const providedData = JSON.parse(this.installmentData);\n            if (providedData.length > 0) {\n                return providedData;\n            }\n            return this.generateInstallments();\n        } catch (e) {\n            console.error('Invalid installment data format', e);\n            return this.generateInstallments();\n        }\n    }\n\n    /**\n     * Generate installment data based on amount and installmentsCount\n     */\n    private generateInstallments(): Installment[] {\n        const installments: Installment[] = [];\n        if (this.amount <= 0 || this.installmentsCount <= 0) {\n            return installments;\n        }\n\n        // Calculate the base installment amount\n        const baseAmount = +(this.amount / this.installmentsCount).toFixed(this.decimalPlaces);\n        const remainder = +(this.amount - (baseAmount * this.installmentsCount)).toFixed(this.decimalPlaces);\n\n        // Create installment objects\n        for (let i = 0; i < this.installmentsCount; i++) {\n            // Add remainder to the last installment if needed\n            const amount = i === this.installmentsCount - 1 && remainder !== 0\n                ? (baseAmount + remainder).toFixed(this.decimalPlaces)\n                : baseAmount.toFixed(this.decimalPlaces);\n\n            // Assign progressive status based on position\n            let progressType: 'empty' | 'small' | 'medium' | 'full' = 'empty';\n            if (i === 0) {\n                progressType = 'small';\n            } else if (i === 1 || (i > 1 && i < this.installmentsCount - 1)) {\n                progressType = 'medium';\n            } else if (i === this.installmentsCount - 1) {\n                progressType = 'full';\n            }\n\n            const installment: Installment = {\n                amount: `${amount}`,\n                progressType,\n                label: this.generateSimpleLabel(i)\n            };\n\n            installments.push(installment);\n        }\n\n        return installments;\n    }\n\n    /**\n     * Format amount to display\n     */\n    private formatAmount(amount: string, label?: string): any {\n        const amountParts = amount.split(' ');\n        const numericValue = parseFloat(amountParts[0]).toFixed(this.decimalPlaces);\n\n        return (\n            <div class=\"installments-amount\">\n                <div class=\"amount-container\">\n                    {label && <span class=\"installments-label\">{label}</span>}\n                    <span class=\"installments-amount-value\">{numericValue}</span>\n                </div>\n            </div>\n        );\n    }\n\n    /**\n     * Render an installment step (default circular style)\n     */\n    private renderInstallmentStep(\n        amount: string,\n        label: string,\n        isFirst: boolean = false,\n        isLast: boolean = false,\n        progressType: 'empty' | 'small' | 'medium' | 'full' = 'empty'\n    ) {\n        return (\n            <div class=\"installments-step\">\n                {isFirst\n                    ? this.formatAmount(amount, this.t('Hold'))\n                    : this.formatAmount(amount)\n                }\n                <div class=\"installments-circle-container\">\n                    {isFirst ? (\n                        <div class=\"installments-circle-filled-first\"></div>\n                    ) : isLast || progressType === 'full' ? (\n                        <div class=\"installments-circle-filled\"></div>\n                    ) : (\n                        [\n                            <div class=\"installments-circle-outline\"></div>,\n                            progressType === 'small' && (\n                                <div class=\"installments-circle-segment installments-circle-segment-small\"></div>\n                            ),\n                            progressType === 'medium' && (\n                                <div class=\"installments-circle-segment installments-circle-segment-medium\"></div>\n                            )\n                        ]\n                    )}\n                </div>\n                <div class=\"installments-label\">{label}</div>\n            </div>\n        );\n    }\n\n    /**\n     * Render a modern timeline step with new dot style and connecting lines\n     */\n    private renderModernTimelineStep(installment: Installment, isHold: boolean = false) {\n        const progressClass = installment.progressType || 'empty';\n        // Generate short version for mobile displays\n        const shortLabel = installment.label?.replace('Installment', 'Inst') || installment.label;\n\n        return (\n            <div class=\"date-timeline-step\">\n                <div class={`modern-timeline-dot ${progressClass}`}></div>\n                <div class=\"date-timeline-content\">\n                    <div class=\"date-timeline-date\" data-short={shortLabel}>{installment.label}</div>\n                    <div class=\"date-timeline-amount\">\n                        {isHold && (\n                            <span class=\"date-timeline-hold-label\">{this.t('Hold')}</span>\n                        )}\n                        {installment.amount}\n                    </div>\n                </div>\n            </div>\n        );\n    }\n\n    /**\n     * Render a connector between steps (default style)\n     */\n    private renderConnector(isDotted: boolean = false) {\n        return (\n            <div class=\"installments-connector-container\">\n                {isDotted ? (\n                    <div class=\"installments-dotted-connector\">\n                        <div class=\"installments-connector-dot\"></div>\n                        <div class=\"installments-dots-container\">\n                            <div class=\"installments-dot\"></div>\n                            <div class=\"installments-dot\"></div>\n                            <div class=\"installments-dot\"></div>\n                            <div class=\"installments-dot\"></div>\n                            <div class=\"installments-dot\"></div>\n                        </div>\n                        <div class=\"installments-connector-dot\"></div>\n                    </div>\n                ) : (\n                    <div class=\"installments-simple-connector\">\n                        <div class=\"installments-connector-dot\"></div>\n                        <div class=\"installments-connector-line\"></div>\n                        <div class=\"installments-connector-dot\"></div>\n                    </div>\n                )}\n            </div>\n        );\n    }\n\n    /**\n     * Render the modern timeline style with new dots and connecting lines\n     * Updated to show dotted line when there are hidden installments\n     */\n    private renderModernTimeline() {\n        const allInstallments = this.installments;\n        const installmentsToDisplay = [];\n        const hasHiddenInstallments = allInstallments.length > this.maxVisibleInstallments;\n\n        // Handle visibility logic for many installments\n        if (allInstallments.length <= this.maxVisibleInstallments) {\n            installmentsToDisplay.push(...allInstallments);\n        } else {\n            // Show first, then second, then last\n            installmentsToDisplay.push(\n                allInstallments[0],\n                allInstallments[1]\n            );\n            installmentsToDisplay.push(\n                allInstallments[allInstallments.length - 1]\n            );\n        }\n\n        const timelineItems = [];\n\n        // Add full amount as first item (hold)\n        const holdItem: Installment = {\n            amount: this.amount.toFixed(this.decimalPlaces),\n            progressType: 'small',\n            label: this.t('Today')\n        };\n        timelineItems.push(holdItem);\n\n        // Add the filtered installments\n        timelineItems.push(...installmentsToDisplay);\n\n        return (\n            <div id=\"paymentProgress\"\n                 dir={this.locale === 'ar' ? 'rtl' : 'ltr'}\n                 class={{\n                     'installments': true,\n                     'payment-progress': true,\n                     'date-timeline': true,\n                     'bordered': this.border,\n                     'has-hidden-installments': hasHiddenInstallments\n                 }}>\n                <div class={`date-timeline-container date-timeline-container-${this.locale === 'ar' ? 'rtl' : 'ltr'}`}>\n                    {timelineItems.map((installment, index) => {\n                        // Adjust label for ellipsis case (same logic as default timeline)\n                        const isLastInstallment = index === timelineItems.length - 1 && index > 2;\n                        const adjustedInstallment = isLastInstallment && allInstallments.length > 3 ? {\n                            ...installment,\n                            label: this.t('Installment') + ' ' + allInstallments.length\n                        } : installment;\n\n                        return this.renderModernTimelineStep(adjustedInstallment, index === 0);\n                    })}\n                </div>\n                {this.footerMessage && (\n                    <div class=\"date-timeline-footer\">\n                        {this.footerMessage}\n                    </div>\n                )}\n            </div>\n        );\n    }\n\n    /**\n     * Render the default timeline style with circles and connectors\n     */\n    private renderDefaultTimeline() {\n        const allInstallments = this.installments;\n        const installmentsToDisplay = [];\n\n        // Handle visibility logic for many installments\n        if (allInstallments.length <= this.maxVisibleInstallments) {\n            installmentsToDisplay.push(...allInstallments);\n        } else {\n            // Show first, then ellipsis, then last\n            installmentsToDisplay.push(\n                allInstallments[0],\n                allInstallments[1]\n            );\n            installmentsToDisplay.push(\n                allInstallments[allInstallments.length - 1]\n            );\n        }\n\n        return (\n            <div id=\"paymentProgress\"\n                 style={this.locale === 'ar' ? { direction: 'rtl' } : {}}\n                 class={{\n                     'installments': true,\n                     'payment-progress': true,\n                     'bordered': this.border\n                 }}>\n                {/* Today / Initial Payment */}\n                {this.renderInstallmentStep(\n                    `${this.amount}`,\n                    this.t('Today'),\n                    true,\n                    false,\n                    'empty'\n                )}\n\n                {/* Connector between Initial Payment and First Installment */}\n                {this.renderConnector()}\n\n                {/* Display the installments */}\n                {installmentsToDisplay.map((installment, index) => [\n                    this.renderInstallmentStep(\n                        installment.amount,\n                        this.t('Installment') + ' ' + (index === 2 && allInstallments.length > 3 ? allInstallments.length : index + 1),\n                        false,\n                        index === installmentsToDisplay.length - 1,\n                        installment.progressType\n                    ),\n                    index < installmentsToDisplay.length - 1 &&\n                    this.renderConnector(index === 1 && allInstallments.length > 3)\n                ])}\n            </div>\n        );\n    }\n\n    render() {\n        // If installments are not enabled, don't render anything\n        if (!this.enableInstallments) {\n            return null;\n        }\n\n        if (this.debug) {\n            console.log('[AmwalInstallmentsTimeline] Debug Mode Enabled');\n            console.log('[AmwalInstallmentsTimeline] Timeline Style:', this.timelineStyle);\n            console.log('[AmwalInstallmentsTimeline] Installments:', this.installments);\n            console.log('[AmwalInstallmentsTimeline] Installments Count:', this.installmentsCount);\n            console.log('[AmwalInstallmentsTimeline] Amount:', this.amount);\n            console.log('[AmwalInstallmentsTimeline] Max Visible Installments:', this.maxVisibleInstallments);\n            console.log('[AmwalInstallmentsTimeline] Has Hidden Installments:', this.installments.length > this.maxVisibleInstallments);\n            console.log('[AmwalInstallmentsTimeline] Locale:', this.locale);\n            console.log('[AmwalInstallmentsTimeline] Enable Border:', this.border);\n        }\n\n        // Render based on timeline style\n        if (this.timelineStyle === 'simple') {\n            return this.renderModernTimeline();\n        } else {\n            return this.renderDefaultTimeline();\n        }\n    }\n}"]}

package/dist/collection/components/amwal-installments-timeline/amwal-installments-timeline.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"amwal-installments-timeline.stories.js","sourceRoot":"","sources":["../../../src/components/amwal-installments-timeline/amwal-installments-timeline.stories.tsx"],"names":[],"mappings":"AAAA,eAAe;IACb,KAAK,EAAE,sCAAsC;IAC7C,UAAU,EAAE;QACV,KAAK,EAAE,OAAO,CAAC,aAAa,CAAC;KAC9B;IACD,QAAQ,EAAE;QACR,MAAM,EAAE;YACN,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC;YACrB,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;SAC5B;QACD,MAAM,EAAE;YACN,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE;SAChD;QACD,iBAAiB,EAAE;YACjB,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE;SACtD;QACD,sBAAsB,EAAE;YACtB,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE;SACtD;QACD,kBAAkB,EAAE;YAClB,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;SAC7B;QACD,MAAM,EAAE;YACN,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;SAC7B;QACD,aAAa,EAAE;YACb,OAAO,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC;YAC9B,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;SAC5B;QACD,aAAa,EAAE;YACb,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SAC1B;QACD,KAAK,EAAE;YACL,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;SAC7B;QACD,aAAa,EAAE;YACb,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE;SACrD;KACF;CACF,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE,CACtB;cACU,IAAI,CAAC,MAAM;0BACC,IAAI,CAAC,iBAAiB;wBACxB,IAAI,CAAC,eAAe;2BACjB,IAAI,CAAC,kBAAkB;gCAClB,IAAI,CAAC,sBAAsB;cAC7C,IAAI,CAAC,MAAM;cACX,IAAI,CAAC,MAAM;sBACH,IAAI,CAAC,aAAa;sBAClB,IAAI,CAAC,aAAa;sBAClB,IAAI,CAAC,aAAa;aAC3B,IAAI,CAAC,KAAK;;;;;;;;;;;;;;;;aAgBV,CAAC;AAEd,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,OAAO,CAAC,IAAI,GAAG;IACb,MAAM,EAAE,IAAI;IACZ,iBAAiB,EAAE,EAAE;IACrB,eAAe,EAAE,IAAI;IACrB,kBAAkB,EAAE,IAAI;IACxB,sBAAsB,EAAE,CAAC;IACzB,MAAM,EAAE,IAAI;IACZ,MAAM,EAAE,KAAK;IACb,aAAa,EAAE,SAAS;IACxB,aAAa,EAAE,EAAE;IACjB,aAAa,EAAE,CAAC;IAChB,KAAK,EAAE,KAAK;CACb,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACnD,iBAAiB,CAAC,IAAI,GAAG;IACvB,MAAM,EAAE,IAAI;IACZ,iBAAiB,EAAE,EAAE;IACrB,eAAe,EAAE,IAAI;IACrB,kBAAkB,EAAE,IAAI;IACxB,sBAAsB,EAAE,CAAC;IACzB,MAAM,EAAE,IAAI;IACZ,MAAM,EAAE,IAAI;IACZ,aAAa,EAAE,SAAS;IACxB,aAAa,EAAE,EAAE;IACjB,aAAa,EAAE,CAAC;IAChB,KAAK,EAAE,KAAK;CACb,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC/C,aAAa,CAAC,IAAI,GAAG;IACnB,MAAM,EAAE,IAAI;IACZ,iBAAiB,EAAE,EAAE;IACrB,eAAe,EAAE,IAAI;IACrB,kBAAkB,EAAE,IAAI;IACxB,sBAAsB,EAAE,CAAC;IACzB,MAAM,EAAE,IAAI;IACZ,MAAM,EAAE,IAAI;IACZ,aAAa,EAAE,SAAS;IACxB,aAAa,EAAE,EAAE;IACjB,aAAa,EAAE,CAAC;IAChB,KAAK,EAAE,KAAK;CACb,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAChD,cAAc,CAAC,IAAI,GAAG;IACpB,MAAM,EAAE,IAAI;IACZ,iBAAiB,EAAE,EAAE;IACrB,eAAe,EAAE,IAAI;IACrB,kBAAkB,EAAE,IAAI;IACxB,sBAAsB,EAAE,CAAC;IACzB,MAAM,EAAE,IAAI;IACZ,MAAM,EAAE,IAAI;IACZ,aAAa,EAAE,QAAQ;IACvB,aAAa,EAAE,4BAA4B;IAC3C,aAAa,EAAE,CAAC;IAChB,KAAK,EAAE,KAAK;CACb,CAAC","sourcesContent":["export default {\n  title: 'Components/AmwalInstallmentsTimeline',\n  parameters: {\n    notes: require('./readme.md')\n  },\n  argTypes: {\n    locale: {\n      options: ['en', 'ar'],\n      control: { type: 'select' },\n    },\n    amount: {\n      control: { type: 'number', min: 0, step: 0.01 },\n    },\n    installmentsCount: {\n      control: { type: 'number', min: 1, max: 12, step: 1 },\n    },\n    maxVisibleInstallments: {\n      control: { type: 'number', min: 2, max: 10, step: 1 },\n    },\n    enableInstallments: {\n      control: { type: 'boolean' },\n    },\n    border: {\n      control: { type: 'boolean' },\n    },\n    timelineStyle: {\n      options: ['default', 'simple'],\n      control: { type: 'select' },\n    },\n    footerMessage: {\n      control: { type: 'text' },\n    },\n    debug: {\n      control: { type: 'boolean' },\n    },\n    decimalPlaces: {\n      control: { type: 'number', min: 0, max: 6, step: 1 },\n    },\n  },\n};\n\nconst Template = (args) =>\n    `<amwal-installments-timeline\n    amount=\"${args.amount}\"\n    installments-count=\"${args.installmentsCount}\"\n    installment-data='${args.installmentData}'\n    enable-installments=\"${args.enableInstallments}\"\n    max-visible-installments=\"${args.maxVisibleInstallments}\"\n    locale=\"${args.locale}\"\n    border=\"${args.border}\"\n    timeline-style=\"${args.timelineStyle}\"\n    footer-message=\"${args.footerMessage}\"\n    decimal-places=\"${args.decimalPlaces}\"\n    debug=\"${args.debug}\">\n   </amwal-installments-timeline>\n   <script>\n     document.querySelectorAll('amwal-installments-timeline').forEach((timelineElement) => {\n       console.log('AmwalInstallmentsTimeline initialized');\n       \n       if (timelineElement.debug) {\n         console.log('Timeline Debug Mode:', {\n           amount: timelineElement.amount,\n           installmentsCount: timelineElement.installmentsCount,\n           locale: timelineElement.locale,\n           enableInstallments: timelineElement.enableInstallments,\n           timelineStyle: timelineElement.timelineStyle\n         });\n       }\n     });\n   </script>`;\n\nexport const Default = Template.bind({});\nDefault.args = {\n  amount: 3500,\n  installmentsCount: 12,\n  installmentData: '[]',\n  enableInstallments: true,\n  maxVisibleInstallments: 3,\n  locale: 'en',\n  border: false,\n  timelineStyle: 'default',\n  footerMessage: '',\n  decimalPlaces: 2,\n  debug: false,\n};\n\nexport const DefaultWithBorder = Template.bind({});\nDefaultWithBorder.args = {\n  amount: 2400,\n  installmentsCount: 12,\n  installmentData: '[]',\n  enableInstallments: true,\n  maxVisibleInstallments: 3,\n  locale: 'en',\n  border: true,\n  timelineStyle: 'default',\n  footerMessage: '',\n  decimalPlaces: 2,\n  debug: false,\n};\n\nexport const DefaultArabic = Template.bind({});\nDefaultArabic.args = {\n  amount: 4200,\n  installmentsCount: 12,\n  installmentData: '[]',\n  enableInstallments: true,\n  maxVisibleInstallments: 3,\n  locale: 'ar',\n  border: true,\n  timelineStyle: 'default',\n  footerMessage: '',\n  decimalPlaces: 2,\n  debug: false,\n};\n\nexport const SimpleTimeline = Template.bind({});\nSimpleTimeline.args = {\n  amount: 3500,\n  installmentsCount: 12,\n  installmentData: '[]',\n  enableInstallments: true,\n  maxVisibleInstallments: 3,\n  locale: 'en',\n  border: true,\n  timelineStyle: 'simple',\n  footerMessage: 'No fees, sharia compliant.',\n  decimalPlaces: 2,\n  debug: false,\n};"]}

package/dist/collection/components/amwal-pos/amwal-pos.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"amwal-pos.js","sourceRoot":"","sources":["../../../src/components/amwal-pos/amwal-pos.tsx"],"names":[],"mappings":"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","sourcesContent":["import { TranslationUtils } from '../../lang/i18n';\nimport { Component, h, Prop, State, Watch } from '@stencil/core';\nimport * as QRCode from 'qrcode';\n\nexport interface PosState {\n    screen: 'amount-entry' | 'qr-code' | 'processing' | 'success' | 'error';\n    amount: string;\n    currency: 'SAR';\n    qrCode?: string;\n    transactionId?: string;\n}\n\nexport interface PaymentLinkRequest {\n    amount: number;\n    title?: string;\n    singleUse?: boolean;\n    description?: string;\n    selectedDate?: string;\n    client_first_name?: string;\n    client_last_name?: string;\n    client_email?: string;\n    client_phone_number?: string;\n    client_street1?: string;\n    client_street2?: string;\n    client_city?: string;\n    client_state?: string;\n    client_country?: string;\n    client_postcode?: string;\n    address_required?: boolean;\n    language?: string;\n    sms_language?: string;\n    send_sms?: boolean;\n    passkey_enabled?: boolean;\n    only_show_bank_installments?: boolean;\n    only_show_pay_in_full?: boolean;\n    callback_url?: string;\n    metadata?: Record<string, any>;\n}\n\nexport interface PaymentLinkResponse {\n    id: string;\n    payment_link_id?: string;\n    qr_code?: string;\n    payment_url?: string;\n    status?: string;\n}\n\n@Component({\n    tag: 'amwal-pos',\n    styleUrl: 'amwal-pos.css',\n    shadow: false,\n})\nexport class AmwalPos {\n    /**\n     * The current amount entered\n     */\n    @Prop({ mutable: true }) amount: string = '';\n\n    /**\n     * The currency used for the transaction.\n     */\n    @Prop() currency: 'SAR';\n\n    /**\n     * The language of the plugin. Supported languages are Arabic (\"ar\") and English (\"en\")\n     */\n    @Prop() locale?: string = 'en';\n\n    /**\n     * Enable debug mode for additional console logs\n     */\n    @Prop() debug: boolean = false;\n\n    /**\n     * Minimum amount allowed\n     */\n    @Prop() minAmount: number = 1;\n\n    /**\n     * Maximum amount allowed\n     */\n    @Prop() maxAmount: number = 999999;\n\n    /**\n     * API Authorization token\n     */\n    @Prop() authToken: string = '';\n\n    /**\n     * Store ID for API calls\n     */\n    @Prop() storeId: string = '';\n\n    /**\n     * API base URL\n     */\n    @Prop() apiBaseUrl: string = 'https://backend.sa.amwal.tech';\n\n    /**\n     * Custom title for payment\n     */\n    @Prop() paymentTitle?: string;\n\n    /**\n     * Custom description for payment\n     */\n    @Prop() paymentDescription?: string;\n\n    /**\n     * Customer information\n     */\n    @Prop() customerFirstName?: string;\n    @Prop() customerLastName?: string;\n    @Prop() customerEmail?: string;\n    @Prop() customerPhone?: string;\n\n    /**\n     * Customer address information\n     */\n    @Prop() customerStreet1?: string;\n    @Prop() customerStreet2?: string;\n    @Prop() customerCity?: string;\n    @Prop() customerState?: string;\n    @Prop() customerCountry?: string;\n    @Prop() customerPostcode?: string;\n\n    /**\n     * Address and payment options\n     */\n    @Prop() addressRequired?: boolean = false;\n    @Prop() smsLanguage?: string;\n    @Prop() sendSms?: boolean = false;\n    @Prop() passkeyEnabled?: boolean = false;\n    @Prop() onlyShowBankInstallments?: boolean = false;\n    @Prop() onlyShowPayInFull?: boolean = false;\n\n    /**\n     * Callback URL for payment completion\n     */\n    @Prop() callbackUrl?: string;\n\n    /**\n     * Custom metadata for the transaction\n     */\n    @Prop() metadata?: string; // JSON string\n\n    /**\n     * Component state\n     */\n    @State() currentScreen: 'amount-entry' | 'qr-code' | 'processing' | 'success' | 'error' = 'amount-entry';\n    @State() qrCodeData: string = '';\n    @State() qrCodeDataURL: string = '';\n    @State() transactionId: string = '';\n    @State() errorMessage: string = '';\n    @State() paymentUrl: string = '';\n    @State() isChecking: boolean = false;\n    @State() checkAttempts: number = 0;\n\n    /**\n     * Translation function to handle localization\n     * @private\n     */\n    private t: (val: string) => string = (val) => val; // Initialize with fallback\n\n    /**\n     * Lifecycle method that is called once when the component is first created\n     */\n    async componentWillLoad() {\n        // Initialize the translation function when component loads\n        try {\n            this.t = await TranslationUtils.useTranslation(this.locale);\n        } catch (e) {\n            console.error('Failed to initialize translation:', e);\n            // Keep the fallback function defined above\n        }\n    }\n\n    /**\n     * Lifecycle method to update translations when locale changes\n     * @param newValue\n     */\n    @Watch('locale')\n    async updateLocale(newValue: string) {\n        this.locale = newValue;\n        try {\n            this.t = await TranslationUtils.useTranslation(this.locale);\n        } catch (e) {\n            console.error('Failed to update translation:', e);\n            // Fallback to using the input string as-is\n            this.t = (val) => val;\n        }\n    }\n\n    /**\n     * Handle number input\n     */\n    private handleNumberInput = (digit: string) => {\n        if (digit === '.' && this.amount.includes('.')) return;\n        if (this.amount.includes('.') && this.amount.split('.')[1].length >= 2) return;\n\n        this.amount = this.amount + digit;\n    };\n\n    /**\n     * Handle backspace\n     */\n    private handleBackspace = () => {\n        this.amount = this.amount.slice(0, -1);\n    };\n\n    /**\n     * Handle continue to QR code screen\n     */\n    private handleContinue = async () => {\n        const numAmount = parseFloat(this.amount);\n        if (numAmount >= this.minAmount && numAmount <= this.maxAmount) {\n            this.currentScreen = 'processing';\n            await this.createTransaction();\n        }\n    };\n\n    /**\n     * Create transaction and generate QR code\n     */\n    private createTransaction = async () => {\n        const paymentLink = await this.createPaymentLink();\n\n        if (paymentLink) {\n            console.log(paymentLink)\n            this.transactionId = paymentLink.payment_link_id || paymentLink.id;\n\n            // Generate payment URL from payment_link_id\n            const paymentLinkId = paymentLink.payment_link_id || paymentLink.id;\n            this.paymentUrl = `https://pay.sa.amwal.tech/payment-link/${paymentLinkId}`;\n            this.qrCodeData = paymentLink.qr_code || this.paymentUrl;\n\n            // Generate QR code as data URL\n            await this.generateQRCode(this.qrCodeData);\n\n            this.currentScreen = 'qr-code';\n        }\n        // Error handling is done in createPaymentLink method\n    };\n\n    /**\n     * Generate QR code using the qrcode library\n     */\n    private generateQRCode = async (data: string) => {\n        try {\n            const qrDataURL = await QRCode.toDataURL(data, {\n                width: 200,\n                margin: 2,\n                color: {\n                    dark: '#000000',\n                    light: '#FFFFFF'\n                },\n                errorCorrectionLevel: 'M'\n            });\n            this.qrCodeDataURL = qrDataURL;\n\n            if (this.debug) {\n                console.log('[AmwalPos] QR code generated for:', data);\n            }\n        } catch (error) {\n            console.error('[AmwalPos] Error generating QR code:', error);\n            this.handleError('Failed to generate QR code');\n        }\n    };\n\n    /**\n     * Handle cancel action\n     */\n    private handleCancel = () => {\n        this.currentScreen = 'amount-entry';\n        this.qrCodeData = '';\n        this.transactionId = '';\n    };\n\n    /**\n     * Handle check status with automatic retries\n     */\n    private handleCheckStatus = async () => {\n        if (!this.transactionId) {\n            // No transaction ID - start monitoring process\n            this.isChecking = true;\n            this.checkAttempts = 0;\n            this.currentScreen = 'processing';\n            this.startPaymentMonitoring();\n            return;\n        }\n\n        // Start checking process\n        this.isChecking = true;\n        this.checkAttempts = 0;\n        this.currentScreen = 'processing';\n        await this.performStatusCheck();\n    };\n\n    /**\n     * Start payment monitoring with automatic retries\n     */\n    private startPaymentMonitoring = async () => {\n        const maxAttempts = 5; // Maximum number of attempts to check payment status\n        const checkInterval = 10000; // Check every 10 seconds\n\n        const checkLoop = async () => {\n            if (!this.isChecking) return; // Stop if the user cancelled\n\n            this.checkAttempts++;\n\n            if (this.debug) {\n                console.log(`[AmwalPos] Payment check attempt ${this.checkAttempts}/${maxAttempts}`);\n            }\n\n            if (this.transactionId) {\n                const statusResponse = await this.checkPaymentStatus(this.transactionId);\n\n                if (statusResponse) {\n                    // Check payment link status first\n                    const paymentLinkStatus = statusResponse.payment_link?.status;\n\n                    // Check transaction status if available\n                    const transactionStatus = statusResponse.transactions?.[0]?.status;\n\n                    if (this.debug) {\n                        console.log('[AmwalPos] Payment link status:', paymentLinkStatus);\n                        console.log('[AmwalPos] Transaction status:', transactionStatus);\n                    }\n\n                    // Payment is successful if either payment link is \"Paid\" or transaction is \"success\"\n                    if (paymentLinkStatus === 'Paid' || transactionStatus === 'success') {\n                        this.isChecking = false;\n                        this.currentScreen = 'success';\n                        return;\n                    }\n                    // Payment failed\n                    else if (paymentLinkStatus === 'Failed' || paymentLinkStatus === 'Cancelled' ||\n                        transactionStatus === 'failed' || transactionStatus === 'error') {\n                        this.isChecking = false;\n                        this.handleError('Payment failed');\n                        return;\n                    }\n                    // For any other status like \"Pending\", \"Processing\", etc., continue checking\n                }\n            }\n\n            // Continue checking if not successful and haven't reached max attempts\n            if (this.checkAttempts < maxAttempts) {\n                setTimeout(() => {\n                    if (this.isChecking) {\n                        checkLoop();\n                    }\n                }, checkInterval);\n            } else {\n                // Max attempts reached, return to QR screen\n                this.isChecking = false;\n                this.currentScreen = 'qr-code';\n            }\n        };\n\n        // Start the first check after a short delay\n        setTimeout(checkLoop, 2000);\n    };\n\n    /**\n     * Perform a single status check\n     */\n    private performStatusCheck = async () => {\n        const statusResponse = await this.checkPaymentStatus(this.transactionId);\n\n        if (statusResponse) {\n            // Check payment link status first\n            const paymentLinkStatus = statusResponse.payment_link?.status;\n\n            // Check transaction status if available\n            const transactionStatus = statusResponse.transactions?.[0]?.status;\n\n            if (this.debug) {\n                console.log('[AmwalPos] Payment link status:', paymentLinkStatus);\n                console.log('[AmwalPos] Transaction status:', transactionStatus);\n            }\n\n            // Payment is successful if either payment link is \"Paid\" or transaction is \"success\"\n            if (paymentLinkStatus === 'Paid' || transactionStatus === 'success') {\n                this.isChecking = false;\n                this.currentScreen = 'success';\n            }\n            // Payment failed\n            else if (paymentLinkStatus === 'Failed' || paymentLinkStatus === 'Cancelled' ||\n                transactionStatus === 'failed' || transactionStatus === 'error') {\n                this.isChecking = false;\n                this.handleError('Payment failed');\n            } else {\n                // Still unpaid/pending, start monitoring\n                this.startPaymentMonitoring();\n            }\n        } else {\n            // API call failed, start monitoring anyway\n            this.startPaymentMonitoring();\n        }\n    };\n\n    /**\n     * Create payment link using Amwal API\n     */\n    private createPaymentLink = async (): Promise<PaymentLinkResponse | null> => {\n        if (!this.authToken || !this.storeId) {\n            this.handleError('Missing API configuration');\n            return null;\n        }\n\n        const amount = parseFloat(this.amount);\n        if (isNaN(amount)) {\n            this.handleError('Invalid amount');\n            return null;\n        }\n\n        const payload: PaymentLinkRequest = {\n            amount: amount,\n            title: this.paymentTitle || `POS Payment - ${this.formatAmountDisplay()}`,\n            singleUse: true,\n            description: this.paymentDescription || `Payment for ${this.formatAmountDisplay()}`,\n            selectedDate: new Date(Date.now() + 24 * 60 * 60 * 1000).toISOString(),\n            client_first_name: this.customerFirstName,\n            client_last_name: this.customerLastName,\n            client_email: this.customerEmail,\n            client_phone_number: this.customerPhone,\n            client_street1: this.customerStreet1,\n            client_street2: this.customerStreet2,\n            client_city: this.customerCity,\n            client_state: this.customerState,\n            client_country: this.customerCountry,\n            client_postcode: this.customerPostcode,\n            address_required: this.addressRequired || false,\n            language: this.locale || 'en',\n            sms_language: this.smsLanguage || (this.locale === 'ar' ? 'ar' : 'en'),\n            send_sms: this.sendSms || !!this.customerPhone,\n            passkey_enabled: this.passkeyEnabled || false,\n            only_show_bank_installments: this.onlyShowBankInstallments || false,\n            only_show_pay_in_full: this.onlyShowPayInFull || false,\n            callback_url: this.callbackUrl,\n            metadata: this.metadata ? JSON.parse(this.metadata) : {\n                pos_transaction: true,\n                timestamp: new Date().toISOString(),\n                amount: amount,\n                currency: this.currency\n            }\n        };\n\n        try {\n            if (this.debug) {\n                console.log('[AmwalPos] Creating payment link with payload:', payload);\n            }\n\n            const response = await fetch(`${this.apiBaseUrl}/payment_links/${this.storeId}/create`, {\n                method: 'POST',\n                headers: {\n                    'Authorization': this.authToken,\n                    'Accept': 'application/json',\n                    'Content-Type': 'application/json',\n                    'Origin': window.location.origin\n                },\n                body: JSON.stringify(payload)\n            });\n\n            if (!response.ok) {\n                const errorText = await response.text();\n                throw new Error(`API Error: ${response.status} - ${errorText}`);\n            }\n\n            const data: PaymentLinkResponse = await response.json();\n\n            if (this.debug) {\n                console.log('[AmwalPos] Payment link created:', data);\n            }\n\n            return data;\n        } catch (error) {\n            console.error('[AmwalPos] Error creating payment link:', error);\n            this.handleError(error.message || 'Failed to create payment link');\n            return null;\n        }\n    };\n\n    /**\n     * Check payment status\n     */\n    private checkPaymentStatus = async (paymentId: string): Promise<any> => {\n        if (!this.authToken) {\n            this.handleError('Missing API configuration');\n            return null;\n        }\n\n        try {\n            if (this.debug) {\n                console.log('[AmwalPos] Checking payment status for:', paymentId);\n            }\n\n            const response = await fetch(`${this.apiBaseUrl}/payment_links/${paymentId}/details`, {\n                method: 'POST',\n                headers: {\n                    'Authorization': this.authToken,\n                    'Accept': 'application/json',\n                    'Content-Type': 'application/json',\n                    'Origin': window.location.origin\n                },\n                body: JSON.stringify({})\n            });\n\n            if (!response.ok) {\n                throw new Error(`Status check failed: ${response.status}`);\n            }\n\n            const data = await response.json();\n\n            if (this.debug) {\n                console.log('[AmwalPos] Payment status response:', data);\n            }\n\n            return data;\n        } catch (error) {\n            console.error('[AmwalPos] Error checking payment status:', error);\n            return null;\n        }\n    };\n\n    /**\n     * Handle error state\n     */\n    private handleError = (message: string) => {\n        this.errorMessage = message;\n        this.currentScreen = 'error';\n\n        if (this.debug) {\n            console.error('[AmwalPos] Error:', message);\n        }\n    };\n\n    /**\n     * Check if amount is valid\n     */\n    private isAmountValid = (): boolean => {\n        const num = parseFloat(this.amount);\n        return !isNaN(num) && num >= this.minAmount && num <= this.maxAmount;\n    };\n\n    /**\n     * Format amount display\n     */\n    private formatAmountDisplay = (): string => {\n        if (!this.amount) return '';\n\n        const num = parseFloat(this.amount);\n        if (isNaN(num)) return '';\n\n        return `${this.currency} ${num.toFixed(2)}`;\n    };\n\n    /**\n     * Get order ID from metadata\n     */\n    private getOrderIdFromMetadata = (): string | null => {\n        if (!this.metadata) return null;\n\n        try {\n            const parsedMetadata = JSON.parse(this.metadata);\n            return parsedMetadata.order_id || null;\n        } catch (error) {\n            if (this.debug) {\n                console.warn('[AmwalPos] Failed to parse metadata for order_id:', error);\n            }\n            return null;\n        }\n    };\n\n    /**\n     * Render the tabby logo\n     */\n    private renderLogo() {\n        return (\n            <div class={`pos-logo ${this.locale === 'ar' ? 'rtl' : 'ltr'}`}>\n                <svg class=\"amwal-logo\" width=\"72\" height=\"29\" viewBox=\"0 0 72 29\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                    <rect width=\"72\" height=\"28.946\" rx=\"6\" fill=\"black\"/>\n                    <path d=\"M24.1912 11.6545C25.5297 10.5672 27.8358 10.9347 28.8503 12.3232C28.8972 12.3845 28.9818 12.3896 29.0287 12.3334C29.0804 12.2722 29.1274 12.2109 29.179 12.1547C29.7191 11.5626 30.3861 11.241 31.1328 11.0981C31.9219 10.9449 32.7015 10.9909 33.453 11.3125C34.3641 11.7004 34.9794 12.4253 35.3598 13.3901C35.6369 14.0843 35.7684 14.8194 35.7731 15.5698C35.7825 17.1216 35.7778 18.6785 35.7872 20.2303C35.7872 20.3579 35.7543 20.3783 35.6463 20.3783C34.9512 20.3732 34.2561 20.3732 33.5657 20.3783C33.453 20.3783 33.4201 20.3528 33.4201 20.2252C33.4248 18.7551 33.4248 17.2849 33.4248 15.8148C33.4248 15.386 33.359 14.9725 33.1712 14.5897C32.5747 13.3748 31.0859 13.2522 30.3109 14.36C30.015 14.7836 29.8741 15.2686 29.8741 15.7944C29.8741 17.2747 29.8741 18.7551 29.8788 20.2354C29.8788 20.3528 29.8506 20.3783 29.7473 20.3783C29.0381 20.3732 28.3242 20.3732 27.615 20.3783C27.5211 20.3783 27.4976 20.3528 27.4976 20.2507C27.5023 18.7704 27.4976 17.29 27.5023 15.8097C27.5023 15.534 27.4788 15.2584 27.4178 14.9878C27.244 14.263 26.6804 13.7168 25.9994 13.6147C24.9521 13.4564 24.3227 14.314 24.1161 15.0644C24.0409 15.3298 24.0127 15.6004 24.0127 15.8811C24.0127 17.29 24.0127 18.704 24.0174 20.1129C24.0174 20.2609 23.9094 20.3783 23.7732 20.3783C23.1016 20.3732 22.43 20.3732 21.7536 20.3783C21.655 20.3783 21.6362 20.3477 21.6362 20.2507C21.6409 17.2798 21.6409 14.314 21.6362 11.3431C21.6362 11.2512 21.6503 11.2206 21.7443 11.2206C22.4675 11.2257 23.1908 11.2257 23.9141 11.2206C23.9892 11.2206 24.0174 11.2359 24.0127 11.3227C24.008 11.4044 24.008 11.4809 24.008 11.5626C24.008 11.6596 24.1161 11.7157 24.1912 11.6545Z\" fill=\"white\"/>\n                    <path d=\"M43.8655 20.384C43.8233 20.4759 43.7012 20.4759 43.6589 20.384C43.3724 19.7357 43.0906 19.0976 42.8088 18.4595C42.527 17.8215 42.2452 17.1885 41.9634 16.5402C41.9211 16.4432 41.799 16.4432 41.7568 16.5402C41.1885 17.8266 40.6249 19.0976 40.0566 20.3942C40.0143 20.4861 39.8969 20.4912 39.8499 20.3993C38.3564 17.3314 36.8723 14.2839 35.374 11.216C35.4304 11.216 35.468 11.216 35.5055 11.216C36.2993 11.216 37.0977 11.216 37.8914 11.2109C37.9807 11.2109 38.0229 11.2467 38.0605 11.3283C38.6899 12.7117 39.3239 14.09 39.9579 15.4733C39.9767 15.509 39.9908 15.5448 40.019 15.606C40.1364 15.3406 40.2444 15.0905 40.3478 14.8454C40.4793 14.5494 40.6061 14.2482 40.7376 13.9521C40.7705 13.8807 40.7705 13.8245 40.7376 13.7479C40.39 12.9516 40.0425 12.1502 39.6996 11.3488C39.6855 11.313 39.6668 11.2773 39.6527 11.2365C39.6761 11.2007 39.709 11.216 39.7372 11.216C40.4323 11.216 41.1274 11.216 41.8225 11.2109C41.9024 11.2109 41.9399 11.2416 41.9728 11.3181C42.5881 12.7219 43.208 14.1257 43.828 15.5295C43.8327 15.5397 43.8421 15.5499 43.8609 15.5754C43.9595 15.3304 44.0581 15.1007 44.152 14.8659C44.6264 13.6867 45.1055 12.5075 45.5751 11.3283C45.6127 11.2365 45.655 11.2109 45.7442 11.2109C46.4393 11.216 47.1344 11.2109 47.8295 11.2109C46.5896 14.2788 45.2323 17.3212 43.8655 20.384Z\" fill=\"white\"/>\n                    <path d=\"M59.6416 13.6148C59.6416 15.8149 59.6416 18.015 59.6463 20.2151C59.6463 20.3376 59.6275 20.3733 59.5054 20.3733C58.7962 20.3682 58.0824 20.3682 57.3732 20.3733C57.2839 20.3733 57.2651 20.3478 57.2651 20.2508C57.2698 15.8302 57.2698 11.4096 57.2651 6.99405C57.2651 6.88175 57.298 6.86133 57.3919 6.86133C58.0964 6.86643 58.8056 6.86643 59.5101 6.86133C59.6228 6.86133 59.6463 6.89196 59.6463 7.01447C59.6369 9.21457 59.6416 11.4147 59.6416 13.6148Z\" fill=\"white\"/>\n                    <path d=\"M56.11 11.3788C56.11 11.3584 56.1053 11.3329 56.11 11.3125C56.1194 11.241 56.0959 11.2206 56.0255 11.2206C55.3304 11.2206 54.6306 11.2206 53.9355 11.2206C53.8228 11.2206 53.7335 11.3176 53.7335 11.4401C53.7335 11.486 53.7335 11.532 53.7335 11.5779C53.7335 11.68 53.6255 11.7362 53.5504 11.68C53.0478 11.2818 52.4842 11.0725 51.8737 11.0368C50.6244 10.9602 49.5676 11.4707 48.7316 12.4661C47.689 13.7117 47.3414 15.1869 47.6326 16.8306C47.9755 18.7397 49.3938 20.3579 51.2866 20.5621C51.9911 20.6387 52.6674 20.5161 53.292 20.1333C53.3813 20.0771 53.4611 20.0159 53.541 19.9444C53.6161 19.8781 53.7288 19.9342 53.7288 20.0414C53.7288 20.118 53.7288 20.1894 53.7241 20.266C53.7194 20.363 53.7429 20.3885 53.8322 20.3885C54.4991 20.3834 55.166 20.3834 55.8376 20.3885C55.9832 20.3885 56.1053 20.2609 56.1053 20.1027C56.1053 17.1828 56.11 14.2783 56.11 11.3788ZM53.6678 16.7438C53.3719 17.535 52.705 18.0149 51.9112 18.0098C50.6572 17.9893 49.8259 16.8663 49.9621 15.5544C50.0608 14.5743 50.6103 13.8903 51.4228 13.6606C52.5688 13.339 53.6772 14.166 53.8087 15.4472C53.8556 15.8964 53.8228 16.3303 53.6678 16.7438Z\" fill=\"white\"/>\n                    <path d=\"M20.528 11.3792C20.528 11.3537 20.5233 11.3333 20.528 11.3129C20.5374 11.2414 20.5139 11.2206 20.4435 11.2206C19.7014 11.221 18.964 11.2261 18.222 11.221C18.1468 11.221 18.1421 11.2567 18.1421 11.318C18.1421 11.4048 18.1421 11.4864 18.1421 11.5783C18.1421 11.6804 18.0388 11.7366 17.959 11.6804C17.4564 11.2874 16.8928 11.0781 16.2823 11.0423C15.0846 10.9658 14.0561 11.4303 13.2388 12.3644C12.013 13.7478 11.6655 15.4221 12.1539 17.2649C12.6799 19.2506 14.3285 20.634 16.1883 20.5676C16.8365 20.5421 17.4376 20.3787 17.9543 19.9346C18.0294 19.8683 18.1421 19.9244 18.1421 20.0316C18.1421 20.1031 18.1421 20.1745 18.1374 20.246C18.1327 20.3481 18.1562 20.3885 18.2549 20.3885C18.964 20.3834 19.6685 20.3834 20.3777 20.3885C20.4951 20.3885 20.5327 20.3481 20.5327 20.2154C20.5233 17.27 20.528 14.3246 20.528 11.3792ZM18.0529 16.8208C17.7147 17.6069 17.123 17.9898 16.3809 18.0153C15.3148 18.0153 14.4834 17.1985 14.3801 16.0959C14.2862 15.1158 14.6619 14.2736 15.404 13.8499C16.5171 13.2067 17.9871 13.7988 18.222 15.4068C18.2877 15.8917 18.2455 16.3716 18.0529 16.8208Z\" fill=\"white\"/>\n                </svg>\n            </div>\n        );\n    }\n\n    /**\n     * Render keypad\n     */\n    private renderKeypad() {\n        const keys = [\n            ['1', '2', '3'],\n            ['4', '5', '6'],\n            ['7', '8', '9'],\n            ['backspace', '0', 'done']\n        ];\n\n        return (\n            <div class=\"pos-keypad\">\n                {keys.map(row => (\n                    <div class=\"pos-keypad-row\">\n                        {row.map(key => (\n                            <button\n                                class={`pos-key ${key}`}\n                                onClick={() => {\n                                    if (key === 'backspace') {\n                                        this.handleBackspace();\n                                    } else if (key === 'done') {\n                                        this.handleContinue();\n                                    } else {\n                                        this.handleNumberInput(key);\n                                    }\n                                }}\n                            >\n                                {key === 'backspace' ? (\n                                    <svg width=\"20\" height=\"16\" viewBox=\"0 0 20 16\" fill=\"none\">\n                                        <path d=\"M19 2L13 8L19 14M13 8L1 8\" stroke=\"currentColor\" stroke-width=\"2\"\n                                              stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n                                    </svg>\n                                ) : key === 'done' ? (\n                                    this.t('DONE')\n                                ) : key}\n                            </button>\n                        ))}\n                    </div>\n                ))}\n            </div>\n        );\n    }\n\n    /**\n     * Render amount entry screen\n     */\n    private renderAmountEntry() {\n        return (\n            <div class=\"pos-screen\">\n                {this.renderLogo()}\n\n                <div class=\"pos-content\">\n                    <h1 class=\"pos-title\">{this.t('Enter order amount')}</h1>\n\n                    <div class=\"pos-amount-container\">\n                        <div class=\"pos-amount-input\">\n                            {this.amount ? (\n                                <span class=\"amount-text\">{this.formatAmountDisplay()}</span>\n                            ) : (\n                                <span class=\"amount-placeholder\">{this.currency} <span class=\"cursor\">|</span></span>\n                            )}\n                        </div>\n                    </div>\n\n                    <button\n                        class={`pos-continue ${this.isAmountValid() ? 'active' : ''}`}\n                        onClick={this.handleContinue}\n                        disabled={!this.isAmountValid()}\n                    >\n                        {this.t('Continue')}\n                    </button>\n\n                    {this.renderKeypad()}\n                </div>\n            </div>\n        );\n    }\n\n    /**\n     * Render QR code screen\n     */\n    private renderQRCode() {\n        return (\n            <div class=\"pos-screen qr-screen\">\n                {this.renderLogo()}\n\n                <div class=\"pos-content\">\n                    <h1 class=\"pos-title\">{this.t('Ask customer to scan QR code')}</h1>\n\n                    <div class=\"qr-container\">\n                        <div class=\"qr-code\">\n                            {this.qrCodeDataURL ? (\n                                <img\n                                    src={this.qrCodeDataURL}\n                                    alt=\"Payment QR Code\"\n                                    width=\"200\"\n                                    height=\"200\"\n                                    style={{ border: '1px solid #eee', borderRadius: '8px' }}\n                                />\n                            ) : (\n                                // Fallback loading state\n                                <div class=\"qr-loading\" style={{\n                                    width: '200px',\n                                    height: '200px',\n                                    border: '1px solid #eee',\n                                    borderRadius: '8px',\n                                    display: 'flex',\n                                    alignItems: 'center',\n                                    justifyContent: 'center',\n                                    background: '#f9f9f9'\n                                }}>\n                                    <span>{this.t('Generating QR Code...')}</span>\n                                </div>\n                            )}\n                        </div>\n                    </div>\n\n                    <div class=\"qr-actions\">\n                        <button class=\"pos-button cancel\" onClick={this.handleCancel}>\n                            {this.t('Cancel')}\n                        </button>\n                        <button class=\"pos-button check-status\" onClick={this.handleCheckStatus}>\n                            {this.t('Check status')}\n                        </button>\n                    </div>\n                </div>\n            </div>\n        );\n    }\n\n    /**\n     * Render processing screen\n     */\n    private renderProcessing() {\n        return (\n            <div class=\"pos-screen\">\n                {this.renderLogo()}\n\n                <div class=\"pos-content\">\n                    <h1 class=\"pos-title\">{this.t('Processing payment...')}</h1>\n\n                    <div class=\"processing-container\">\n                        <div class=\"processing-spinner\">\n                            <div class=\"spinner\"></div>\n                        </div>\n\n                        <div class=\"processing-info\">\n                            <div class=\"processing-amount\">\n                                {this.formatAmountDisplay()}\n                            </div>\n                            <div class=\"processing-message\">\n                                {this.t('Please wait while we process your payment')}\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        );\n    }\n\n    /**\n     * Render success screen\n     */\n    private renderSuccess() {\n        return (\n            <div class=\"pos-screen\">\n                {this.renderLogo()}\n\n                <div class=\"pos-content\">\n                    <h1 class=\"pos-title\">{this.t('Payment successful!')}</h1>\n\n                    <div class=\"success-container\">\n                        <div class=\"success-icon\">\n                            <svg width=\"80\" height=\"80\" viewBox=\"0 0 80 80\" fill=\"none\">\n                                <circle cx=\"40\" cy=\"40\" r=\"40\" fill=\"#3FD28B\"/>\n                                <path d=\"M25 40L35 50L55 30\" stroke=\"white\" stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n                            </svg>\n                        </div>\n\n                        <div class=\"success-info\">\n                            <div class=\"success-amount\">\n                                {this.formatAmountDisplay()}\n                            </div>\n                            <div class=\"success-message\">\n                                {this.t('Payment completed successfully')}\n                            </div>\n                            {this.transactionId && (\n                                <div class=\"transaction-id\">\n                                    {this.t('Transaction ID')}: {this.transactionId}\n                                </div>\n                            )}\n                            {this.getOrderIdFromMetadata() && (\n                                <div class=\"order-id\">\n                                    {this.t('Order ID')}: {this.getOrderIdFromMetadata()}\n                                </div>\n                            )}\n                        </div>\n                    </div>\n\n                    <button\n                        class=\"pos-continue active\"\n                        onClick={() => {\n                            this.currentScreen = 'amount-entry';\n                            this.amount = '';\n                            this.qrCodeData = '';\n                            this.transactionId = '';\n                        }}\n                    >\n                        {this.t('New Transaction')}\n                    </button>\n                </div>\n            </div>\n        );\n    }\n\n    /**\n     * Render error screen\n     */\n    private renderError() {\n        return (\n            <div class=\"pos-screen\">\n                {this.renderLogo()}\n\n                <div class=\"pos-content\">\n                    <h1 class=\"pos-title\">{this.t('Payment Error')}</h1>\n\n\n                    <div class=\"error-container\">\n                        <div class=\"error-icon\">\n                            <svg width=\"80\" height=\"80\" viewBox=\"0 0 80 80\" fill=\"none\">\n                                <circle cx=\"40\" cy=\"40\" r=\"40\" fill=\"#FF4444\"/>\n                                <path d=\"M30 30L50 50M50 30L30 50\" stroke=\"white\" stroke-width=\"4\" stroke-linecap=\"round\"/>\n                            </svg>\n                        </div>\n\n                        <div class=\"error-info\">\n                            <div class=\"error-message\">\n                                {this.errorMessage || this.t('Something went wrong')}\n                            </div>\n                        </div>\n                    </div>\n\n                    <button\n                        class=\"pos-continue active\"\n                        onClick={() => {\n                            this.currentScreen = 'amount-entry';\n                            this.errorMessage = '';\n                            this.amount = '';\n                            this.qrCodeData = '';\n                            this.transactionId = '';\n                            this.paymentUrl = '';\n                        }}\n                    >\n                        {this.t('Try Again')}\n                    </button>\n                </div>\n            </div>\n        );\n    }\n\n    /**\n     * Render component\n     */\n    render() {\n        if (this.debug) {\n            console.log('[AmwalPos] Debug Mode Enabled');\n            console.log('[AmwalPos] Current Screen:', this.currentScreen);\n            console.log('[AmwalPos] Amount:', this.amount);\n            console.log('[AmwalPos] Currency:', this.currency);\n            console.log('[AmwalPos] Locale:', this.locale);\n            console.log('[AmwalPos] Transaction ID:', this.transactionId);\n        }\n\n        return (\n            <div\n                class=\"amwal-pos\"\n                dir={this.locale === 'ar' ? 'rtl' : 'ltr'}\n            >\n                {this.currentScreen === 'amount-entry' && this.renderAmountEntry()}\n                {this.currentScreen === 'qr-code' && this.renderQRCode()}\n                {this.currentScreen === 'processing' && this.renderProcessing()}\n                {this.currentScreen === 'success' && this.renderSuccess()}\n                {this.currentScreen === 'error' && this.renderError()}\n            </div>\n        );\n    }\n}"]}

package/dist/collection/components/amwal-pos/amwal-pos.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"amwal-pos.stories.js","sourceRoot":"","sources":["../../../src/components/amwal-pos/amwal-pos.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["export default {\n    title: 'Components/AmwalPos',\n    parameters: {\n        notes: require('./readme.md')\n    },\n    argTypes: {\n        locale: {\n            options: ['en', 'ar'],\n            control: { type: 'select' },\n            description: 'Language locale for the component'\n        },\n        currency: {\n            options: ['AED', 'SAR'],\n            control: { type: 'select' },\n            description: 'Currency to display (AED for UAE, SAR for KSA)'\n        },\n        amount: {\n            control: { type: 'text' },\n            description: 'Initial amount value'\n        },\n        minAmount: {\n            control: { type: 'number', min: 0, step: 0.01 },\n            description: 'Minimum allowed amount'\n        },\n        maxAmount: {\n            control: { type: 'number', min: 1, step: 1 },\n            description: 'Maximum allowed amount'\n        },\n        debug: {\n            control: { type: 'boolean' },\n            description: 'Enable debug mode for console logging'\n        },\n        authToken: {\n            control: { type: 'text' },\n            description: 'API Authorization token'\n        },\n        storeId: {\n            control: { type: 'text' },\n            description: 'Store ID for API calls'\n        },\n        apiBaseUrl: {\n            control: { type: 'text' },\n            description: 'API base URL'\n        },\n        paymentTitle: {\n            control: { type: 'text' },\n            description: 'Custom title for payment'\n        },\n        paymentDescription: {\n            control: { type: 'text' },\n            description: 'Custom description for payment'\n        },\n        customerFirstName: {\n            control: { type: 'text' },\n            description: 'Customer first name'\n        },\n        customerLastName: {\n            control: { type: 'text' },\n            description: 'Customer last name'\n        },\n        customerEmail: {\n            control: { type: 'text' },\n            description: 'Customer email address'\n        },\n        customerPhone: {\n            control: { type: 'text' },\n            description: 'Customer phone number'\n        },\n        customerStreet1: {\n            control: { type: 'text' },\n            description: 'Customer street address line 1'\n        },\n        customerStreet2: {\n            control: { type: 'text' },\n            description: 'Customer street address line 2'\n        },\n        customerCity: {\n            control: { type: 'text' },\n            description: 'Customer city'\n        },\n        customerState: {\n            control: { type: 'text' },\n            description: 'Customer state/province'\n        },\n        customerCountry: {\n            control: { type: 'text' },\n            description: 'Customer country code (e.g., SA)'\n        },\n        customerPostcode: {\n            control: { type: 'text' },\n            description: 'Customer postal/ZIP code'\n        },\n        addressRequired: {\n            control: { type: 'boolean' },\n            description: 'Require address during payment'\n        },\n        smsLanguage: {\n            control: { type: 'text' },\n            description: 'SMS language (ar/en)'\n        },\n        sendSms: {\n            control: { type: 'boolean' },\n            description: 'Send SMS notifications'\n        },\n        passkeyEnabled: {\n            control: { type: 'boolean' },\n            description: 'Enable passkey authentication'\n        },\n        onlyShowBankInstallments: {\n            control: { type: 'boolean' },\n            description: 'Only show bank installment options'\n        },\n        onlyShowPayInFull: {\n            control: { type: 'boolean' },\n            description: 'Only show full payment option'\n        },\n        callbackUrl: {\n            control: { type: 'text' },\n            description: 'Callback URL for payment completion'\n        },\n        metadata: {\n            control: { type: 'text' },\n            description: 'Custom metadata as JSON string'\n        },\n    },\n};\n\nconst Template = (args) => `\n  <amwal-pos\n      amount=\"${args.amount || ''}\"\n      currency=\"${args.currency}\"\n      locale=\"${args.locale}\"  \n      min-amount=\"${args.minAmount}\"\n      max-amount=\"${args.maxAmount}\"\n      debug=\"${args.debug}\"\n      auth-token=\"${args.authToken || ''}\"\n      store-id=\"${args.storeId || ''}\"\n      api-base-url=\"${args.apiBaseUrl}\"\n      payment-title=\"${args.paymentTitle || ''}\"\n      payment-description=\"${args.paymentDescription || ''}\"\n      customer-first-name=\"${args.customerFirstName || ''}\"\n      customer-last-name=\"${args.customerLastName || ''}\"\n      customer-email=\"${args.customerEmail || ''}\"\n      customer-phone=\"${args.customerPhone || ''}\"\n      customer-street1=\"${args.customerStreet1 || ''}\"\n      customer-street2=\"${args.customerStreet2 || ''}\"\n      customer-city=\"${args.customerCity || ''}\"\n      customer-state=\"${args.customerState || ''}\"\n      customer-country=\"${args.customerCountry || ''}\"\n      customer-postcode=\"${args.customerPostcode || ''}\"\n      address-required=\"${args.addressRequired || false}\"\n      sms-language=\"${args.smsLanguage || ''}\"\n      send-sms=\"${args.sendSms || false}\"\n      passkey-enabled=\"${args.passkeyEnabled || false}\"\n      only-show-bank-installments=\"${args.onlyShowBankInstallments || false}\"\n      only-show-pay-in-full=\"${args.onlyShowPayInFull || false}\"\n      callback-url=\"${args.callbackUrl || ''}\"\n      metadata='${args.metadata || ''}'>\n    </amwal-pos>\n  <script>\n    document.querySelectorAll('amwal-pos').forEach((posElement) => {\n      console.log('AmwalPos initialized');\n      \n      if (posElement.debug) {\n        console.log('POS Debug Mode:', {\n          amount: posElement.amount,\n          currency: posElement.currency,\n          locale: posElement.locale,\n          minAmount: posElement.minAmount,\n          maxAmount: posElement.maxAmount,\n          authToken: posElement.authToken ? '***' : 'Not set',\n          storeId: posElement.storeId || 'Not set',\n          apiBaseUrl: posElement.apiBaseUrl,\n          customerInfo: {\n            firstName: posElement.customerFirstName,\n            lastName: posElement.customerLastName,\n            email: posElement.customerEmail,\n            phone: posElement.customerPhone,\n            address: {\n              street1: posElement.customerStreet1,\n              street2: posElement.customerStreet2,\n              city: posElement.customerCity,\n              state: posElement.customerState,\n              country: posElement.customerCountry,\n              postcode: posElement.customerPostcode\n            }\n          }\n        });\n      }\n\n      // Listen for custom events if needed\n      posElement.addEventListener('amwal-pos-amount-changed', (event) => {\n        console.log('Amount changed:', event.detail);\n      });\n\n      posElement.addEventListener('amwal-pos-payment-initiated', (event) => {\n        console.log('Payment initiated:', event.detail);\n      });\n\n      posElement.addEventListener('amwal-pos-payment-completed', (event) => {\n        console.log('Payment completed:', event.detail);\n      });\n\n      posElement.addEventListener('amwal-pos-payment-cancelled', (event) => {\n        console.log('Payment cancelled:', event.detail);\n      });\n\n      posElement.addEventListener('amwal-pos-error', (event) => {\n        console.log('POS Error:', event.detail);\n      });\n    });\n  </script>\n`;\n\nexport const Default = Template.bind({});\nDefault.args = {\n    amount: '',\n    currency: 'SAR',\n    locale: 'en',\n    minAmount: 1,\n    maxAmount: 999999,\n    debug: true,\n    authToken: '',\n    storeId: '',\n    apiBaseUrl: 'https://backend.sa.amwal.tech',\n    paymentTitle: '',\n    paymentDescription: '',\n    customerFirstName: '',\n    customerLastName: '',\n    customerEmail: '',\n    customerPhone: '',\n    customerStreet1: '',\n    customerStreet2: '',\n    customerCity: '',\n    customerState: '',\n    customerCountry: '',\n    customerPostcode: '',\n    addressRequired: false,\n    smsLanguage: '',\n    sendSms: false,\n    passkeyEnabled: false,\n    onlyShowBankInstallments: false,\n    onlyShowPayInFull: false,\n    callbackUrl: '',\n    metadata: '',\n};\n\nexport const APIConfiguration = Template.bind({});\nAPIConfiguration.args = {\n    amount: '',\n    currency: 'SAR',\n    locale: 'en',\n    minAmount: 1,\n    maxAmount: 999999,\n    debug: true,\n    authToken: 'd9ccf8bc-ed63-44ad-a54c-9d8fee63df6b',\n    storeId: 'f24267bd-79f4-433f-a9f2-485c171301e4',\n    apiBaseUrl: 'https://backend.sa.amwal.tech',\n    paymentTitle: 'POS Payment',\n    paymentDescription: 'Point of Sale Transaction',\n    customerFirstName: 'Ahmed',\n    customerLastName: 'Al-Rashid',\n    customerEmail: 'ahmed@example.com',\n    customerPhone: '+966501234567',\n    customerStreet1: '123 King Fahd Road',\n    customerStreet2: 'Suite 100',\n    customerCity: 'Riyadh',\n    customerState: 'Riyadh Province',\n    customerCountry: 'SA',\n    customerPostcode: '12345',\n    addressRequired: false,\n    smsLanguage: 'ar',\n    sendSms: true,\n    passkeyEnabled: false,\n    onlyShowBankInstallments: false,\n    onlyShowPayInFull: false,\n    callbackUrl: 'https://shop.amwal.tech/webhook/payment-complete',\n    metadata: '{\"store_location\": \"Riyadh Main Branch\", \"cashier_id\": \"EMP001\", \"terminal\": \"POS-001\"}',\n};\n\nexport const ArabicLocale = Template.bind({});\nArabicLocale.args = {\n    amount: '',\n    currency: 'SAR',\n    locale: 'ar',\n    minAmount: 1,\n    maxAmount: 999999,\n    debug: true,\n    authToken: 'd9ccf8bc-ed63-44ad-a54c-9d8fee63df6b',\n    storeId: 'f24267bd-79f4-433f-a9f2-485c171301e4',\n    apiBaseUrl: 'https://backend.sa.amwal.tech',\n    paymentTitle: 'دفع نقطة البيع',\n    paymentDescription: 'معاملة نقطة البيع',\n    customerFirstName: 'أحمد',\n    customerLastName: 'الراشد',\n    customerEmail: 'ahmed@example.com',\n    customerPhone: '+966501234567',\n    customerStreet1: '123 طريق الملك فهد',\n    customerStreet2: 'جناح 100',\n    customerCity: 'الرياض',\n    customerState: 'منطقة الرياض',\n    customerCountry: 'SA',\n    customerPostcode: '12345',\n    addressRequired: false,\n    smsLanguage: 'ar',\n    sendSms: true,\n    passkeyEnabled: false,\n    onlyShowBankInstallments: false,\n    onlyShowPayInFull: false,\n    callbackUrl: 'https://shop.amwal.tech/webhook/payment-complete',\n    metadata: '{\"store_location\": \"فرع الرياض الرئيسي\", \"cashier_id\": \"EMP001\", \"terminal\": \"POS-001\"}',\n};"]}

package/dist/collection/components/amwal-widget/amwal-widget-modal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"amwal-widget-modal.js","sourceRoot":"","sources":["../../../src/components/amwal-widget/amwal-widget-modal.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, h, Prop, Event, EventEmitter, Listen, State, Watch} from '@stencil/core';\nimport {WidgetConfig} from './amwal-widget';\nimport {TranslationUtils} from '../../lang/i18n';\n\n@Component({\n    tag: 'amwal-widget-modal',\n    styleUrl: 'amwal-widget-modal.css',\n    shadow: false\n})\nexport class AmwalWidgetModal {\n    /**\n     * Widget configuration including price, installments, and URL\n     */\n    @Prop() config: WidgetConfig;\n\n    /**\n     * The language of the plugin. Supported languages are Arabic (\"ar\") and English (\"en\")\n     */\n    @Prop() locale?: string = \"en\";\n\n    /**\n     * Enable debug mode for additional console logs\n     */\n    @Prop() debug: boolean = false;\n\n    /**\n     * Animation type for modal entrance\n     */\n    @Prop() animationType: 'default' | 'slide' | 'zoom' | 'fade' = 'default';\n\n    /**\n     * Disable animations (useful for testing or accessibility)\n     */\n    @Prop() disableAnimations: boolean = false;\n    @Prop() layoutTheme: 'mobile' | 'desktop' = 'mobile';\n\n    @State() iframeLoaded: boolean = false;\n    @State() isVisible: boolean = true;\n    @State() isClosing: boolean = false;\n    @State() layoutState: 'mobile' | 'desktop' = 'mobile';\n\n    @Event() modalClose: EventEmitter<void>;\n\n    private modalRef?: HTMLDivElement;\n    private animationTimeoutId?: number;\n\n    /**\n     * Translation function to handle localization\n     * @private\n     */\n    private t: (val: string) => string = (val) => val;\n\n    /**\n     * Lifecycle method that is called once when the component is first created\n     */\n    async componentWillLoad() {\n        // Initialize the translation function when component loads\n        this.layoutState = this.layoutTheme;\n        try {\n            this.t = await TranslationUtils.useTranslation(this.locale);\n        } catch (e) {\n            console.error('Failed to initialize translation:', e);\n        }\n    }\n\n    componentDidLoad() {\n        // Prevent body scroll\n        document.body.style.overflow = 'hidden';\n        // Add history entry for back button support\n        if (window.history && window.history.pushState) {\n            window.history.pushState({amwalModal: true}, '');\n        }\n        if (this.debug) {\n            console.log('[AmwalWidgetModal] Modal opened with config:', this.config);\n            console.log('[AmwalWidgetModal] Layout theme:', this.layoutTheme);\n            console.log('[AmwalWidgetModal] Layout state:', this.layoutState);\n            console.log('[AmwalWidgetModal] Animation type:', this.animationType);\n            console.log('[AmwalWidgetModal] Disable animations:', this.disableAnimations);\n        }\n    }\n\n    disconnectedCallback() {\n        // Restore body scroll\n        document.body.style.overflow = '';\n\n        if (this.debug) {\n            console.log('[AmwalWidgetModal] Modal closed');\n        }\n    }\n\n    /**\n     *  Watcher to log layout theme changes for debugging\n     */\n    @Watch('layoutTheme')\n    onLayoutThemeChange(newValue: 'mobile' | 'desktop') {\n        this.layoutState = newValue;\n    }\n\n    /**\n     * Lifecycle method to update translations when locale changes\n     */\n    @Watch('locale')\n    async updateLocale(newValue: string) {\n        this.locale = newValue;\n        try {\n            this.t = await TranslationUtils.useTranslation(this.locale);\n        } catch (e) {\n            console.error('Failed to update translation:', e);\n            this.t = (val) => val;\n        }\n    }\n\n    @Listen('keydown', {target: 'document'})\n    handleKeyDown(event: KeyboardEvent) {\n        if (event.key === 'Escape' || event.keyCode === 27) {\n            this.closeModal();\n        }\n    }\n\n    @Listen('popstate', {target: 'window'})\n    handlePopState() {\n        // Handle browser back button\n        this.closeModal();\n    }\n\n    private closeModal = () => {\n        this.isClosing = true;\n        this.modalClose.emit();\n\n        // Go back in history if we added an entry\n        if (window.history && window.history.back) {\n            window.history.back();\n        }\n\n        // Clear animation timeout if it exists\n        if (this.animationTimeoutId) {\n            clearTimeout(this.animationTimeoutId);\n            this.animationTimeoutId = undefined;\n        }\n\n        // Remove modal from DOM after animation duration\n        this.animationTimeoutId = window.setTimeout(() => {\n            this.isVisible = false;\n        }, 300); // Match this duration with the CSS animation duration\n    }\n\n    private handleOverlayClick = (event: MouseEvent) => {\n        if (event.target === this.modalRef) {\n            this.closeModal();\n        }\n    }\n\n    private createIframeUrl(): string {\n        if (!this.config?.promotionUrl) {\n            console.error('AmwalWidgetModal: No promotion URL provided');\n            return '';\n        }\n\n        const baseUrl = this.config.promotionUrl;\n        const params = new URLSearchParams();\n\n        const installmentPrice = this.config.price;\n\n        params.set('price', installmentPrice.toFixed(2));\n        params.set('currency', this.config.currency);\n        params.set('installmentsCount', this.config.installmentsCount.toString());\n        params.set('locale', this.config.locale || document.documentElement.lang || 'en');\n\n        const finalUrl = `${baseUrl}?${params.toString()}`;\n\n        if (this.debug) {\n            console.log('[AmwalWidgetModal] Generated iframe URL:', finalUrl);\n        }\n\n        return finalUrl;\n    }\n\n    private handleIframeLoad = () => {\n        this.iframeLoaded = true;\n\n        if (this.debug) {\n            console.log('[AmwalWidgetModal] Iframe loaded successfully');\n        }\n    }\n\n    private handleIframeError = () => {\n        console.error('AmwalWidgetModal: Failed to load iframe content');\n\n        if (this.debug) {\n            console.log('[AmwalWidgetModal] Iframe failed to load');\n        }\n    }\n\n    private renderAmwalLogo() {\n        return (\n            <svg width=\"72\" height=\"29\" viewBox=\"0 0 72 29\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                <rect width=\"72\" height=\"28.946\" rx=\"6\" fill=\"black\"/>\n                <path\n                    d=\"M24.1912 11.6545C25.5297 10.5672 27.8358 10.9347 28.8503 12.3232C28.8972 12.3845 28.9818 12.3896 29.0287 12.3334C29.0804 12.2722 29.1274 12.2109 29.179 12.1547C29.7191 11.5626 30.3861 11.241 31.1328 11.0981C31.9219 10.9449 32.7015 10.9909 33.453 11.3125C34.3641 11.7004 34.9794 12.4253 35.3598 13.3901C35.6369 14.0843 35.7684 14.8194 35.7731 15.5698C35.7825 17.1216 35.7778 18.6785 35.7872 20.2303C35.7872 20.3579 35.7543 20.3783 35.6463 20.3783C34.9512 20.3732 34.2561 20.3732 33.5657 20.3783C33.453 20.3783 33.4201 20.3528 33.4201 20.2252C33.4248 18.7551 33.4248 17.2849 33.4248 15.8148C33.4248 15.386 33.359 14.9725 33.1712 14.5897C32.5747 13.3748 31.0859 13.2522 30.3109 14.36C30.015 14.7836 29.8741 15.2686 29.8741 15.7944C29.8741 17.2747 29.8741 18.7551 29.8788 20.2354C29.8788 20.3528 29.8506 20.3783 29.7473 20.3783C29.0381 20.3732 28.3242 20.3732 27.615 20.3783C27.5211 20.3783 27.4976 20.3528 27.4976 20.2507C27.5023 18.7704 27.4976 17.29 27.5023 15.8097C27.5023 15.534 27.4788 15.2584 27.4178 14.9878C27.244 14.263 26.6804 13.7168 25.9994 13.6147C24.9521 13.4564 24.3227 14.314 24.1161 15.0644C24.0409 15.3298 24.0127 15.6004 24.0127 15.8811C24.0127 17.29 24.0127 18.704 24.0174 20.1129C24.0174 20.2609 23.9094 20.3783 23.7732 20.3783C23.1016 20.3732 22.43 20.3732 21.7536 20.3783C21.655 20.3783 21.6362 20.3477 21.6362 20.2507C21.6409 17.2798 21.6409 14.314 21.6362 11.3431C21.6362 11.2512 21.6503 11.2206 21.7443 11.2206C22.4675 11.2257 23.1908 11.2257 23.9141 11.2206C23.9892 11.2206 24.0174 11.2359 24.0127 11.3227C24.008 11.4044 24.008 11.4809 24.008 11.5626C24.008 11.6596 24.1161 11.7157 24.1912 11.6545Z\"\n                    fill=\"white\"/>\n                <path\n                    d=\"M43.8655 20.384C43.8233 20.4759 43.7012 20.4759 43.6589 20.384C43.3724 19.7357 43.0906 19.0976 42.8088 18.4595C42.527 17.8215 42.2452 17.1885 41.9634 16.5402C41.9211 16.4432 41.799 16.4432 41.7568 16.5402C41.1885 17.8266 40.6249 19.0976 40.0566 20.3942C40.0143 20.4861 39.8969 20.4912 39.8499 20.3993C38.3564 17.3314 36.8723 14.2839 35.374 11.216C35.4304 11.216 35.468 11.216 35.5055 11.216C36.2993 11.216 37.0977 11.216 37.8914 11.2109C37.9807 11.2109 38.0229 11.2467 38.0605 11.3283C38.6899 12.7117 39.3239 14.09 39.9579 15.4733C39.9767 15.509 39.9908 15.5448 40.019 15.606C40.1364 15.3406 40.2444 15.0905 40.3478 14.8454C40.4793 14.5494 40.6061 14.2482 40.7376 13.9521C40.7705 13.8807 40.7705 13.8245 40.7376 13.7479C40.39 12.9516 40.0425 12.1502 39.6996 11.3488C39.6855 11.313 39.6668 11.2773 39.6527 11.2365C39.6761 11.2007 39.709 11.216 39.7372 11.216C40.4323 11.216 41.1274 11.216 41.8225 11.2109C41.9024 11.2109 41.9399 11.2416 41.9728 11.3181C42.5881 12.7219 43.208 14.1257 43.828 15.5295C43.8327 15.5397 43.8421 15.5499 43.8609 15.5754C43.9595 15.3304 44.0581 15.1007 44.152 14.8659C44.6264 13.6867 45.1055 12.5075 45.5751 11.3283C45.6127 11.2365 45.655 11.2109 45.7442 11.2109C46.4393 11.216 47.1344 11.2109 47.8295 11.2109C46.5896 14.2788 45.2323 17.3212 43.8655 20.384Z\"\n                    fill=\"white\"/>\n                <path\n                    d=\"M59.6416 13.6148C59.6416 15.8149 59.6416 18.015 59.6463 20.2151C59.6463 20.3376 59.6275 20.3733 59.5054 20.3733C58.7962 20.3682 58.0824 20.3682 57.3732 20.3733C57.2839 20.3733 57.2651 20.3478 57.2651 20.2508C57.2698 15.8302 57.2698 11.4096 57.2651 6.99405C57.2651 6.88175 57.298 6.86133 57.3919 6.86133C58.0964 6.86643 58.8056 6.86643 59.5101 6.86133C59.6228 6.86133 59.6463 6.89196 59.6463 7.01447C59.6369 9.21457 59.6416 11.4147 59.6416 13.6148Z\"\n                    fill=\"white\"/>\n                <path\n                    d=\"M56.11 11.3788C56.11 11.3584 56.1053 11.3329 56.11 11.3125C56.1194 11.241 56.0959 11.2206 56.0255 11.2206C55.3304 11.2206 54.6306 11.2206 53.9355 11.2206C53.8228 11.2206 53.7335 11.3176 53.7335 11.4401C53.7335 11.486 53.7335 11.532 53.7335 11.5779C53.7335 11.68 53.6255 11.7362 53.5504 11.68C53.0478 11.2818 52.4842 11.0725 51.8737 11.0368C50.6244 10.9602 49.5676 11.4707 48.7316 12.4661C47.689 13.7117 47.3414 15.1869 47.6326 16.8306C47.9755 18.7397 49.3938 20.3579 51.2866 20.5621C51.9911 20.6387 52.6674 20.5161 53.292 20.1333C53.3813 20.0771 53.4611 20.0159 53.541 19.9444C53.6161 19.8781 53.7288 19.9342 53.7288 20.0414C53.7288 20.118 53.7288 20.1894 53.7241 20.266C53.7194 20.363 53.7429 20.3885 53.8322 20.3885C54.4991 20.3834 55.166 20.3834 55.8376 20.3885C55.9832 20.3885 56.1053 20.2609 56.1053 20.1027C56.1053 17.1828 56.11 14.2783 56.11 11.3788ZM53.6678 16.7438C53.3719 17.535 52.705 18.0149 51.9112 18.0098C50.6572 17.9893 49.8259 16.8663 49.9621 15.5544C50.0608 14.5743 50.6103 13.8903 51.4228 13.6606C52.5688 13.339 53.6772 14.166 53.8087 15.4472C53.8556 15.8964 53.8228 16.3303 53.6678 16.7438Z\"\n                    fill=\"white\"/>\n                <path\n                    d=\"M20.528 11.3792C20.528 11.3537 20.5233 11.3333 20.528 11.3129C20.5374 11.2414 20.5139 11.221 20.4435 11.221C19.7014 11.221 18.964 11.2261 18.222 11.221C18.1468 11.221 18.1421 11.2567 18.1421 11.318C18.1421 11.4048 18.1421 11.4864 18.1421 11.5783C18.1421 11.6804 18.0388 11.7366 17.959 11.6804C17.4564 11.2874 16.8928 11.0781 16.2823 11.0423C15.0846 10.9658 14.0561 11.4303 13.2388 12.3644C12.013 13.7478 11.6655 15.4221 12.1539 17.2649C12.6799 19.2506 14.3285 20.634 16.1883 20.5676C16.8365 20.5421 17.4376 20.3787 17.9543 19.9346C18.0294 19.8683 18.1421 19.9244 18.1421 20.0316C18.1421 20.1031 18.1421 20.1745 18.1374 20.246C18.1327 20.3481 18.1562 20.3736 18.2549 20.3736C18.964 20.3685 19.6685 20.3685 20.3777 20.3736C20.4951 20.3736 20.5327 20.3481 20.5327 20.2154C20.5233 17.27 20.528 14.3246 20.528 11.3792ZM18.0529 16.8208C17.7147 17.6069 17.123 17.9898 16.3809 18.0153C15.3148 18.0153 14.4834 17.1985 14.3801 16.0959C14.2862 15.1158 14.6619 14.2736 15.404 13.8499C16.5171 13.2067 17.9871 13.7988 18.222 15.4068C18.2877 15.8917 18.2455 16.3716 18.0529 16.8208Z\"\n                    fill=\"white\"/>\n            </svg>\n        );\n    }\n\n    render() {\n        const iframeUrl = this.createIframeUrl();\n\n        // Determine animation class based on animationType\n        const getAnimationClass = () => {\n            if (this.disableAnimations) return '';\n            switch (this.animationType) {\n                case 'slide':\n                    return 'amwal-animation-slide';\n                case 'zoom':\n                    return 'amwal-animation-zoom';\n                case 'fade':\n                    return 'amwal-animation-fade';\n                default:\n                    return '';\n            }\n        };\n\n        // Apply layout theme class to container\n        const layoutThemeClass = this.layoutState === 'mobile' ? 'force-mobile' : '';\n        return (\n            <div\n                class={`amwal-modal-overlay`}\n                data-amwal-modal=\"true\"\n                ref={(el) => this.modalRef = el}\n                onClick={this.handleOverlayClick}\n                style={{\n                    ...(this.locale === 'ar' ? {direction: 'rtl'} : {}),\n                    display: this.isVisible ? 'flex' : 'none'\n                }}\n            >\n                <div\n                    class={`amwal-modal-container ${layoutThemeClass} ${getAnimationClass()}`}\n                    data-amwal-content=\"true\">\n                    <div class=\"amwal-header\">\n                        {this.renderAmwalLogo()}\n                        <div\n                            class=\"amwal-close\"\n                            onClick={this.closeModal}\n                            role=\"button\"\n                            tabindex=\"0\"\n                            aria-label={this.t('Close modal')}\n                        ></div>\n                    </div>\n                    <div class=\"amwal-body\">\n                        {iframeUrl ? (\n                            <iframe\n                                id=\"amwal-iframe\"\n                                src={iframeUrl}\n                                frameBorder=\"0\"\n                                loading=\"lazy\"\n                                allowFullScreen={true}\n                                sandbox=\"allow-scripts allow-same-origin allow-forms\"\n                                onLoad={this.handleIframeLoad}\n                                onError={this.handleIframeError}\n                                style={{\n                                    width: '100%',\n                                    height: '700px',\n                                    border: 'none',\n                                    display: 'block'\n                                }}\n                            />\n                        ) : (\n                            <div class=\"amwal-error-message\">\n                                {this.t('Unable to load content. Please try again later.')}\n                            </div>\n                        )}\n                    </div>\n                </div>\n            </div>\n        );\n    }\n}\n\n"]}

package/dist/collection/components/amwal-widget/amwal-widget.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"amwal-widget.js","sourceRoot":"","sources":["../../../src/components/amwal-widget/amwal-widget.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, State, Prop, Event, EventEmitter, Method, Watch } from '@stencil/core';\nimport { TranslationUtils } from '../../lang/i18n';\n\n/**\n * Default promotion URL for Amwal installment promotions\n */\nconst DEFAULT_PROMOTION_URL = 'https://pay.sa.amwal.tech/installment-promotion';\n\nexport interface WidgetConfig {\n    installmentsCount: number;\n    price: number;\n    currency: string;\n    promotionUrl?: string;\n    locale?: string;\n}\n\nexport interface PriceUpdateEvent {\n    price: number;\n    currency: string;\n}\n\nexport interface AnalyticsEvent {\n    eventName: string;\n    eventData: {\n        price: number;\n        currency: string;\n        installmentsCount: number;\n        installmentPrice: string;\n        timestamp: number;\n    };\n}\n\n@Component({\n    tag: 'amwal-widget',\n    styleUrl: 'amwal-widget.css',\n    shadow: false\n})\nexport class AmwalWidget {\n    /**\n     * Widget configuration including price, installments, and URL\n     */\n    @Prop() config: WidgetConfig;\n\n    /**\n     * Enable or disable the widget\n     */\n    @Prop() isActive: boolean = true;\n\n    /**\n     * Show green border for special offers (subtle enhancement)\n     */\n    @Prop() showGreenBorder: boolean = false;\n\n    /**\n     * The language of the plugin. Supported languages are Arabic (\"ar\") and English (\"en\")\n     */\n    @Prop() locale?: string = \"en\";\n\n    /**\n     * Enable debug mode for additional console logs\n     */\n    @Prop() debug: boolean = false;\n\n    /**\n     * Custom text for the promotional message. When provided, this will replace the default installment text.\n     */\n    @Prop() customText?: string;\n\n    /**\n     * Show monthly payment amount (clean display)\n     */\n    @Prop() showMonthlyPayment: boolean = false;\n\n    /**\n     * Show savings compared to credit card interest (subtle)\n     */\n    @Prop() showSavings: boolean = false;\n\n    /**\n     * Estimated credit card monthly interest rate for savings calculation\n     */\n    @Prop() creditCardInterestRate: number = 0.02; // 2% monthly\n\n    /**\n     * Show subtle social proof\n     */\n    @Prop() showSocialProof: boolean = false;\n\n    /**\n     * Custom social proof text\n     */\n    @Prop() socialProofText: string = \"Trusted by 50,000+ customers\";\n\n    /**\n     * Show subtle popular choice badge\n     */\n    @Prop() showPopularBadge: boolean = false;\n\n    /**\n     * Enable analytics tracking\n     */\n    @Prop() enableAnalytics: boolean = false;\n\n    /**\n     * Layout theme for the modal\n     */\n    @Prop() layoutTheme: 'mobile' | 'desktop' = 'mobile';\n\n\n    @State() isVisible: boolean = true;\n    @State() showModal: boolean = false;\n    @State() isLoading: boolean = false;\n\n    @Event() promotionClick: EventEmitter<WidgetConfig>;\n    @Event() priceUpdate: EventEmitter<PriceUpdateEvent>;\n    @Event() analyticsEvent: EventEmitter<AnalyticsEvent>;\n\n    /**\n     * Translation function to handle localization\n     * @private\n     */\n    private t: (val: string) => string = (val) => val;\n\n    /**\n     * Check if current locale is RTL\n     */\n    private get isRTL(): boolean {\n        return this.locale === 'ar' || this.locale === 'he' || this.locale === 'fa';\n    }\n\n    /**\n     * Get text direction attribute\n     */\n    private get textDirection(): 'ltr' | 'rtl' {\n        return this.isRTL ? 'rtl' : 'ltr';\n    }\n\n    /**\n     * Lifecycle method called when component is disconnected\n     */\n    disconnectedCallback() {\n        // Clean up any modal that might still be in the body\n        this.removeModalFromBody();\n    }\n\n    /**\n     * Lifecycle method that is called once when the component is first created\n     */\n    async componentWillLoad() {\n        // Initialize the translation function when component loads\n        try {\n            this.t = await TranslationUtils.useTranslation(this.locale);\n        } catch (e) {\n            console.error('Failed to initialize translation:', e);\n        }\n\n        // Check if config has valid price to determine visibility\n        this.updateVisibility();\n    }\n\n    /**\n     * Lifecycle method to update translations when locale changes\n     */\n    @Watch('locale')\n    async updateLocale(newValue: string) {\n        this.locale = newValue;\n        try {\n            this.t = await TranslationUtils.useTranslation(this.locale);\n        } catch (e) {\n            console.error('Failed to update translation:', e);\n            this.t = (val) => val;\n        }\n    }\n\n    /**\n     * Watch for config changes and update visibility\n     */\n    @Watch('config')\n    onConfigChange() {\n        this.updateVisibility();\n    }\n\n    /**\n     * Update widget visibility based on config\n     */\n    private updateVisibility() {\n        if (!this.config?.price || !this.config?.currency || isNaN(this.config.price) || this.config.price <= 0) {\n            this.isVisible = false;\n            return;\n        }\n\n        this.isVisible = true;\n\n        // Emit price update event when config changes\n        this.priceUpdate.emit({\n            price: this.config.price,\n            currency: this.config.currency\n        });\n\n        if (this.debug) {\n            console.log('[AmwalWidget] Config updated:', {\n                price: this.config.price,\n                currency: this.config.currency,\n                isRTL: this.isRTL,\n                textDirection: this.textDirection\n            });\n        }\n    }\n\n    /**\n     * Method to programmatically update the widget config\n     */\n    @Method()\n    async updateConfig(newConfig: Partial<WidgetConfig>) {\n        this.config = { ...this.config, ...newConfig };\n        this.updateVisibility();\n    }\n\n    /**\n     * Get installment price formatted as string\n     */\n    private getInstallmentPrice(): string {\n        if (!this.config?.installmentsCount || !this.config?.price) return '0.00';\n        return (this.config.price / this.config.installmentsCount).toFixed(2);\n    }\n\n    /**\n     * Format currency with proper RTL support\n     */\n    private formatCurrency(amount: string): string {\n        const currency = this.config.currency;\n        if (this.isRTL) {\n            // For RTL, put currency after the number with proper spacing\n            return `${amount} ${currency}`;\n        } else {\n            // For LTR, currency before number\n            return `${currency} ${amount}`;\n        }\n    }\n\n    /**\n     * Calculate monthly payment display text with RTL support\n     */\n    private renderMonthlyPayment(): string {\n        const monthlyAmount = this.getInstallmentPrice();\n        const formattedAmount = this.formatCurrency(monthlyAmount);\n        const monthText = this.t('month');\n\n        if (this.isRTL) {\n            return `${formattedAmount}/${monthText}`;\n        } else {\n            return `${formattedAmount}/${monthText}`;\n        }\n    }\n\n    /**\n     * Calculate potential savings compared to credit card with RTL support\n     */\n    private calculateSavings(): string {\n        if (!this.config?.price) return '';\n        const creditCardCost = this.config.price * this.creditCardInterestRate;\n        const formattedSavings = this.formatCurrency(creditCardCost.toFixed(2));\n\n        if (this.isRTL) {\n            return `${this.t('Save')} ${formattedSavings}`;\n        } else {\n            return `${this.t('Save')} ${formattedSavings}`;\n        }\n    }\n\n    /**\n     * Track analytics events (optional)\n     */\n    private trackEvent(eventName: string) {\n        if (!this.enableAnalytics || !this.config) return;\n\n        const eventData = {\n            price: this.config.price,\n            currency: this.config.currency,\n            installmentsCount: this.config.installmentsCount,\n            installmentPrice: this.getInstallmentPrice(),\n            timestamp: Date.now()\n        };\n\n        // Emit custom event for parent components\n        this.analyticsEvent.emit({\n            eventName,\n            eventData\n        });\n\n        // Track with Google Analytics if available\n        if (typeof window !== 'undefined' && (window as any).gtag) {\n            (window as any).gtag('event', eventName, {\n                'event_category': 'amwal_widget',\n                'event_label': 'installments',\n                'value': this.config.price,\n                'custom_parameters': {\n                    'locale': this.locale,\n                    'text_direction': this.textDirection\n                }\n            });\n        }\n\n        if (this.debug) {\n            console.log('[AmwalWidget] Analytics Event:', eventName, eventData);\n        }\n    }\n\n    /**\n     * Reference to the modal element in the body\n     */\n    private modalElement: HTMLAmwalWidgetModalElement | null = null;\n\n    /**\n     * Clean click handler\n     */\n    private handleClick = async () => {\n        if (!this.config || this.isLoading) return;\n\n        this.isLoading = true;\n        this.trackEvent('amwal_promotion_clicked');\n\n        try {\n            this.promotionClick.emit(this.config);\n            this.createModalInBody();\n\n            if (this.debug) {\n                console.log('[AmwalWidget] Promotion clicked:', this.config);\n            }\n        } catch (error) {\n            console.error('[AmwalWidget] Error handling click:', error);\n        } finally {\n            // Reset loading state after a short delay\n            setTimeout(() => {\n                this.isLoading = false;\n            }, 200);\n        }\n    }\n\n    /**\n     * Create modal element and append to document body\n     */\n    private createModalInBody = () => {\n        // Remove existing modal if any\n        this.removeModalFromBody();\n\n        // Create new modal element\n        this.modalElement = document.createElement('amwal-widget-modal') as HTMLAmwalWidgetModalElement;\n\n        // Set modal properties\n        this.modalElement.config = {\n            ...this.config,\n            promotionUrl: this.getPromotionUrl()\n        };\n        this.modalElement.locale = this.locale;\n        this.modalElement.debug = this.debug;\n        this.modalElement.layoutTheme = this.layoutTheme;\n\n        // Add event listener for modal close\n        this.modalElement.addEventListener('modalClose', this.handleModalClose);\n\n        // Append to body\n        document.body.appendChild(this.modalElement);\n\n        this.showModal = true;\n    }\n\n    /**\n     * Remove modal from document body\n     */\n    private removeModalFromBody = () => {\n        if (this.modalElement) {\n            this.modalElement.removeEventListener('modalClose', this.handleModalClose);\n            if (this.modalElement.parentNode) {\n                this.modalElement.parentNode.removeChild(this.modalElement);\n            }\n            this.modalElement = null;\n        }\n    }\n\n    private handleModalClose = () => {\n        this.removeModalFromBody();\n        this.showModal = false;\n        this.trackEvent('amwal_modal_closed');\n\n        if (this.debug) {\n            console.log('[AmwalWidget] Modal closed');\n        }\n    }\n\n    /**\n     * Get the promotion URL with fallback to default if not provided\n     * @returns The promotion URL to use for the modal\n     */\n    private getPromotionUrl(): string {\n        return this.config?.promotionUrl || DEFAULT_PROMOTION_URL;\n    }\n\n    /**\n     * Render the Amwal logo\n     */\n    private renderAmwalLogo() {\n        return (\n            <svg class=\"amwal-logo\" width=\"72\" height=\"29\" viewBox=\"0 0 72 29\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                <rect width=\"72\" height=\"28.946\" rx=\"6\" fill=\"black\"/>\n                <path d=\"M24.1912 11.6545C25.5297 10.5672 27.8358 10.9347 28.8503 12.3232C28.8972 12.3845 28.9818 12.3896 29.0287 12.3334C29.0804 12.2722 29.1274 12.2109 29.179 12.1547C29.7191 11.5626 30.3861 11.241 31.1328 11.0981C31.9219 10.9449 32.7015 10.9909 33.453 11.3125C34.3641 11.7004 34.9794 12.4253 35.3598 13.3901C35.6369 14.0843 35.7684 14.8194 35.7731 15.5698C35.7825 17.1216 35.7778 18.6785 35.7872 20.2303C35.7872 20.3579 35.7543 20.3783 35.6463 20.3783C34.9512 20.3732 34.2561 20.3732 33.5657 20.3783C33.453 20.3783 33.4201 20.3528 33.4201 20.2252C33.4248 18.7551 33.4248 17.2849 33.4248 15.8148C33.4248 15.386 33.359 14.9725 33.1712 14.5897C32.5747 13.3748 31.0859 13.2522 30.3109 14.36C30.015 14.7836 29.8741 15.2686 29.8741 15.7944C29.8741 17.2747 29.8741 18.7551 29.8788 20.2354C29.8788 20.3528 29.8506 20.3783 29.7473 20.3783C29.0381 20.3732 28.3242 20.3732 27.615 20.3783C27.5211 20.3783 27.4976 20.3528 27.4976 20.2507C27.5023 18.7704 27.4976 17.29 27.5023 15.8097C27.5023 15.534 27.4788 15.2584 27.4178 14.9878C27.244 14.263 26.6804 13.7168 25.9994 13.6147C24.9521 13.4564 24.3227 14.314 24.1161 15.0644C24.0409 15.3298 24.0127 15.6004 24.0127 15.8811C24.0127 17.29 24.0127 18.704 24.0174 20.1129C24.0174 20.2609 23.9094 20.3783 23.7732 20.3783C23.1016 20.3732 22.43 20.3732 21.7536 20.3783C21.655 20.3783 21.6362 20.3477 21.6362 20.2507C21.6409 17.2798 21.6409 14.314 21.6362 11.3431C21.6362 11.2512 21.6503 11.2206 21.7443 11.2206C22.4675 11.2257 23.1908 11.2257 23.9141 11.2206C23.9892 11.2206 24.0174 11.2359 24.0127 11.3227C24.008 11.4044 24.008 11.4809 24.008 11.5626C24.008 11.6596 24.1161 11.7157 24.1912 11.6545Z\" fill=\"white\"/>\n                <path d=\"M43.8655 20.384C43.8233 20.4759 43.7012 20.4759 43.6589 20.384C43.3724 19.7357 43.0906 19.0976 42.8088 18.4595C42.527 17.8215 42.2452 17.1885 41.9634 16.5402C41.9211 16.4432 41.799 16.4432 41.7568 16.5402C41.1885 17.8266 40.6249 19.0976 40.0566 20.3942C40.0143 20.4861 39.8969 20.4912 39.8499 20.3993C38.3564 17.3314 36.8723 14.2839 35.374 11.216C35.4304 11.216 35.468 11.216 35.5055 11.216C36.2993 11.216 37.0977 11.216 37.8914 11.2109C37.9807 11.2109 38.0229 11.2467 38.0605 11.3283C38.6899 12.7117 39.3239 14.09 39.9579 15.4733C39.9767 15.509 39.9908 15.5448 40.019 15.606C40.1364 15.3406 40.2444 15.0905 40.3478 14.8454C40.4793 14.5494 40.6061 14.2482 40.7376 13.9521C40.7705 13.8807 40.7705 13.8245 40.7376 13.7479C40.39 12.9516 40.0425 12.1502 39.6996 11.3488C39.6855 11.313 39.6668 11.2773 39.6527 11.2365C39.6761 11.2007 39.709 11.216 39.7372 11.216C40.4323 11.216 41.1274 11.216 41.8225 11.2109C41.9024 11.2109 41.9399 11.2416 41.9728 11.3181C42.5881 12.7219 43.208 14.1257 43.828 15.5295C43.8327 15.5397 43.8421 15.5499 43.8609 15.5754C43.9595 15.3304 44.0581 15.1007 44.152 14.8659C44.6264 13.6867 45.1055 12.5075 45.5751 11.3283C45.6127 11.2365 45.655 11.2109 45.7442 11.2109C46.4393 11.216 47.1344 11.2109 47.8295 11.2109C46.5896 14.2788 45.2323 17.3212 43.8655 20.384Z\" fill=\"white\"/>\n                <path d=\"M59.6416 13.6148C59.6416 15.8149 59.6416 18.015 59.6463 20.2151C59.6463 20.3376 59.6275 20.3733 59.5054 20.3733C58.7962 20.3682 58.0824 20.3682 57.3732 20.3733C57.2839 20.3733 57.2651 20.3478 57.2651 20.2508C57.2698 15.8302 57.2698 11.4096 57.2651 6.99405C57.2651 6.88175 57.298 6.86133 57.3919 6.86133C58.0964 6.86643 58.8056 6.86643 59.5101 6.86133C59.6228 6.86133 59.6463 6.89196 59.6463 7.01447C59.6369 9.21457 59.6416 11.4147 59.6416 13.6148Z\" fill=\"white\"/>\n                <path d=\"M56.11 11.3788C56.11 11.3584 56.1053 11.3329 56.11 11.3125C56.1194 11.241 56.0959 11.2206 56.0255 11.2206C55.3304 11.2206 54.6306 11.2206 53.9355 11.2206C53.8228 11.2206 53.7335 11.3176 53.7335 11.4401C53.7335 11.486 53.7335 11.532 53.7335 11.5779C53.7335 11.68 53.6255 11.7362 53.5504 11.68C53.0478 11.2818 52.4842 11.0725 51.8737 11.0368C50.6244 10.9602 49.5676 11.4707 48.7316 12.4661C47.689 13.7117 47.3414 15.1869 47.6326 16.8306C47.9755 18.7397 49.3938 20.3579 51.2866 20.5621C51.9911 20.6387 52.6674 20.5161 53.292 20.1333C53.3813 20.0771 53.4611 20.0159 53.541 19.9444C53.6161 19.8781 53.7288 19.9342 53.7288 20.0414C53.7288 20.118 53.7288 20.1894 53.7241 20.266C53.7194 20.363 53.7429 20.3885 53.8322 20.3885C54.4991 20.3834 55.166 20.3834 55.8376 20.3885C55.9832 20.3885 56.1053 20.2609 56.1053 20.1027C56.1053 17.1828 56.11 14.2783 56.11 11.3788ZM53.6678 16.7438C53.3719 17.535 52.705 18.0149 51.9112 18.0098C50.6572 17.9893 49.8259 16.8663 49.9621 15.5544C50.0608 14.5743 50.6103 13.8903 51.4228 13.6606C52.5688 13.339 53.6772 14.166 53.8087 15.4472C53.8556 15.8964 53.8228 16.3303 53.6678 16.7438Z\" fill=\"white\"/>\n                <path d=\"M20.528 11.3792C20.528 11.3537 20.5233 11.3333 20.528 11.3129C20.5374 11.2414 20.5139 11.221 20.4435 11.221C19.7014 11.221 18.964 11.2261 18.222 11.221C18.1468 11.221 18.1421 11.2567 18.1421 11.318C18.1421 11.4048 18.1421 11.4864 18.1421 11.5783C18.1421 11.6804 18.0388 11.7366 17.959 11.6804C17.4564 11.2874 16.8928 11.0781 16.2823 11.0423C15.0846 10.9658 14.0561 11.4303 13.2388 12.3644C12.013 13.7478 11.6655 15.4221 12.1539 17.2649C12.6799 19.2506 14.3285 20.634 16.1883 20.5676C16.8365 20.5421 17.4376 20.3787 17.9543 19.9346C18.0294 19.8683 18.1421 19.9244 18.1421 20.0316C18.1421 20.1031 18.1421 20.1745 18.1374 20.246C18.1327 20.3481 18.1562 20.3736 18.2549 20.3736C18.964 20.3685 19.6685 20.3685 20.3777 20.3736C20.4951 20.3736 20.5327 20.3481 20.5327 20.2154C20.5233 17.27 20.528 14.3246 20.528 11.3792ZM18.0529 16.8208C17.7147 17.6069 17.123 17.9898 16.3809 18.0153C15.3148 18.0153 14.4834 17.1985 14.3801 16.0959C14.2862 15.1158 14.6619 14.2736 15.404 13.8499C16.5171 13.2067 17.9871 13.7988 18.222 15.4068C18.2877 15.8917 18.2455 16.3716 18.0529 16.8208Z\" fill=\"white\"/>\n            </svg>\n        );\n    }\n\n    /**\n     * Render installment text with proper RTL support\n     */\n    private renderInstallmentText() {\n        if (this.customText) {\n            return (\n                <span>\n                    {this.customText}{' '}\n                    <span class=\"amwal-link\">{this.t('Learn more')}</span>\n                </span>\n            );\n        } else {\n            const installmentsCount = this.config.installmentsCount || 0;\n\n            if (this.isRTL) {\n                return (\n                    <span>\n                        {this.t('Split to')}{' '}\n                        <span class=\"amwal-installments-count\">{installmentsCount}</span>{' '}\n                        {this.t('months')}.{' '}\n                        {this.t('With bank without interest')}{' '}\n                        <span class=\"amwal-link\">{this.t('Learn more')}</span>\n                    </span>\n                );\n            } else {\n                return (\n                    <span>\n                        0% Bank Installments up to{' '}\n                        <span class=\"amwal-installments-count\">{installmentsCount}</span>{' '}\n                        months.{' '}\n                        <span class=\"amwal-link\">{this.t('Learn more')}</span>\n                    </span>\n                );\n            }\n        }\n    }\n\n    render() {\n        if (!this.isActive || !this.isVisible || !this.config) {\n            return null;\n        }\n\n        if (this.debug) {\n            console.log('[AmwalWidget] Rendering widget', {\n                price: this.config.price,\n                currency: this.config.currency,\n                installmentsCount: this.config.installmentsCount,\n                installmentPrice: this.getInstallmentPrice(),\n                isRTL: this.isRTL,\n                textDirection: this.textDirection\n            });\n        }\n\n        return (\n            <div\n                class={{\n                    'amwal-widget-container': true,\n                    'show-badge': this.showPopularBadge\n                }}\n                dir={this.textDirection}\n            >\n                <div\n                    class={{\n                        'amwal-promo': true,\n                        'green-border': this.showGreenBorder,\n                        'loading': this.isLoading\n                    }}\n                    dir={this.textDirection}\n                    onClick={this.handleClick}\n                >\n                    <div class=\"amwal-promo-content\">\n                        {this.renderAmwalLogo()}\n                        <div class=\"amwal-promo-text-container\">\n                            <span class=\"amwal-promo-text\">\n                                {this.renderInstallmentText()}\n                            </span>\n\n                            {(this.showMonthlyPayment || this.showSavings) && (\n                                <div class=\"amwal-payment-savings-container\">\n                                    {this.showMonthlyPayment && (\n                                        <span class=\"amwal-monthly-payment\">\n                                            {this.renderMonthlyPayment()}\n                                        </span>\n                                    )}\n\n                                    {this.showSavings && (\n                                        <span class=\"amwal-savings-text\">\n                                            {this.calculateSavings()}\n                                        </span>\n                                    )}\n                                </div>\n                            )}\n                        </div>\n                    </div>\n                </div>\n\n                {this.showSocialProof && (\n                    <div class=\"amwal-social-proof\">\n                        {this.t(this.socialProofText)}\n                    </div>\n                )}\n            </div>\n        );\n    }\n}"]}