@amwaljs/checkout-button 0.2.9 → 0.3.0

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

@@ -1,83 +1 @@
-import { p as proxyCustomElement, H, h, t as transformTag } from './p-abe_AkUW.js';
-import { d as defineCustomElement$2 } from './p-hoAPVm-t.js';
-
-const amwalInstallmentsGuideCss = () => `:root{--brand:#128c4b;--ink:#0b1220;--muted:#5b677a;--bg:#f7f9fc;--card:#ffffff;--border:#e7edf5;--radius:16px;--shadow:0 10px 30px rgba(11, 18, 32, .08)}html,body{height:100%}body{margin:0;font-family:ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";color:var(--ink);background:var(--bg);line-height:1.6}.container{max-width:1120px;margin:auto;padding:24px}header.hero{background:linear-gradient(135deg, rgba(18, 140, 75, .08), transparent 55%), var(--bg);border-bottom:1px solid var(--border)}.hero-inner{display:grid;grid-template-columns:1fr;gap:32px;align-items:center}.badge{display:inline-flex;gap:8px;align-items:center;background:#e8f5ee;color:#0f5532;border:1px solid #ccead9;padding:6px 10px;border-radius:999px;font-weight:600;font-size:12px;letter-spacing:.2px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none}.brand-logo{height:40px;display:block}.hero-top{display:flex;align-items:center;gap:12px;margin-top:4px}.hero-brandline{display:flex;align-items:center;gap:12px}.hero-lang{margin-left:auto}.visually-hidden{position:absolute !important;clip:rect(1px, 1px, 1px, 1px);padding:0;border:0;height:1px;width:1px;overflow:hidden;white-space:nowrap}.title{font-size:clamp(28px, 3vw, 40px);line-height:1.1;margin:12px 0 8px}.subtitle{color:var(--muted);font-size:clamp(14px, 2vw, 18px)}.hero-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 18px}.kpis{display:grid;grid-template-columns:1fr;gap:12px;margin-top:8px}.kpi{display:flex;gap:12px;align-items:flex-start;padding:12px;border:1px dashed var(--border);border-radius:12px;background:#fbfdfc}.kpi svg{flex:0 0 20px}.grid{display:grid;gap:18px}section+section{margin-top:32px}@media (min-width: 900px){.grid-3{grid-template-columns:repeat(3, 1fr)}.grid-2{grid-template-columns:repeat(2, 1fr)}}h2{margin:32px 0 12px;font-size:clamp(20px, 2.2vw, 26px)}h3{margin:14px 0;font-size:18px}p{margin:10px 0}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.list{list-style:none;padding:0;margin:0;display:grid;gap:10px;direction:ltr}.FAQ details{direction:ltr}.list li{display:flex;gap:12px}.list .dot{margin-top:6px;flex:0 0 8px;height:8px;border-radius:50%;background:var(--brand)}.steps{counter-reset:step}.steps li{position:relative;padding-left:42px}.steps li:before{counter-increment:step;content:counter(step);position:absolute;left:0;top:0;width:28px;height:28px;display:grid;place-items:center;background:var(--brand);color:white;border-radius:50%;font-weight:700}.notice{background:#fff9e8;border:1px solid #f3dfad;color:#7a5a10;border-radius:12px;padding:12px}details{border:1px solid var(--border);border-radius:12px;background:var(--card);padding:14px}details+details{margin-top:10px}summary{cursor:pointer;display:flex;align-items:center;gap:10px;font-weight:700}summary svg{transition:transform .2s}details[open] summary svg{transform:rotate(90deg)}.faq-body{margin-top:8px;color:var(--muted)}.faq-body p{margin:0 1.5rem}.kpi svg{width:30px;height:30px}.example{display:grid;gap:14px}.example .pair{display:grid;gap:8px;padding:14px;border:1px dashed var(--border);border-radius:12px}footer{margin:40px 0 8px;color:var(--muted);font-size:12px}.inline-icon{vertical-align:middle;margin-right:6px}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}.lang-en{display:block}.lang-ar{display:none}html[lang="ar"] .lang-en{display:none}html[lang="ar"] .lang-ar{display:block}.topbar{background:var(--card);border-bottom:1px solid var(--border);padding:16px 0}.topbar-inner{max-width:1120px;margin:auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.lang-controls{display:flex;align-items:center;gap:10px}.lang-select{border:1px solid var(--border);background:var(--card);border-radius:10px;padding:6px 10px;font-size:14px;cursor:pointer}html[lang="ar"] body{direction:rtl}[dir="rtl"] .steps li{padding-right:42px;padding-left:0}[dir="rtl"] .steps li:before{right:0;left:auto}[dir="rtl"] .list li{flex-direction:row-reverse}[dir="rtl"] .list .dot{margin-left:0;margin-right:0}[dir="rtl"] summary{flex-direction:row-reverse}html[lang="ar"] .lang-ar details,html[lang="ar"] .lang-ar summary,html[lang="ar"] .lang-ar .faq-body{text-align:right}html[lang="ar"] summary{justify-content:flex-start}`;
-
-const AmwalInstallmentsGuide$1 = /*@__PURE__*/ proxyCustomElement(class AmwalInstallmentsGuide extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        /**
-         * Language locale: 'en' for English, 'ar' for Arabic
-         */
-        this.locale = 'en';
-        this.currentLang = this.locale;
-        this.handleLanguageChange = (event) => {
-            const select = event.target;
-            const newLang = select.value;
-            this.applyLanguage(newLang);
-        };
-    }
-    componentWillLoad() {
-        this.currentLang = this.locale;
-        this.applyLanguage(this.currentLang);
-        if (this.selectRef) {
-            this.selectRef.value = this.currentLang;
-        }
-    }
-    componentDidUpdate() {
-        // Keep select in sync with state
-        if (this.selectRef) {
-            this.selectRef.value = this.currentLang;
-        }
-    }
-    applyLanguage(lang) {
-        this.currentLang = lang;
-        if (typeof document !== 'undefined') {
-            document.documentElement.lang = lang;
-            document.documentElement.dir = lang === 'ar' ? 'rtl' : 'ltr';
-        }
-    }
-    renderEnglishContent() {
-        return (h("div", { class: "lang-en" }, h("header", { class: "hero" }, h("div", { class: "container hero-inner" }, h("div", null, h("span", { class: "badge", "aria-label": "Guide badge" }, "End\u2011User Guide"), h("h1", { class: "title" }, "Amwal Bank Installments"), h("p", { class: "subtitle" }, "Split eligible purchases into easy monthly payments with your own bank\u2014no upfront down payment."), h("div", { class: "hero-card" }, h("div", { class: "kpis" }, h("div", { class: "kpi" }, h("svg", { width: "30", height: "30", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true" }, h("path", { d: "M20 6 9 17l-5-5", stroke: "#128c4b", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("div", null, h("strong", null, "95% approval rate"), h("br", null), h("span", { class: "muted" }, "Fast decisions for eligible cards"))), h("div", { class: "kpi" }, h("svg", { width: "30", height: "30", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true" }, h("circle", { cx: "12", cy: "12", r: "9", stroke: "#128c4b", "stroke-width": "2" }), h("path", { d: "M12 7v5l4 2", stroke: "#128c4b", "stroke-width": "2", "stroke-linecap": "round" })), h("div", null, h("strong", null, "3, 6, 12\u2011month plans"), h("br", null), h("span", { class: "muted" }, "Depending on your bank"))), h("div", { class: "kpi" }, h("svg", { width: "30", height: "30", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true" }, h("path", { d: "M4 7h16M4 12h16M4 17h10", stroke: "#128c4b", "stroke-width": "2", "stroke-linecap": "round" }), h("rect", { x: "3", y: "5", width: "18", height: "14", rx: "3", stroke: "#128c4b", "stroke-width": "2" })), h("div", null, h("strong", null, "Earn rewards & card points"), h("br", null), h("span", { class: "muted" }, "Keep your card benefits"))), h("div", { class: "kpi" }, h("svg", { width: "30", height: "30", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true" }, h("path", { d: "M12 3v18M5 9h14M5 15h14", stroke: "#128c4b", "stroke-width": "2", "stroke-linecap": "round" }), h("rect", { x: "3", y: "5", width: "18", height: "14", rx: "3", stroke: "#128c4b", "stroke-width": "2" })), h("div", null, h("strong", null, "Use up to 90% of card limit"), h("br", null), h("span", { class: "muted" }, "Subject to bank policy")))))), h("div", null, h("div", { class: "card" }, h("h3", null, "At a glance"), h("ul", { class: "list" }, h("li", null, h("span", { class: "dot" }), " No upfront down payment required"), h("li", null, h("span", { class: "dot" }), " First installment typically due in ", h("strong", null, "30\u201355 days")), h("li", null, h("span", { class: "dot" }), " Bank converts your purchase into installments within ", h("strong", null, "2\u20134 days"))), h("p", { class: "notice", role: "note" }, "Your full purchase amount must be available in your credit card limit at the time of checkout. Your available limit will be reduced by that amount immediately."))))), h("main", { class: "container" }, h("section", { class: "grid" }, h("div", { class: "card" }, h("h2", null, "How it works"), h("ol", { class: "list steps" }, h("li", null, "Select ", h("strong", null, "Amwal Bank Installments"), " at checkout."), h("li", null, "Choose your bank and the plan length (3, 6, or 12 months)."), h("li", null, "Pay using the credit card associated with that bank, or Apple Pay (linked to that card)."), h("li", null, "Your bank converts the purchase into monthly installments after approval."))), h("div", { class: "card" }, h("h2", null, "Monthly payments"), h("p", null, "Installments are ", h("strong", null, "automatic"), ": they're either debited from your bank balance or added to your card's monthly statement. No extra action is required from you."), h("p", { class: "notice" }, "Minimum purchase amounts for installments are set by each bank and merchant."))), h("section", { class: "grid" }, h("div", { class: "card example" }, h("h2", null, "Examples"), h("div", { class: "pair" }, h("h3", null, "Al Rajhi Bank \u2014 Equal Monthly Installments"), h("p", null, "A 6,000 SAR purchase is divided into equal monthly payments across your selected plan."), h("amwal-installments-timeline", { amount: 6000, "installments-count": "12", "enable-installments": "true", locale: "en", "timeline-style": "default", "footer-message": "" })), h("div", { class: "pair" }, h("h3", null, "Saudi National Bank \u2014 5% Monthly Installments"), h("p", null, "Across a 12\u2011month plan, you pay ", h("strong", null, "5% of the total"), " each cycle. At the end of the term, the remaining balance becomes due."), h("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}]' })))), h("section", null, h("h2", null, "FAQs"), h("details", null, h("summary", null, h("svg", { width: "14", height: "14", viewBox: "0 0 24 24", "aria-hidden": "true" }, h("path", { d: "M8 5l8 7-8 7", stroke: "currentColor", "stroke-width": "2", fill: "none", "stroke-linecap": "round", "stroke-linejoin": "round" })), "Do I earn card rewards and points?"), h("div", { class: "faq-body" }, h("p", null, "Yes. You continue to earn your credit card rewards and points on eligible installment purchases, as per your bank's policy."))), h("details", null, h("summary", null, h("svg", { width: "14", height: "14", viewBox: "0 0 24 24", "aria-hidden": "true" }, h("path", { d: "M8 5l8 7-8 7", stroke: "currentColor", "stroke-width": "2", fill: "none", "stroke-linecap": "round", "stroke-linejoin": "round" })), "When is my first payment due?"), h("div", { class: "faq-body" }, h("p", null, "Typically within ", h("strong", null, "30\u201355 days"), " from the purchase date, depending on your bank's billing cycle."))), h("details", null, h("summary", null, h("svg", { width: "14", height: "14", viewBox: "0 0 24 24", "aria-hidden": "true" }, h("path", { d: "M8 5l8 7-8 7", stroke: "currentColor", "stroke-width": "2", fill: "none", "stroke-linecap": "round", "stroke-linejoin": "round" })), "Does my card limit change?"), h("div", { class: "faq-body" }, h("p", null, "Yes. Your available credit limit is reduced by the full purchase amount at checkout. After conversion to installments, it may replenish as you pay installments (subject to bank policy)."))), h("details", null, h("summary", null, h("svg", { width: "14", height: "14", viewBox: "0 0 24 24", "aria-hidden": "true" }, h("path", { d: "M8 5l8 7-8 7", stroke: "currentColor", "stroke-width": "2", fill: "none", "stroke-linecap": "round", "stroke-linejoin": "round" })), "Which plans are available?"), h("div", { class: "faq-body" }, h("p", null, "Common options are ", h("strong", null, "3, 6, and 12 months"), ". Availability depends on your issuing bank and the merchant."))), h("details", null, h("summary", null, h("svg", { width: "14", height: "14", viewBox: "0 0 24 24", "aria-hidden": "true" }, h("path", { d: "M8 5l8 7-8 7", stroke: "currentColor", "stroke-width": "2", fill: "none", "stroke-linecap": "round", "stroke-linejoin": "round" })), "How quickly does the bank convert my purchase?"), h("div", { class: "faq-body" }, h("p", null, "Usually within ", h("strong", null, "2\u20134 days"), " after a successful checkout."))), h("details", null, h("summary", null, h("svg", { width: "14", height: "14", viewBox: "0 0 24 24", "aria-hidden": "true" }, h("path", { d: "M8 5l8 7-8 7", stroke: "currentColor", "stroke-width": "2", fill: "none", "stroke-linecap": "round", "stroke-linejoin": "round" })), "Why was my installment request rejected?"), h("div", { class: "faq-body" }, h("ul", { class: "list" }, h("li", null, h("span", { class: "dot" }), " Card isn't eligible for installments"), h("li", null, h("span", { class: "dot" }), " More than four active installment plans on the same card"), h("li", null, h("span", { class: "dot" }), " Using loaded/temporary balance to try to increase card limit"), h("li", null, h("span", { class: "dot" }), " Requests are subject to the issuing bank's terms & conditions"))))), h("footer", null, h("p", null, "\u00A9 ", h("span", { id: "year-en" }), " Amwal. Information provided for customer guidance; actual eligibility, limits, and plans are determined by your issuing bank and merchant.")))));
-    }
-    renderArabicContent() {
-        return (h("div", { class: "lang-ar" }, h("header", { class: "hero" }, h("div", { class: "container hero-inner" }, h("div", null, h("span", { class: "badge", "aria-label": "Guide badge" }, "\u062F\u0644\u064A\u0644 \u0627\u0644\u0645\u0633\u062A\u062E\u062F\u0645"), h("h1", { class: "title" }, "\u0623\u0642\u0633\u0627\u0637 \u0627\u0644\u0628\u0646\u0648\u0643 \u0645\u0646 \u0623\u0645\u0640\u0648\u0627\u0644"), h("p", { class: "subtitle" }, "\u0642\u0633\u0651\u0645 \u0645\u0634\u062A\u0631\u064A\u0627\u062A\u0643 \u0627\u0644\u0645\u0624\u0647\u0644\u0629 \u0625\u0644\u0649 \u062F\u0641\u0639\u0627\u062A \u0634\u0647\u0631\u064A\u0629 \u0645\u064A\u0633\u0651\u0631\u0629 \u0645\u0639 \u0628\u0646\u0643\u0643 \u2014 \u062F\u0648\u0646 \u062F\u0641\u0639\u0629 \u0645\u0642\u062F\u0651\u0645\u0629."), h("div", { class: "hero-card" }, h("div", { class: "kpis" }, h("div", { class: "kpi" }, h("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true" }, h("path", { d: "M20 6 9 17l-5-5", stroke: "#128c4b", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("div", null, h("strong", null, "\u0645\u0639\u062F\u0644 \u0645\u0648\u0627\u0641\u0642\u0629 \u064A\u062A\u062C\u0627\u0648\u0632 \u200E%95\u200E"), h("br", null), h("span", { class: "muted" }, "\u0642\u0631\u0627\u0631\u0627\u062A \u0633\u0631\u064A\u0639\u0629 \u0644\u0644\u0628\u0637\u0627\u0642\u0627\u062A \u0627\u0644\u0645\u0624\u0647\u0644\u0629"))), h("div", { class: "kpi" }, h("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true" }, h("circle", { cx: "12", cy: "12", r: "9", stroke: "#128c4b", "stroke-width": "2" }), h("path", { d: "M12 7v5l4 2", stroke: "#128c4b", "stroke-width": "2", "stroke-linecap": "round" })), h("div", null, h("strong", null, "\u062E\u0637\u0637 3 \u0623\u0648 6 \u0623\u0648 12 \u0634\u0647\u0631\u0627\u064B"), h("br", null), h("span", { class: "muted" }, "\u062D\u0633\u0628 \u0628\u0646\u0643\u0643"))), h("div", { class: "kpi" }, h("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true" }, h("path", { d: "M4 7h16M4 12h16M4 17h10", stroke: "#128c4b", "stroke-width": "2", "stroke-linecap": "round" }), h("rect", { x: "3", y: "5", width: "18", height: "14", rx: "3", stroke: "#128c4b", "stroke-width": "2" })), h("div", null, h("strong", null, "\u0627\u0643\u0633\u0628 \u0627\u0644\u0645\u0643\u0627\u0641\u0622\u062A \u0648\u0646\u0642\u0627\u0637 \u0627\u0644\u0628\u0637\u0627\u0642\u0629"), h("br", null), h("span", { class: "muted" }, "\u0627\u062D\u062A\u0641\u0638 \u0628\u0645\u0632\u0627\u064A\u0627 \u0628\u0637\u0627\u0642\u062A\u0643"))), h("div", { class: "kpi" }, h("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true" }, h("path", { d: "M12 3v18M5 9h14M5 15h14", stroke: "#128c4b", "stroke-width": "2", "stroke-linecap": "round" }), h("rect", { x: "3", y: "5", width: "18", height: "14", rx: "3", stroke: "#128c4b", "stroke-width": "2" })), h("div", null, h("strong", null, "\u062D\u062A\u0649 \u200E90%\u200E \u0645\u0646 \u062D\u062F \u0627\u0644\u0628\u0637\u0627\u0642\u0629"), h("br", null), h("span", { class: "muted" }, "\u0648\u0641\u0642\u0627\u064B \u0644\u0633\u064A\u0627\u0633\u0629 \u0627\u0644\u0628\u0646\u0643")))))), h("div", null, h("div", { class: "card" }, h("h3", null, "\u0646\u0638\u0631\u0629 \u0633\u0631\u064A\u0639\u0629"), h("ul", { class: "list" }, h("li", null, h("span", { class: "dot" }), " \u0644\u0627 \u062A\u0648\u062C\u062F \u062F\u0641\u0639\u0629 \u0645\u0642\u062F\u0651\u0645\u0629"), h("li", null, h("span", { class: "dot" }), " \u0623\u0648\u0644 \u062F\u0641\u0639\u0629 \u0639\u0627\u062F\u0629\u064B \u062E\u0644\u0627\u0644 ", h("strong", null, "30\u201355 \u064A\u0648\u0645\u0627\u064B")), h("li", null, h("span", { class: "dot" }), " \u064A\u062D\u0648\u0651\u0644 \u0627\u0644\u0628\u0646\u0643 \u0627\u0644\u0639\u0645\u0644\u064A\u0629 \u0625\u0644\u0649 \u0623\u0642\u0633\u0627\u0637 \u062E\u0644\u0627\u0644 ", h("strong", null, "2\u20134 \u0623\u064A\u0627\u0645"))), h("p", { class: "notice", role: "note" }, "\u064A\u062C\u0628 \u0623\u0646 \u064A\u0643\u0648\u0646 \u0643\u0627\u0645\u0644 \u0645\u0628\u0644\u063A \u0627\u0644\u0634\u0631\u0627\u0621 \u0645\u062A\u0627\u062D\u0627\u064B \u0636\u0645\u0646 \u062D\u062F \u0628\u0637\u0627\u0642\u062A\u0643 \u0627\u0644\u0627\u0626\u062A\u0645\u0627\u0646\u064A\u0629 \u0639\u0646\u062F \u0627\u0644\u062F\u0641\u0639. \u0633\u064A\u062A\u0645 \u062D\u062C\u0632 \u0627\u0644\u0645\u0628\u0644\u063A \u0643\u0627\u0645\u0644\u0627\u064B \u0645\u0646 \u062D\u062F\u0643 \u0627\u0644\u0645\u062A\u0627\u062D \u0641\u0648\u0631\u0627\u064B."))))), h("main", { class: "container" }, h("section", { class: "grid" }, h("div", { class: "card" }, h("h2", null, "\u0643\u064A\u0641 \u062A\u0639\u0645\u0644\u061F"), h("ol", { class: "list steps" }, h("li", null, "\u0627\u062E\u062A\u0631 ", h("strong", null, "\u0623\u0642\u0633\u0627\u0637 \u0623\u0645\u0640\u0648\u0627\u0644 \u0627\u0644\u0628\u0646\u0643\u064A\u0629"), " \u0639\u0646\u062F \u0627\u0644\u062F\u0641\u0639."), h("li", null, "\u0627\u062E\u062A\u0631 \u0628\u0646\u0643\u0643 \u0648\u0645\u062F\u0629 \u0627\u0644\u062E\u0637\u0629 (3 \u0623\u0648 6 \u0623\u0648 12 \u0634\u0647\u0631\u0627\u064B)."), h("li", null, "\u0627\u062F\u0641\u0639 \u0628\u0627\u0644\u0628\u0637\u0627\u0642\u0629 \u0627\u0644\u0645\u0631\u062A\u0628\u0637\u0629 \u0628\u0630\u0644\u0643 \u0627\u0644\u0628\u0646\u0643\u060C \u0623\u0648 \u0639\u0628\u0631 Apple Pay \u0627\u0644\u0645\u0631\u062A\u0628\u0637 \u0628\u0627\u0644\u0628\u0637\u0627\u0642\u0629 \u0646\u0641\u0633\u0647\u0627."), h("li", null, "\u0628\u0639\u062F \u0627\u0644\u0645\u0648\u0627\u0641\u0642\u0629\u060C \u064A\u062D\u0648\u0651\u0644 \u0627\u0644\u0628\u0646\u0643 \u0627\u0644\u0634\u0631\u0627\u0621 \u0625\u0644\u0649 \u0623\u0642\u0633\u0627\u0637 \u0634\u0647\u0631\u064A\u0629."))), h("div", { class: "card" }, h("h2", null, "\u0627\u0644\u062F\u0641\u0639\u0627\u062A \u0627\u0644\u0634\u0647\u0631\u064A\u0629"), h("p", null, "\u062A\u064F\u062E\u0635\u0645 \u0627\u0644\u062F\u0641\u0639\u0627\u062A ", h("strong", null, "\u062A\u0644\u0642\u0627\u0626\u064A\u0627\u064B"), " \u0645\u0646 \u0631\u0635\u064A\u062F\u0643 \u0627\u0644\u0628\u0646\u0643\u064A \u0623\u0648 \u062A\u064F\u0636\u0627\u0641 \u0625\u0644\u0649 \u0643\u0634\u0641 \u0628\u0637\u0627\u0642\u062A\u0643 \u0627\u0644\u0634\u0647\u0631\u064A. \u0644\u0627 \u064A\u0644\u0632\u0645\u0643 \u0623\u064A \u0625\u062C\u0631\u0627\u0621 \u0625\u0636\u0627\u0641\u064A."), h("p", { class: "notice" }, "\u0627\u0644\u062D\u062F \u0627\u0644\u0623\u062F\u0646\u0649 \u0644\u0642\u064A\u0645\u0629 \u0627\u0644\u0634\u0631\u0627\u0621 \u0644\u0644\u062A\u0642\u0633\u064A\u0637 \u064A\u062D\u062F\u062F\u0647 \u0643\u0644 \u0628\u0646\u0643 \u0648\u0627\u0644\u062A\u0627\u062C\u0631."))), h("section", { class: "grid" }, h("div", { class: "card example" }, h("h2", null, "\u0623\u0645\u062B\u0644\u0629"), h("div", { class: "pair" }, h("h3", null, "\u0645\u0635\u0631\u0641 \u0627\u0644\u0631\u0627\u062C\u062D\u064A \u2014 \u0623\u0642\u0633\u0627\u0637 \u0634\u0647\u0631\u064A\u0629 \u0645\u062A\u0633\u0627\u0648\u064A\u0629"), h("p", null, "\u064A\u064F\u0642\u0633\u064E\u0651\u0645 \u0634\u0631\u0627\u0621 \u0628\u0642\u064A\u0645\u0629 6,000 \u0631\u064A\u0627\u0644 \u0633\u0639\u0648\u062F\u064A \u0625\u0644\u0649 \u062F\u0641\u0639\u0627\u062A \u0634\u0647\u0631\u064A\u0629 \u0645\u062A\u0633\u0627\u0648\u064A\u0629 \u062D\u0633\u0628 \u0627\u0644\u062E\u0637\u0629 \u0627\u0644\u062A\u064A \u062A\u062E\u062A\u0627\u0631\u0647\u0627."), h("amwal-installments-timeline", { amount: 6000, "installments-count": "12", "enable-installments": "true", locale: "ar", "timeline-style": "default", "footer-message": "" })), h("div", { class: "pair" }, h("h3", null, "\u0627\u0644\u0628\u0646\u0643 \u0627\u0644\u0623\u0647\u0644\u064A \u0627\u0644\u0633\u0639\u0648\u062F\u064A \u2014 \u0623\u0642\u0633\u0627\u0637 \u200E5%\u200E \u0634\u0647\u0631\u064A\u0627\u064B"), h("p", null, "\u0636\u0645\u0646 \u062E\u0637\u0629 12 \u0634\u0647\u0631\u0627\u064B\u060C \u062A\u062F\u0641\u0639 ", h("strong", null, "5% \u0645\u0646 \u0627\u0644\u0625\u062C\u0645\u0627\u0644\u064A"), " \u0641\u064A \u0643\u0644 \u062F\u0648\u0631\u0629. \u0648\u0641\u064A \u0646\u0647\u0627\u064A\u0629 \u0627\u0644\u0645\u062F\u0629 \u064A\u064F\u0633\u062F\u062F \u0627\u0644\u0631\u0635\u064A\u062F \u0627\u0644\u0645\u062A\u0628\u0642\u064A."), h("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}]' })))), h("section", { class: "FAQ" }, h("h2", null, "\u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629"), h("details", null, h("summary", null, h("svg", { width: "14", height: "14", viewBox: "0 0 24 24", "aria-hidden": "true" }, h("path", { d: "M8 5l8 7-8 7", stroke: "currentColor", "stroke-width": "2", fill: "none", "stroke-linecap": "round", "stroke-linejoin": "round" })), "\u0647\u0644 \u0623\u0643\u0633\u0628 \u0645\u0643\u0627\u0641\u0622\u062A \u0648\u0646\u0642\u0627\u0637 \u0627\u0644\u0628\u0637\u0627\u0642\u0629\u061F"), h("div", { class: "faq-body" }, h("p", null, "\u0646\u0639\u0645. \u062A\u0633\u062A\u0645\u0631 \u0641\u064A \u0643\u0633\u0628 \u0645\u0643\u0627\u0641\u0622\u062A \u0627\u0644\u0628\u0637\u0627\u0642\u0629 \u0648\u0646\u0642\u0627\u0637\u0647\u0627 \u0639\u0644\u0649 \u0627\u0644\u0645\u0634\u062A\u0631\u064A\u0627\u062A \u0627\u0644\u0645\u0624\u0647\u0644\u0629 \u0644\u0644\u062A\u0642\u0633\u064A\u0637 \u0648\u0641\u0642 \u0633\u064A\u0627\u0633\u0629 \u0628\u0646\u0643\u0643."))), h("details", null, h("summary", null, h("svg", { width: "14", height: "14", viewBox: "0 0 24 24", "aria-hidden": "true" }, h("path", { d: "M8 5l8 7-8 7", stroke: "currentColor", "stroke-width": "2", fill: "none", "stroke-linecap": "round", "stroke-linejoin": "round" })), "\u0645\u062A\u0649 \u0645\u0648\u0639\u062F \u0623\u0648\u0644 \u062F\u0641\u0639\u0629\u061F"), h("div", { class: "faq-body" }, h("p", null, "\u0639\u0627\u062F\u0629\u064B \u062E\u0644\u0627\u0644 ", h("strong", null, "30\u201355 \u064A\u0648\u0645\u0627\u064B"), " \u0645\u0646 \u062A\u0627\u0631\u064A\u062E \u0627\u0644\u0634\u0631\u0627\u0621\u060C \u0628\u062D\u0633\u0628 \u062F\u0648\u0631\u0629 \u0627\u0644\u0641\u0648\u062A\u0631\u0629 \u0641\u064A \u0628\u0646\u0643\u0643."))), h("details", null, h("summary", null, h("svg", { width: "14", height: "14", viewBox: "0 0 24 24", "aria-hidden": "true" }, h("path", { d: "M8 5l8 7-8 7", stroke: "currentColor", "stroke-width": "2", fill: "none", "stroke-linecap": "round", "stroke-linejoin": "round" })), "\u0647\u0644 \u064A\u062A\u063A\u064A\u0631 \u062D\u062F \u0628\u0637\u0627\u0642\u062A\u064A\u061F"), h("div", { class: "faq-body" }, h("p", null, "\u0646\u0639\u0645. \u064A\u064F\u062D\u062C\u0632 \u0643\u0627\u0645\u0644 \u0645\u0628\u0644\u063A \u0627\u0644\u0634\u0631\u0627\u0621 \u0645\u0646 \u062D\u062F \u0628\u0637\u0627\u0642\u062A\u0643 \u0627\u0644\u0645\u062A\u0627\u062D \u0639\u0646\u062F \u0627\u0644\u062F\u0641\u0639. \u0648\u0628\u0639\u062F \u0627\u0644\u062A\u062D\u0648\u064A\u0644 \u0625\u0644\u0649 \u0623\u0642\u0633\u0627\u0637 \u0642\u062F \u064A\u0639\u0648\u062F \u0627\u0644\u062D\u062F \u0644\u0644\u062A\u0632\u0627\u064A\u062F \u0645\u0639 \u0633\u062F\u0627\u062F\u0643 \u0644\u0644\u0623\u0642\u0633\u0627\u0637 (\u0648\u0641\u0642 \u0633\u064A\u0627\u0633\u0629 \u0627\u0644\u0628\u0646\u0643)."))), h("details", null, h("summary", null, h("svg", { width: "14", height: "14", viewBox: "0 0 24 24", "aria-hidden": "true" }, h("path", { d: "M8 5l8 7-8 7", stroke: "currentColor", "stroke-width": "2", fill: "none", "stroke-linecap": "round", "stroke-linejoin": "round" })), "\u0645\u0627 \u0627\u0644\u062E\u0637\u0637 \u0627\u0644\u0645\u062A\u0627\u062D\u0629\u061F"), h("div", { class: "faq-body" }, h("p", null, "\u0627\u0644\u062E\u064A\u0627\u0631\u0627\u062A \u0627\u0644\u0634\u0627\u0626\u0639\u0629 \u0647\u064A ", h("strong", null, "3 \u0623\u0648 6 \u0623\u0648 12 \u0634\u0647\u0631\u0627\u064B"), ". \u0648\u062A\u062E\u062A\u0644\u0641 \u0627\u0644\u0625\u062A\u0627\u062D\u0629 \u062D\u0633\u0628 \u0627\u0644\u0628\u0646\u0643 \u0627\u0644\u0645\u064F\u0635\u062F\u0631 \u0648\u0627\u0644\u062A\u0627\u062C\u0631."))), h("details", null, h("summary", null, h("svg", { width: "14", height: "14", viewBox: "0 0 24 24", "aria-hidden": "true" }, h("path", { d: "M8 5l8 7-8 7", stroke: "currentColor", "stroke-width": "2", fill: "none", "stroke-linecap": "round", "stroke-linejoin": "round" })), "\u0643\u0645 \u064A\u0633\u062A\u063A\u0631\u0642 \u062A\u062D\u0648\u064A\u0644 \u0627\u0644\u0634\u0631\u0627\u0621 \u0625\u0644\u0649 \u0623\u0642\u0633\u0627\u0637\u061F"), h("div", { class: "faq-body" }, h("p", null, "\u0639\u0627\u062F\u0629\u064B \u062E\u0644\u0627\u0644 ", h("strong", null, "2\u20134 \u0623\u064A\u0627\u0645"), " \u0628\u0639\u062F \u0625\u062A\u0645\u0627\u0645 \u0627\u0644\u0634\u0631\u0627\u0621 \u0628\u0646\u062C\u0627\u062D."))), h("details", null, h("summary", null, h("svg", { width: "14", height: "14", viewBox: "0 0 24 24", "aria-hidden": "true" }, h("path", { d: "M8 5l8 7-8 7", stroke: "currentColor", "stroke-width": "2", fill: "none", "stroke-linecap": "round", "stroke-linejoin": "round" })), "\u0644\u0645\u0627\u0630\u0627 \u0631\u064F\u0641\u0636 \u0637\u0644\u0628 \u0627\u0644\u062A\u0642\u0633\u064A\u0637\u061F"), h("div", { class: "faq-body" }, h("ul", { class: "list" }, h("li", null, h("span", { class: "dot" }), " \u0627\u0644\u0628\u0637\u0627\u0642\u0629 \u063A\u064A\u0631 \u0645\u0624\u0647\u0644\u0629 \u0644\u0644\u062A\u0642\u0633\u064A\u0637"), h("li", null, h("span", { class: "dot" }), " \u0648\u062C\u0648\u062F \u0623\u0643\u062B\u0631 \u0645\u0646 \u0623\u0631\u0628\u0639 \u062E\u0637\u0637 \u062A\u0642\u0633\u064A\u0637 \u0646\u0634\u0637\u0629 \u0639\u0644\u0649 \u0627\u0644\u0628\u0637\u0627\u0642\u0629 \u0646\u0641\u0633\u0647\u0627"), h("li", null, h("span", { class: "dot" }), " \u0627\u0633\u062A\u062E\u062F\u0627\u0645 \u0631\u0635\u064A\u062F \u0645\u064F\u062D\u0645\u0651\u0644/\u0645\u0624\u0642\u062A \u0644\u0645\u062D\u0627\u0648\u0644\u0629 \u0632\u064A\u0627\u062F\u0629 \u0627\u0644\u062D\u062F"), h("li", null, h("span", { class: "dot" }), " \u0627\u0644\u0637\u0644\u0628\u0627\u062A \u062E\u0627\u0636\u0639\u0629 \u0644\u0634\u0631\u0648\u0637 \u0648\u0623\u062D\u0643\u0627\u0645 \u0627\u0644\u0628\u0646\u0643 \u0627\u0644\u0645\u064F\u0635\u062F\u0631"))))), h("footer", null, h("p", null, "\u00A9 ", h("span", { id: "year-ar" }), " \u0623\u0645\u0640\u0648\u0627\u0644. \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062A \u0644\u063A\u0631\u0636 \u0627\u0644\u0625\u0631\u0634\u0627\u062F\u061B \u0627\u0644\u0623\u0647\u0644\u064A\u0629 \u0648\u0627\u0644\u062D\u062F\u0648\u062F \u0648\u0627\u0644\u062E\u0637\u0637 \u064A\u062D\u062F\u0651\u062F\u0647\u0627 \u0627\u0644\u0628\u0646\u0643 \u0627\u0644\u0645\u064F\u0635\u062F\u0631 \u0648\u0627\u0644\u062A\u0627\u062C\u0631.")))));
-    }
-    render() {
-        return (h("div", { key: '263be6424b9982a41a4ae0dbfa3b65e1eef055ed', class: "amwal-installments-guide" }, h("div", { key: 'e47cde7808793812dfdb1fa963372ce23cdf38ab', class: "topbar" }, h("div", { key: 'ff645af949a46aab230f2279c4a0871569f3477b', class: "topbar-inner" }, h("a", { key: 'f4ff58d8179e837a76d624e77865dc3fb4243a0a', class: "brand", href: "https://amwal.tech", target: "_blank", rel: "noopener noreferrer" }, h("img", { key: 'fb95ff5f1078cf4e1fb2157200f672ba501952b4', class: "brand-logo", src: "https://cdn.prod.website-files.com/62294ce746440b7bc08b4fc5/624352eb48193d537d329386_1-2.png", alt: "Amwal logo" })), h("div", { key: 'a6327ce03042e116389e9788918dbdc89459241f', class: "lang-controls" }, h("label", { key: 'd68b306f500954140f8bd2c60ac137a7ea368a93', class: "lang-en" }, "Language:"), h("label", { key: '00813420149332793a9caf1983805ad4d1304939', class: "lang-ar" }, "\u0627\u0644\u0644\u063A\u0629:"), h("select", { key: '4fb09dff916fec16d3ead5ddc727d9664d9ca5ae', class: "lang-select", "aria-label": "Language selector", ref: (el) => this.selectRef = el, onChange: this.handleLanguageChange }, h("option", { key: 'fbbf979b7c4ced09135dde23305f0839998c7cde', value: "en", selected: true }, "English"), h("option", { key: '14706b60ec1e2554af171e88562402a32f49d2ac', value: "ar" }, "\u0627\u0644\u0639\u0631\u0628\u064A\u0629"))))), this.currentLang === 'en' ? this.renderEnglishContent() : this.renderArabicContent()));
-    }
-    get el() { return this; }
-    static get style() { return amwalInstallmentsGuideCss(); }
-}, [256, "amwal-installments-guide", {
-        "locale": [1],
-        "currentLang": [32]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["amwal-installments-guide", "amwal-installments-timeline"];
-    components.forEach(tagName => { switch (tagName) {
-        case "amwal-installments-guide":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), AmwalInstallmentsGuide$1);
-            }
-            break;
-        case "amwal-installments-timeline":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const AmwalInstallmentsGuide = AmwalInstallmentsGuide$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { AmwalInstallmentsGuide, defineCustomElement };
-//# sourceMappingURL=amwal-installments-guide.js.map
-
-//# sourceMappingURL=amwal-installments-guide.js.map
+import{p as e,H as t,h as a,t as l}from"./p-DQAmWfm1.js";import{d as n}from"./p-Bam2tSRs.js";const i=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.locale="en",this.currentLang=this.locale,this.handleLanguageChange=e=>{this.applyLanguage(e.target.value)}}componentWillLoad(){this.currentLang=this.locale,this.applyLanguage(this.currentLang),this.selectRef&&(this.selectRef.value=this.currentLang)}componentDidUpdate(){this.selectRef&&(this.selectRef.value=this.currentLang)}applyLanguage(e){this.currentLang=e,"undefined"!=typeof document&&(document.documentElement.lang=e,document.documentElement.dir="ar"===e?"rtl":"ltr")}renderEnglishContent(){return a("div",{class:"lang-en"},a("header",{class:"hero"},a("div",{class:"container hero-inner"},a("div",null,a("span",{class:"badge","aria-label":"Guide badge"},"End‑User Guide"),a("h1",{class:"title"},"Amwal Bank Installments"),a("p",{class:"subtitle"},"Split eligible purchases into easy monthly payments with your own bank—no upfront down payment."),a("div",{class:"hero-card"},a("div",{class:"kpis"},a("div",{class:"kpi"},a("svg",{width:"30",height:"30",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true"},a("path",{d:"M20 6 9 17l-5-5",stroke:"#128c4b","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})),a("div",null,a("strong",null,"95% approval rate"),a("br",null),a("span",{class:"muted"},"Fast decisions for eligible cards"))),a("div",{class:"kpi"},a("svg",{width:"30",height:"30",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true"},a("circle",{cx:"12",cy:"12",r:"9",stroke:"#128c4b","stroke-width":"2"}),a("path",{d:"M12 7v5l4 2",stroke:"#128c4b","stroke-width":"2","stroke-linecap":"round"})),a("div",null,a("strong",null,"3, 6, 12‑month plans"),a("br",null),a("span",{class:"muted"},"Depending on your bank"))),a("div",{class:"kpi"},a("svg",{width:"30",height:"30",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true"},a("path",{d:"M4 7h16M4 12h16M4 17h10",stroke:"#128c4b","stroke-width":"2","stroke-linecap":"round"}),a("rect",{x:"3",y:"5",width:"18",height:"14",rx:"3",stroke:"#128c4b","stroke-width":"2"})),a("div",null,a("strong",null,"Earn rewards & card points"),a("br",null),a("span",{class:"muted"},"Keep your card benefits"))),a("div",{class:"kpi"},a("svg",{width:"30",height:"30",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true"},a("path",{d:"M12 3v18M5 9h14M5 15h14",stroke:"#128c4b","stroke-width":"2","stroke-linecap":"round"}),a("rect",{x:"3",y:"5",width:"18",height:"14",rx:"3",stroke:"#128c4b","stroke-width":"2"})),a("div",null,a("strong",null,"Use up to 90% of card limit"),a("br",null),a("span",{class:"muted"},"Subject to bank policy")))))),a("div",null,a("div",{class:"card"},a("h3",null,"At a glance"),a("ul",{class:"list"},a("li",null,a("span",{class:"dot"})," No upfront down payment required"),a("li",null,a("span",{class:"dot"})," First installment typically due in ",a("strong",null,"30–55 days")),a("li",null,a("span",{class:"dot"})," Bank converts your purchase into installments within ",a("strong",null,"2–4 days"))),a("p",{class:"notice",role:"note"},"Your full purchase amount must be available in your credit card limit at the time of checkout. Your available limit will be reduced by that amount immediately."))))),a("main",{class:"container"},a("section",{class:"grid"},a("div",{class:"card"},a("h2",null,"How it works"),a("ol",{class:"list steps"},a("li",null,"Select ",a("strong",null,"Amwal Bank Installments")," at checkout."),a("li",null,"Choose your bank and the plan length (3, 6, or 12 months)."),a("li",null,"Pay using the credit card associated with that bank, or Apple Pay (linked to that card)."),a("li",null,"Your bank converts the purchase into monthly installments after approval."))),a("div",{class:"card"},a("h2",null,"Monthly payments"),a("p",null,"Installments are ",a("strong",null,"automatic"),": they're either debited from your bank balance or added to your card's monthly statement. No extra action is required from you."),a("p",{class:"notice"},"Minimum purchase amounts for installments are set by each bank and merchant."))),a("section",{class:"grid"},a("div",{class:"card example"},a("h2",null,"Examples"),a("div",{class:"pair"},a("h3",null,"Al Rajhi Bank — Equal Monthly Installments"),a("p",null,"A 6,000 SAR purchase is divided into equal monthly payments across your selected plan."),a("amwal-installments-timeline",{amount:6e3,"installments-count":"12","enable-installments":"true",locale:"en","timeline-style":"default","footer-message":""})),a("div",{class:"pair"},a("h3",null,"Saudi National Bank — 5% Monthly Installments"),a("p",null,"Across a 12‑month plan, you pay ",a("strong",null,"5% of the total")," each cycle. At the end of the term, the remaining balance becomes due."),a("amwal-installments-timeline",{amount:6e3,"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}]'})))),a("section",null,a("h2",null,"FAQs"),a("details",null,a("summary",null,a("svg",{width:"14",height:"14",viewBox:"0 0 24 24","aria-hidden":"true"},a("path",{d:"M8 5l8 7-8 7",stroke:"currentColor","stroke-width":"2",fill:"none","stroke-linecap":"round","stroke-linejoin":"round"})),"Do I earn card rewards and points?"),a("div",{class:"faq-body"},a("p",null,"Yes. You continue to earn your credit card rewards and points on eligible installment purchases, as per your bank's policy."))),a("details",null,a("summary",null,a("svg",{width:"14",height:"14",viewBox:"0 0 24 24","aria-hidden":"true"},a("path",{d:"M8 5l8 7-8 7",stroke:"currentColor","stroke-width":"2",fill:"none","stroke-linecap":"round","stroke-linejoin":"round"})),"When is my first payment due?"),a("div",{class:"faq-body"},a("p",null,"Typically within ",a("strong",null,"30–55 days")," from the purchase date, depending on your bank's billing cycle."))),a("details",null,a("summary",null,a("svg",{width:"14",height:"14",viewBox:"0 0 24 24","aria-hidden":"true"},a("path",{d:"M8 5l8 7-8 7",stroke:"currentColor","stroke-width":"2",fill:"none","stroke-linecap":"round","stroke-linejoin":"round"})),"Does my card limit change?"),a("div",{class:"faq-body"},a("p",null,"Yes. Your available credit limit is reduced by the full purchase amount at checkout. After conversion to installments, it may replenish as you pay installments (subject to bank policy)."))),a("details",null,a("summary",null,a("svg",{width:"14",height:"14",viewBox:"0 0 24 24","aria-hidden":"true"},a("path",{d:"M8 5l8 7-8 7",stroke:"currentColor","stroke-width":"2",fill:"none","stroke-linecap":"round","stroke-linejoin":"round"})),"Which plans are available?"),a("div",{class:"faq-body"},a("p",null,"Common options are ",a("strong",null,"3, 6, and 12 months"),". Availability depends on your issuing bank and the merchant."))),a("details",null,a("summary",null,a("svg",{width:"14",height:"14",viewBox:"0 0 24 24","aria-hidden":"true"},a("path",{d:"M8 5l8 7-8 7",stroke:"currentColor","stroke-width":"2",fill:"none","stroke-linecap":"round","stroke-linejoin":"round"})),"How quickly does the bank convert my purchase?"),a("div",{class:"faq-body"},a("p",null,"Usually within ",a("strong",null,"2–4 days")," after a successful checkout."))),a("details",null,a("summary",null,a("svg",{width:"14",height:"14",viewBox:"0 0 24 24","aria-hidden":"true"},a("path",{d:"M8 5l8 7-8 7",stroke:"currentColor","stroke-width":"2",fill:"none","stroke-linecap":"round","stroke-linejoin":"round"})),"Why was my installment request rejected?"),a("div",{class:"faq-body"},a("ul",{class:"list"},a("li",null,a("span",{class:"dot"})," Card isn't eligible for installments"),a("li",null,a("span",{class:"dot"})," More than four active installment plans on the same card"),a("li",null,a("span",{class:"dot"})," Using loaded/temporary balance to try to increase card limit"),a("li",null,a("span",{class:"dot"})," Requests are subject to the issuing bank's terms & conditions"))))),a("footer",null,a("p",null,"© ",a("span",{id:"year-en"})," Amwal. Information provided for customer guidance; actual eligibility, limits, and plans are determined by your issuing bank and merchant."))))}renderArabicContent(){return a("div",{class:"lang-ar"},a("header",{class:"hero"},a("div",{class:"container hero-inner"},a("div",null,a("span",{class:"badge","aria-label":"Guide badge"},"دليل المستخدم"),a("h1",{class:"title"},"أقساط البنوك من أمـوال"),a("p",{class:"subtitle"},"قسّم مشترياتك المؤهلة إلى دفعات شهرية ميسّرة مع بنكك — دون دفعة مقدّمة."),a("div",{class:"hero-card"},a("div",{class:"kpis"},a("div",{class:"kpi"},a("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true"},a("path",{d:"M20 6 9 17l-5-5",stroke:"#128c4b","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})),a("div",null,a("strong",null,"معدل موافقة يتجاوز ‎%95‎"),a("br",null),a("span",{class:"muted"},"قرارات سريعة للبطاقات المؤهلة"))),a("div",{class:"kpi"},a("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true"},a("circle",{cx:"12",cy:"12",r:"9",stroke:"#128c4b","stroke-width":"2"}),a("path",{d:"M12 7v5l4 2",stroke:"#128c4b","stroke-width":"2","stroke-linecap":"round"})),a("div",null,a("strong",null,"خطط 3 أو 6 أو 12 شهراً"),a("br",null),a("span",{class:"muted"},"حسب بنكك"))),a("div",{class:"kpi"},a("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true"},a("path",{d:"M4 7h16M4 12h16M4 17h10",stroke:"#128c4b","stroke-width":"2","stroke-linecap":"round"}),a("rect",{x:"3",y:"5",width:"18",height:"14",rx:"3",stroke:"#128c4b","stroke-width":"2"})),a("div",null,a("strong",null,"اكسب المكافآت ونقاط البطاقة"),a("br",null),a("span",{class:"muted"},"احتفظ بمزايا بطاقتك"))),a("div",{class:"kpi"},a("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true"},a("path",{d:"M12 3v18M5 9h14M5 15h14",stroke:"#128c4b","stroke-width":"2","stroke-linecap":"round"}),a("rect",{x:"3",y:"5",width:"18",height:"14",rx:"3",stroke:"#128c4b","stroke-width":"2"})),a("div",null,a("strong",null,"حتى ‎90%‎ من حد البطاقة"),a("br",null),a("span",{class:"muted"},"وفقاً لسياسة البنك")))))),a("div",null,a("div",{class:"card"},a("h3",null,"نظرة سريعة"),a("ul",{class:"list"},a("li",null,a("span",{class:"dot"})," لا توجد دفعة مقدّمة"),a("li",null,a("span",{class:"dot"})," أول دفعة عادةً خلال ",a("strong",null,"30–55 يوماً")),a("li",null,a("span",{class:"dot"})," يحوّل البنك العملية إلى أقساط خلال ",a("strong",null,"2–4 أيام"))),a("p",{class:"notice",role:"note"},"يجب أن يكون كامل مبلغ الشراء متاحاً ضمن حد بطاقتك الائتمانية عند الدفع. سيتم حجز المبلغ كاملاً من حدك المتاح فوراً."))))),a("main",{class:"container"},a("section",{class:"grid"},a("div",{class:"card"},a("h2",null,"كيف تعمل؟"),a("ol",{class:"list steps"},a("li",null,"اختر ",a("strong",null,"أقساط أمـوال البنكية")," عند الدفع."),a("li",null,"اختر بنكك ومدة الخطة (3 أو 6 أو 12 شهراً)."),a("li",null,"ادفع بالبطاقة المرتبطة بذلك البنك، أو عبر Apple Pay المرتبط بالبطاقة نفسها."),a("li",null,"بعد الموافقة، يحوّل البنك الشراء إلى أقساط شهرية."))),a("div",{class:"card"},a("h2",null,"الدفعات الشهرية"),a("p",null,"تُخصم الدفعات ",a("strong",null,"تلقائياً")," من رصيدك البنكي أو تُضاف إلى كشف بطاقتك الشهري. لا يلزمك أي إجراء إضافي."),a("p",{class:"notice"},"الحد الأدنى لقيمة الشراء للتقسيط يحدده كل بنك والتاجر."))),a("section",{class:"grid"},a("div",{class:"card example"},a("h2",null,"أمثلة"),a("div",{class:"pair"},a("h3",null,"مصرف الراجحي — أقساط شهرية متساوية"),a("p",null,"يُقسَّم شراء بقيمة 6,000 ريال سعودي إلى دفعات شهرية متساوية حسب الخطة التي تختارها."),a("amwal-installments-timeline",{amount:6e3,"installments-count":"12","enable-installments":"true",locale:"ar","timeline-style":"default","footer-message":""})),a("div",{class:"pair"},a("h3",null,"البنك الأهلي السعودي — أقساط ‎5%‎ شهرياً"),a("p",null,"ضمن خطة 12 شهراً، تدفع ",a("strong",null,"5% من الإجمالي")," في كل دورة. وفي نهاية المدة يُسدد الرصيد المتبقي."),a("amwal-installments-timeline",{amount:6e3,"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}]'})))),a("section",{class:"FAQ"},a("h2",null,"الأسئلة الشائعة"),a("details",null,a("summary",null,a("svg",{width:"14",height:"14",viewBox:"0 0 24 24","aria-hidden":"true"},a("path",{d:"M8 5l8 7-8 7",stroke:"currentColor","stroke-width":"2",fill:"none","stroke-linecap":"round","stroke-linejoin":"round"})),"هل أكسب مكافآت ونقاط البطاقة؟"),a("div",{class:"faq-body"},a("p",null,"نعم. تستمر في كسب مكافآت البطاقة ونقاطها على المشتريات المؤهلة للتقسيط وفق سياسة بنكك."))),a("details",null,a("summary",null,a("svg",{width:"14",height:"14",viewBox:"0 0 24 24","aria-hidden":"true"},a("path",{d:"M8 5l8 7-8 7",stroke:"currentColor","stroke-width":"2",fill:"none","stroke-linecap":"round","stroke-linejoin":"round"})),"متى موعد أول دفعة؟"),a("div",{class:"faq-body"},a("p",null,"عادةً خلال ",a("strong",null,"30–55 يوماً")," من تاريخ الشراء، بحسب دورة الفوترة في بنكك."))),a("details",null,a("summary",null,a("svg",{width:"14",height:"14",viewBox:"0 0 24 24","aria-hidden":"true"},a("path",{d:"M8 5l8 7-8 7",stroke:"currentColor","stroke-width":"2",fill:"none","stroke-linecap":"round","stroke-linejoin":"round"})),"هل يتغير حد بطاقتي؟"),a("div",{class:"faq-body"},a("p",null,"نعم. يُحجز كامل مبلغ الشراء من حد بطاقتك المتاح عند الدفع. وبعد التحويل إلى أقساط قد يعود الحد للتزايد مع سدادك للأقساط (وفق سياسة البنك)."))),a("details",null,a("summary",null,a("svg",{width:"14",height:"14",viewBox:"0 0 24 24","aria-hidden":"true"},a("path",{d:"M8 5l8 7-8 7",stroke:"currentColor","stroke-width":"2",fill:"none","stroke-linecap":"round","stroke-linejoin":"round"})),"ما الخطط المتاحة؟"),a("div",{class:"faq-body"},a("p",null,"الخيارات الشائعة هي ",a("strong",null,"3 أو 6 أو 12 شهراً"),". وتختلف الإتاحة حسب البنك المُصدر والتاجر."))),a("details",null,a("summary",null,a("svg",{width:"14",height:"14",viewBox:"0 0 24 24","aria-hidden":"true"},a("path",{d:"M8 5l8 7-8 7",stroke:"currentColor","stroke-width":"2",fill:"none","stroke-linecap":"round","stroke-linejoin":"round"})),"كم يستغرق تحويل الشراء إلى أقساط؟"),a("div",{class:"faq-body"},a("p",null,"عادةً خلال ",a("strong",null,"2–4 أيام")," بعد إتمام الشراء بنجاح."))),a("details",null,a("summary",null,a("svg",{width:"14",height:"14",viewBox:"0 0 24 24","aria-hidden":"true"},a("path",{d:"M8 5l8 7-8 7",stroke:"currentColor","stroke-width":"2",fill:"none","stroke-linecap":"round","stroke-linejoin":"round"})),"لماذا رُفض طلب التقسيط؟"),a("div",{class:"faq-body"},a("ul",{class:"list"},a("li",null,a("span",{class:"dot"})," البطاقة غير مؤهلة للتقسيط"),a("li",null,a("span",{class:"dot"})," وجود أكثر من أربع خطط تقسيط نشطة على البطاقة نفسها"),a("li",null,a("span",{class:"dot"})," استخدام رصيد مُحمّل/مؤقت لمحاولة زيادة الحد"),a("li",null,a("span",{class:"dot"})," الطلبات خاضعة لشروط وأحكام البنك المُصدر"))))),a("footer",null,a("p",null,"© ",a("span",{id:"year-ar"})," أمـوال. المعلومات لغرض الإرشاد؛ الأهلية والحدود والخطط يحدّدها البنك المُصدر والتاجر."))))}render(){return a("div",{key:"263be6424b9982a41a4ae0dbfa3b65e1eef055ed",class:"amwal-installments-guide"},a("div",{key:"e47cde7808793812dfdb1fa963372ce23cdf38ab",class:"topbar"},a("div",{key:"ff645af949a46aab230f2279c4a0871569f3477b",class:"topbar-inner"},a("a",{key:"f4ff58d8179e837a76d624e77865dc3fb4243a0a",class:"brand",href:"https://amwal.tech",target:"_blank",rel:"noopener noreferrer"},a("img",{key:"fb95ff5f1078cf4e1fb2157200f672ba501952b4",class:"brand-logo",src:"https://cdn.prod.website-files.com/62294ce746440b7bc08b4fc5/624352eb48193d537d329386_1-2.png",alt:"Amwal logo"})),a("div",{key:"a6327ce03042e116389e9788918dbdc89459241f",class:"lang-controls"},a("label",{key:"d68b306f500954140f8bd2c60ac137a7ea368a93",class:"lang-en"},"Language:"),a("label",{key:"00813420149332793a9caf1983805ad4d1304939",class:"lang-ar"},"اللغة:"),a("select",{key:"4fb09dff916fec16d3ead5ddc727d9664d9ca5ae",class:"lang-select","aria-label":"Language selector",ref:e=>this.selectRef=e,onChange:this.handleLanguageChange},a("option",{key:"fbbf979b7c4ced09135dde23305f0839998c7cde",value:"en",selected:!0},"English"),a("option",{key:"14706b60ec1e2554af171e88562402a32f49d2ac",value:"ar"},"العربية"))))),"en"===this.currentLang?this.renderEnglishContent():this.renderArabicContent())}get el(){return this}static get style(){return':root{--brand:#128c4b;--ink:#0b1220;--muted:#5b677a;--bg:#f7f9fc;--card:#ffffff;--border:#e7edf5;--radius:16px;--shadow:0 10px 30px rgba(11, 18, 32, .08)}html,body{height:100%}body{margin:0;font-family:ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";color:var(--ink);background:var(--bg);line-height:1.6}.container{max-width:1120px;margin:auto;padding:24px}header.hero{background:linear-gradient(135deg, rgba(18, 140, 75, .08), transparent 55%), var(--bg);border-bottom:1px solid var(--border)}.hero-inner{display:grid;grid-template-columns:1fr;gap:32px;align-items:center}.badge{display:inline-flex;gap:8px;align-items:center;background:#e8f5ee;color:#0f5532;border:1px solid #ccead9;padding:6px 10px;border-radius:999px;font-weight:600;font-size:12px;letter-spacing:.2px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none}.brand-logo{height:40px;display:block}.hero-top{display:flex;align-items:center;gap:12px;margin-top:4px}.hero-brandline{display:flex;align-items:center;gap:12px}.hero-lang{margin-left:auto}.visually-hidden{position:absolute !important;clip:rect(1px, 1px, 1px, 1px);padding:0;border:0;height:1px;width:1px;overflow:hidden;white-space:nowrap}.title{font-size:clamp(28px, 3vw, 40px);line-height:1.1;margin:12px 0 8px}.subtitle{color:var(--muted);font-size:clamp(14px, 2vw, 18px)}.hero-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 18px}.kpis{display:grid;grid-template-columns:1fr;gap:12px;margin-top:8px}.kpi{display:flex;gap:12px;align-items:flex-start;padding:12px;border:1px dashed var(--border);border-radius:12px;background:#fbfdfc}.kpi svg{flex:0 0 20px}.grid{display:grid;gap:18px}section+section{margin-top:32px}@media (min-width: 900px){.grid-3{grid-template-columns:repeat(3, 1fr)}.grid-2{grid-template-columns:repeat(2, 1fr)}}h2{margin:32px 0 12px;font-size:clamp(20px, 2.2vw, 26px)}h3{margin:14px 0;font-size:18px}p{margin:10px 0}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.list{list-style:none;padding:0;margin:0;display:grid;gap:10px;direction:ltr}.FAQ details{direction:ltr}.list li{display:flex;gap:12px}.list .dot{margin-top:6px;flex:0 0 8px;height:8px;border-radius:50%;background:var(--brand)}.steps{counter-reset:step}.steps li{position:relative;padding-left:42px}.steps li:before{counter-increment:step;content:counter(step);position:absolute;left:0;top:0;width:28px;height:28px;display:grid;place-items:center;background:var(--brand);color:white;border-radius:50%;font-weight:700}.notice{background:#fff9e8;border:1px solid #f3dfad;color:#7a5a10;border-radius:12px;padding:12px}details{border:1px solid var(--border);border-radius:12px;background:var(--card);padding:14px}details+details{margin-top:10px}summary{cursor:pointer;display:flex;align-items:center;gap:10px;font-weight:700}summary svg{transition:transform .2s}details[open] summary svg{transform:rotate(90deg)}.faq-body{margin-top:8px;color:var(--muted)}.faq-body p{margin:0 1.5rem}.kpi svg{width:30px;height:30px}.example{display:grid;gap:14px}.example .pair{display:grid;gap:8px;padding:14px;border:1px dashed var(--border);border-radius:12px}footer{margin:40px 0 8px;color:var(--muted);font-size:12px}.inline-icon{vertical-align:middle;margin-right:6px}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}.lang-en{display:block}.lang-ar{display:none}html[lang="ar"] .lang-en{display:none}html[lang="ar"] .lang-ar{display:block}.topbar{background:var(--card);border-bottom:1px solid var(--border);padding:16px 0}.topbar-inner{max-width:1120px;margin:auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.lang-controls{display:flex;align-items:center;gap:10px}.lang-select{border:1px solid var(--border);background:var(--card);border-radius:10px;padding:6px 10px;font-size:14px;cursor:pointer}html[lang="ar"] body{direction:rtl}[dir="rtl"] .steps li{padding-right:42px;padding-left:0}[dir="rtl"] .steps li:before{right:0;left:auto}[dir="rtl"] .list li{flex-direction:row-reverse}[dir="rtl"] .list .dot{margin-left:0;margin-right:0}[dir="rtl"] summary{flex-direction:row-reverse}html[lang="ar"] .lang-ar details,html[lang="ar"] .lang-ar summary,html[lang="ar"] .lang-ar .faq-body{text-align:right}html[lang="ar"] summary{justify-content:flex-start}'}},[0,"amwal-installments-guide",{locale:[1],currentLang:[32]}]),s=i,r=function(){"undefined"!=typeof customElements&&["amwal-installments-guide","amwal-installments-timeline"].forEach((e=>{switch(e){case"amwal-installments-guide":customElements.get(l(e))||customElements.define(l(e),i);break;case"amwal-installments-timeline":customElements.get(l(e))||n()}}))};export{s as AmwalInstallmentsGuide,r as defineCustomElement}

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

@@ -1,9 +1 @@
-import { A as AmwalInstallmentsTimeline$1, d as defineCustomElement$1 } from './p-hoAPVm-t.js';
-
-const AmwalInstallmentsTimeline = AmwalInstallmentsTimeline$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { AmwalInstallmentsTimeline, defineCustomElement };
-//# sourceMappingURL=amwal-installments-timeline.js.map
-
-//# sourceMappingURL=amwal-installments-timeline.js.map
+import{A as s,d as o}from"./p-Bam2tSRs.js";const t=s,a=o;export{t as AmwalInstallmentsTimeline,a as defineCustomElement}