@amwaljs/checkout-button 0.2.9 → 0.3.1

package/dist/collection/components/amwal-checkout-button/amwal-checkout-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"amwal-checkout-button.js","sourceRoot":"","sources":["../../../src/components/amwal-checkout-button/amwal-checkout-button.tsx"],"names":[],"mappings":"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import {Component, h, Prop, State, Element, Event, Listen, EventEmitter, Watch, Method} from '@stencil/core';\n\nimport '@ionic/core';\n\nimport {TranslationUtils} from '../../lang/i18n';\nimport UAParser from \"ua-parser-js\";\nimport {modalController} from '@ionic/core';\n\n// import amwalLogo from './assets/logo-white.svg';\n// import madaLogo from './assets/mada-light-2.svg';\nimport applePayLogo from './assets/Apple_Pay_logo.svg';\n// import visaLogo from './assets/Visa_Inc._logo.svg';\nimport cardLogo from './assets/card-logo.svg';\n// import masterLogo from './assets/Mastercard-logo.svg';\nimport parsePhoneNumber, {CountryCode} from 'libphonenumber-js';\n\nconst showBrandingCache: Record<string, any> = {};\n\ndeclare global {\n    interface Window {\n        ApplePaySession: any;\n    }\n}\n\nexport interface AmwalCheckoutStatus {\n    orderId: string;\n}\n\nexport interface AmwalDismissalStatus {\n    orderId: string;\n    paymentSuccessful: boolean;\n}\n\nexport interface IShippingMethod {\n    id: string;\n    label: string;\n    price: number;\n}\n\nexport interface StateSpecs {\n    [key: string]: string;\n}\n\nexport interface CitySpecs {\n    [key: string]: Array<string>;\n}\n\nexport interface ICountry {\n    addressCountry: string;\n}\n\nexport interface IState {\n    addressCountry: string;\n    addressState: string;\n}\n\nexport interface IAddress {\n    street1: string;\n    street2?: string;\n    city: string;\n    state: string;\n    postcode: string;\n    country: string;\n}\n\nexport interface IShipping {\n    id: string;\n    label: string;\n    price: number;\n}\n\nexport interface ITransactionDetails {\n    id: string;\n    address_details: IAddress;\n    shipping_details: IShipping;\n    card_bin?: string;\n}\n\nexport interface IErrorDescription {\n    description: string;\n}\n\nexport interface IOrder {\n    order_id: string;\n    order_total_amount: number;\n    card_bin_additional_discount?: number;\n    card_bin_additional_discount_message?: string;\n}\n\nexport interface IOrderDetails {\n    order_position: string;\n    order_content: Array<string>;\n    plugin_version: string;\n    locale?: string;\n}\n\ninterface PublicKeyCredentialFuture extends PublicKeyCredential {\n    isConditionalMediationAvailable?(): Promise<boolean>;\n}\n\n@Component({\n    tag: 'amwal-checkout-button',\n    styleUrl: 'amwal-checkout-button.css',\n})\nexport class AmwalCheckoutButton {\n    // private showBranding = false;\n    private requirePopup = false;\n    private showButton = this.debug;\n    @State() hideIcons = true;\n    private resizeObserver: ResizeObserver;\n\n    /**\n     * merchantId is the key to use obtained from https://merchant.sa.amwal.tech\n     */\n    @Prop() merchantId: string;\n\n    /**\n     * The installment options url is URL for the checkout page in the merchant website\n     */\n    @Prop() installmentOptionsUrl: string;\n\n    /**\n     * The amount of money to charge the customer\n     */\n    @Prop() amount: number;\n\n    /**\n     * The country code of the merchant (e.g. SA)\n     */\n    @Prop() countryCode: CountryCode = \"SA\";\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     * the label of the button. Either checkout for final checkout or quicky-buy for per product buy\n     */\n    @Prop() label?: \"Quick Checkout\" | \"Bank Installments\" | \"Pay with Apple Pay\" = \"Quick Checkout\";\n\n    /**\n     * Dark Mode:\n     *  - on: turns on dark mode\n     *  - off: turns on light mode\n     *  - auto: use customer preference for dark mode\n     */\n    @Prop() darkMode?: \"on\" | \"off\" | \"auto\" = \"off\";\n\n    /**\n     * disables the checkout button\n     */\n    @Prop() disabled?: boolean = false;\n\n    /**\n     * addressRequired specifies if shipping address is required or not (\"true\" or \"false\")\n     */\n    @Prop() addressRequired?: boolean = true;\n\n\n    /**\n     * showPaymentBrands to show supporeted brands under button values are (\"true\" or \"false\")\n     */\n    @Prop() showPaymentBrands?: boolean = false;\n\n    /**\n     * showDiscountRibbon to show discount ribbon values are (\"true\" or \"false\")\n     */\n    @Prop() showDiscountRibbon?: boolean = false;\n\n    /**\n     * initialAddress specifies a default address, Country field is country code (two letter ISO country code)\n     */\n    @Prop() initialAddress?: IAddress;\n\n    /**\n     * allowedAddressCountries specifies an array of allowed countries for the address\n     */\n    @Prop() allowedAddressCountries?: string[];\n\n    /**\n     * allowedAddressStates specifies an array of allowed states for the address example {\"SA\":{\"XX1\":\"State 1\",\"XX2\":\"State 2\"},\"US\":{\"US1\":\"State 1\",\"US2\":\"State 2\"}}\n     */\n    @Prop() allowedAddressStates?: { [index: string]: StateSpecs };\n\n    /**\n     * allowedAddressCities specifies an array of allowed states for the address example {\"SA\":{\"XX1\":[\"Riady\",\"Afif\"],\"XX2\":[\"Jeddah\",\"Makkah\"]},\"US\":{\"US1\":[\"San Jose\",\"San Francisco\"],\"US2\":[\"New york\"]}}\n     */\n    @Prop() allowedAddressCities?: { [index: string]: CitySpecs };\n\n    /**\n     * street2Required specifies if street 2 is required or not (\"true\" or \"false\"). Can only be true if addressRequired is true.\n     */\n    @Prop({attribute: 'street2-required'}) street2Required?: boolean = false;\n\n    /**\n     * emailRequired specifies if email address is required or not (\"true\" or \"false\"). Can only be true if addressRequired is true.\n     */\n    @Prop() emailRequired?: boolean = true;\n\n    /**\n     * initialEmail specifies a default email\n     */\n    @Prop() initialEmail?: string;\n\n    /**\n     * initialFirstName specifies a default first name\n     */\n    @Prop() initialFirstName?: string;\n\n    /**\n     * initialLastName specifies a default last name\n     */\n    @Prop() initialLastName?: string;\n\n    /**\n     * initialPhone specifies a default phone number\n     */\n    @Prop() initialPhoneNumber?: string;\n\n    /**\n     * addressHandshake specifies if address event and ack is activated (\"true\" or \"false\")\n     */\n    @Prop() addressHandshake?: boolean = false;\n\n    /**\n     * enableDynamicShippingDetails specifies if shipping countries, states and cities will load dynamically or prefilled in the parameters\n     */\n    @Prop() enableDynamicShippingDetails?: boolean = false;\n\n    /**\n     * sendExtraAddressFields specifies if extra address fields are sent in amwalAddressUpdate event\n     */\n    @Prop() sendExtraAddressFields?: boolean = false;\n\n    /**\n     * shippingMethods an array of shipping methods\n     */\n    @Prop() shippingMethods?: IShippingMethod[] = [];\n\n    /**\n     * taxes specifies any additional taxes\n     */\n    @Prop() taxes?: number = 0;\n\n    /**\n     * discount specifies any discount to be applied\n     */\n    @Prop() discount?: number = 0;\n\n\n    /**\n     * discountDescription provides description for the discount\n     */\n    @Prop() discountDescription?: string;\n\n    /**\n     * fees specifies any fees to be applied\n     */\n    @Prop() fees?: number = 0;\n\n    /**\n     * feesDescription provides description for the fees\n     */\n    @Prop() feesDescription?: string;\n\n    /**\n     * refId an identifier to be included in the payment transaction\n     */\n    @Prop() refId?: string;\n\n    /**\n     * uniqueRef a boolean to enforce the uniqueness of refId\n     */\n    @Prop() uniqueRef?: boolean = false;\n\n    /**\n     * onlyShowBankInstallment specifies if only bank installments should be shown\n     */\n    @Prop() onlyShowBankInstallment?: boolean = false;\n\n    /**\n     * enableAppleCheckout specifies if Apple Checkout is enabled\n     */\n    @Prop() enableAppleCheckout?: boolean = false;\n\n    /**\n     * Custom api URL (optional). If not provided, uses process.env.BACKEND_URL\n     * Example: 'https://qa.amwal.dev'\n     */\n    @Prop() apiUrl?: string;\n\n    /**\n     * Custom payment page URL (optional). If not provided, uses process.env.PAY_URL\n     * Example: 'https://pay.amwal.dev'\n     */\n    @Prop() payUrl?: string;\n\n    /**\n     *  amwalCheckoutSuccess is a dom event fired on success of payment. the event has orderId field which can be used\n     *  to lookup transaction status at https://backend.sa.amwal.tech\n     */\n    @Event() amwalCheckoutSuccess: EventEmitter<AmwalCheckoutStatus>;\n\n    /**\n     *  updateOrderOnPaymentsuccess is a dom event fired on success of payment. the event has orderId field which can be used\n     *  to lookup transaction status at https://backend.sa.amwal.tech\n     */\n    @Event() updateOrderOnPaymentsuccess: EventEmitter<AmwalCheckoutStatus>;\n\n    /**\n     *  amwalDismissed is a dom event fired when the amwal modal or popup window is dismissed, event.detail indicates if it's successfull or not (boolean)\n     */\n    @Event() amwalDismissed: EventEmitter<AmwalDismissalStatus>;\n\n    /**\n     *  amwalAddressUpdate is a dom event fired on address selection.\n     */\n    @Event() amwalAddressUpdate: EventEmitter<IAddress>;\n\n    /**\n     *  amwalAddressCountryUpdate is a dom event fired on address country selection.\n     */\n    @Event() amwalAddressCountryUpdate: EventEmitter<ICountry>;\n\n    /**\n     *  amwalAddressStateUpdate is a dom event fired on address country selection.\n     */\n    @Event() amwalAddressStateUpdate: EventEmitter<IState>;\n\n    /**\n     * debug flag for verbose printing of debug messages\n     */\n    @Prop() debug?: boolean = false;\n\n    /**\n     * debug flag for verbose printing of debug messages\n     */\n    @Prop() showContinueShoppingButton?: boolean = false;\n\n    /**\n     * enable triggering a pre pay event to do final task such as order creation\n     */\n    @Prop() enablePrePayTrigger?: boolean = false;\n\n    /**\n     *  amwalPrePayTrigger is a dom event fired once payment button is clicked before payment is processed. It is\n     *  enabled if enablePrePayTrigger is set. It waits for either amwalPrePayTriggerAck or amwalPrePayTriggerError\n     *  events to be sent back before proceeding to payment or aborting respectively.\n     */\n    @Event() amwalPrePayTrigger: EventEmitter<ITransactionDetails>;\n\n    /**\n     * enable triggering a pre checkout click event to do initial tasks such as adding items to carts\n     */\n    @Prop() enablePreCheckoutTrigger?: boolean = false;\n\n    /**\n     *  amwalPreCheckoutTrigger is a dom event fired once amwal checkout button is clicked before a transaction is created. It is\n     *  enabled if enablePreCheckoutTrigger is set. It waits for either amwalPreCheckoutTriggerAck or amwalPreCheckoutTriggerError\n     *  events to be sent back before proceeding with the normal checkout flow.\n     */\n    @Event() amwalPreCheckoutTrigger: EventEmitter<ITransactionDetails>;\n\n    /**\n     * enable postal code required option\n     */\n    @Prop() postcodeOptionalCountries?: string[];\n\n    /**\n     * Number of installments\n     */\n    @Prop() installmentsCount: number = 6;\n\n    /**\n     *  * timelineStyle specifies the style of the timeline in the checkout modal.\n     */\n    @Prop() timelineStyle: 'default' | 'simple' = 'default';\n\n    /**\n     *  * timelineFooterText specifies the text to be displayed in the footer of the timeline in the checkout modal.\n     *\n     */\n    @Prop() footerMessage: string = '';\n\n    private waitingForPreCheckoutTriggerAck = false;\n\n    /**\n     * Get the backend URL - uses custom apiUrl prop if provided, otherwise falls back to process.env.BACKEND_URL\n     */\n    private getApiUrl(): string {\n        return this.apiUrl || (typeof process !== 'undefined' ? process.env.BACKEND_URL : null) || 'https://backend.sa.amwal.tech';\n    }\n\n    /**\n     * Get the payment page URL - uses custom payUrl prop if provided, otherwise falls back to process.env.PAY_URL\n     */\n    private getPayUrl(): string {\n        return this.payUrl || (typeof process !== 'undefined' ? process.env.PAY_URL : null) || 'https://pay.sa.amwal.tech';\n    }\n\n    @Listen('amwalPreCheckoutTriggerAck')\n    prePayCheckoutAckHandler(event: CustomEvent<IOrderDetails>) {\n        this.debugMsg(\"Pre Checkout Trigger Ack Received\");\n        this.debugMsg(\"Current Amount: \", this.amount);\n        this.debugMsg(\"Current Taxes: \", this.taxes);\n        this.debugMsg(\"Current Discount: \", this.discount);\n        this.debugMsg(\"Current Fees: \", this.fees);\n        this.debugMsg(\"Order Details: \", event.detail);\n        event.detail.locale = this.locale\n        if (this.waitingForPreCheckoutTriggerAck) {\n            this.waitingForPreCheckoutTriggerAck = false;\n            this.createTransaction({...event.detail});\n        } else {\n            this.debugMsg(\"Error: Unexpected or repeated amwalPreCheckoutTriggerAck\");\n        }\n    }\n\n    @Listen('amwalPreCheckoutTriggerError')\n    prePayCheckoutErrorHandler(event: CustomEvent<IErrorDescription>) {\n        this.debugMsg(`Pre Checkout Trigger Error Received: ${event.detail}`);\n        if (this.waitingForPreCheckoutTriggerAck) {\n            this.waitingForPreCheckoutTriggerAck = false;\n            this.orderError = event.detail;\n            this.sendOrderDetails();\n        } else {\n            this.debugMsg(\"Error: Unexpected or repeated amwalPreCheckoutTriggerError\");\n        }\n    }\n\n    private waitingForPrePayTriggerAck = false;\n\n    @Listen('amwalPrePayTriggerAck')\n    prePayTriggerAckHandler(event: CustomEvent<IOrder>) {\n        this.debugMsg(\"Pre Pay Trigger Ack Received\");\n        this.debugMsg(\"Current Shipping Methods: \", this.shippingMethods);\n        this.debugMsg(\"Current Taxes: \", this.taxes);\n        this.debugMsg(\"Current Discount: \", this.discount);\n        this.debugMsg(\"Current Fees: \", this.fees);\n        if (this.waitingForPrePayTriggerAck) {\n            this.waitingForPrePayTriggerAck = false;\n            this.payWindow?.postMessage({\n                type: 'pre-pay-trigger-ack',\n                shippingMethods: this.shippingMethods,\n                taxes: this.taxes,\n                discount: this.discount,\n                discountDescription: this.discountDescription,\n                fees: this.fees,\n                feesDescription: this.feesDescription,\n                amount: this.amount,\n                ...event.detail\n            }, '*');\n        } else {\n            this.debugMsg(\"Error: Unexpected or repeated amwalPrePayTriggerAck\");\n        }\n    }\n\n    @Listen('amwalPrePayTriggerError')\n    prePayTriggerErrorHandler(event: CustomEvent<IErrorDescription>) {\n        this.debugMsg(\"Pre Pay Trigger Error Received\");\n        if (this.waitingForPrePayTriggerAck) {\n            this.waitingForPrePayTriggerAck = false;\n            this.payWindow?.postMessage({\n                type: 'pre-pay-trigger-error',\n                ...event.detail,\n            }, '*');\n        } else {\n            this.debugMsg(\"Error: Unexpected or repeated amwalPrePayTriggerError\");\n        }\n    }\n\n    @Watch('shippingMethods')\n    parseMyArrayProp(newValue: string, _oldValue: string) {\n        const newVal = typeof newValue === 'string' ? JSON.parse(newValue) : newValue;\n        if (Array.isArray(newVal)) {\n            this.debugMsg(\"Setting shippingMethods to:\", newVal);\n            this.shippingMethods = newVal;\n        } else {\n            this.debugMsg(\"Failed to set shippingMethods to:\", newVal);\n        }\n    }\n\n    @Watch('initialAddress')\n    parseInitiaalAddressProp(newValue: string, _oldValue: string) {\n        this.initialAddress = typeof newValue === 'string' ? JSON.parse(newValue) : newValue;\n    }\n\n    @Watch('allowedAddressCountries')\n    parseAllowedAddressCountries(newValue: string, _oldValue: string) {\n        const newVal = typeof newValue === 'string' ? JSON.parse(newValue) : newValue;\n        if (Array.isArray(newVal)) {\n            this.debugMsg(\"Setting allowedAddressCountries to:\", newVal);\n            this.allowedAddressCountries = newVal;\n        } else {\n            this.debugMsg(\"Failed to set allowedAddressCountries to:\", newValue);\n        }\n    }\n\n    @Watch('postcodeOptionalCountries')\n    parsepostcodeOptionalCountries(newValue: string, _oldValue: string) {\n        const newVal = typeof newValue === 'string' ? JSON.parse(newValue) : newValue;\n        if (Array.isArray(newVal)) {\n            this.debugMsg(\"Setting postcodeOptionalCountries to:\", newVal);\n            this.postcodeOptionalCountries = newVal;\n        } else {\n            this.debugMsg(\"Failed to set postcodeOptionalCountries to:\", newValue);\n        }\n    }\n\n    @Watch('allowedAddressStates')\n    parseAllowedAddressStates(newValue: string, _oldValue: string) {\n        const newVal = typeof newValue === 'string' ? JSON.parse(newValue) : newValue;\n        if (newVal) {\n            this.debugMsg(\"Setting allowedAddressStates to:\", newVal);\n            this.allowedAddressStates = newVal;\n        } else {\n            this.debugMsg(\"Failed to set allowedAddressStates to:\", newValue);\n        }\n    }\n\n    @Watch('allowedAddressCities')\n    parseAllowedAddressCities(newValue: string, _oldValue: string) {\n        const newVal = typeof newValue === 'string' ? JSON.parse(newValue) : newValue;\n        if (newVal) {\n            this.debugMsg(\"Setting allowedAddressCities to:\", newVal);\n            this.allowedAddressCities = newVal;\n        } else {\n            this.debugMsg(\"Failed to set allowedAddressCities to:\", newValue);\n        }\n    }\n\n    @Watch('locale')\n    async updateLocale(newValue: string) {\n        this.locale = newValue;\n        this.t = await TranslationUtils.useTranslation(this.locale);\n    }\n\n    @Watch('discount')\n    validateDiscount(newValue: number, _oldValue: number) {\n        const isNumber = typeof newValue === 'number';\n        if (isNumber) {\n            if (newValue >= this.amount) {\n                throw new Error('Discount must be less than amount field')\n            }\n        } else {\n            throw new Error('Discount has to be a number')\n        }\n    }\n\n    @Watch('fees')\n    validateFees(newValue: number, _oldValue: number) {\n        const isNumber = typeof newValue === 'number';\n        if (!isNumber) {\n            throw new Error('Fees has to be a number')\n        }\n    }\n\n    private _agentResult: any = null;\n\n    private get agent() {\n        if (!this._agentResult) {\n            this._agentResult = new (UAParser as any)(window.navigator.userAgent);\n        }\n        return this._agentResult;\n    }\n\n    @Element() el: HTMLElement;\n\n    private checkoutModalEl!: HTMLIonModalElement;\n    private payWindow?: Window;\n    private t: (val: string) => string;\n    private useModal: boolean;\n    private orderError?: IErrorDescription;\n    @State() result: any;\n\n    @State() paymentSuccessful = false;\n    @State() orderId = \"\";\n    @State() dark: boolean;\n    @State() internallyDisabled: boolean = false;\n\n    prefersDark = window.matchMedia('(prefers-color-scheme: dark)');\n\n    toggleDark(matches: boolean) {\n        this.dark = this.darkMode == 'on' || (this.darkMode == 'auto' && matches);\n    }\n\n    private debugMsg(...args) {\n        if (this.debug) {\n            console.log(...args);\n        }\n    }\n\n    async componentWillLoad() {\n        // https://w3c.github.io/webauthn/#dom-publickeycredential-isconditionalmediationavailable\n        const cacheKey = `${this.merchantId}-${this.countryCode}`;\n        let config = showBrandingCache[cacheKey];\n        if (!config) {\n            try {\n                const fromSession = sessionStorage.getItem('amwal-showbrand-' + cacheKey);\n                if (fromSession) {\n                    config = JSON.parse(fromSession);\n                }\n            } catch (e) {\n                console.log(e);\n            }\n        }\n\n        if (!config) {\n            try {\n                const response = await fetch(`${this.getApiUrl()}/showbrand/`, {\n                    headers: {\n                        'Content-Type': 'application/json',\n                        'Amwal': this.merchantId,\n                    }\n                });\n                if (response.ok) {\n                    config = await response.json();\n                    showBrandingCache[cacheKey] = config;\n                    try {\n                        sessionStorage.setItem('amwal-showbrand-' + cacheKey, JSON.stringify(config));\n                    } catch (e) {\n                        console.log(e);\n                    }\n                }\n            } catch (e) {\n                console.log(e);\n            }\n        }\n\n        if (config) {\n            // this.showBranding = config.SHOW_BRANDING;\n            this.requirePopup = config.REQUIRE_POPUP && (window.top !== window.self);\n            this.showButton = true;\n        }\n\n        try {\n            this.t = await TranslationUtils.useTranslation(this.locale);\n        } catch (e) {\n            console.error('Failed to initialize translation:', e);\n        }\n\n        const publickeycredential = window?.PublicKeyCredential as unknown as PublicKeyCredentialFuture\n        const isConditionalMediationAvailable = publickeycredential?.isConditionalMediationAvailable;\n        const browserSupportsWebauthnAutofill = isConditionalMediationAvailable ? await isConditionalMediationAvailable() : false;\n        const browserName = this.agent.browser.name;\n        const osName = this.agent.os.name;\n        const firefoxOnMac = browserName === \"Firefox\" && osName == \"Mac OS\";\n        const chromeOnNonIOS = ((browserName === \"Chrome\" || browserName === \"Edge\") && osName !== \"iOS\");\n        const supportedBrowsers = [\"Chrome\", \"Edge\", \"Firefox\", \"Safari\"];\n        const mobileOnSocialMediaBrowsers = (osName === \"iOS\" || osName === \"Android\") && !supportedBrowsers.includes(browserName);\n        //const useAppleCheckout = this.enableAppleCheckout && this.isApplePaySupported()\n        this.useModal = !this.requirePopup && !this.isApplePaySupported() &&\n            (browserSupportsWebauthnAutofill\n                || chromeOnNonIOS\n                || firefoxOnMac\n                || mobileOnSocialMediaBrowsers);\n        this.toggleDark(this.prefersDark.matches);\n        this.prefersDark.addEventListener('change', (e) => this.toggleDark(e.matches));\n        this.shippingMethods = JSON.parse(this.el.getAttribute('shipping-methods'));\n        this.initialAddress = JSON.parse(this.el.getAttribute('initial-address'));\n        this.allowedAddressCountries = JSON.parse(this.el.getAttribute('allowed-address-countries'));\n        this.postcodeOptionalCountries = JSON.parse(this.el.getAttribute('postcode-optional-countries'));\n        this.allowedAddressStates = JSON.parse(this.el.getAttribute('allowed-address-states'));\n        this.allowedAddressCities = JSON.parse(this.el.getAttribute('allowed-address-cities'));\n    }\n\n    async componentDidLoad() {\n        this.computeHideIcons(this.el.offsetWidth);\n\n        if (this.resizeObserver) {\n            this.resizeObserver.disconnect();\n        }\n\n        // Wait for next tick to ensure shadow DOM is ready\n        await new Promise(resolve => setTimeout(resolve, 0));\n\n        const ionButton = this.el.querySelector('ion-button');\n        if (!ionButton) {\n            // Button is hidden or not rendered\n            return;\n        }\n\n        // Wait for shadow root if needed\n        if (!ionButton.shadowRoot) {\n            await customElements.whenDefined('ion-button');\n        }\n\n        const button = ionButton.shadowRoot?.querySelector('button');\n        if (button) {\n            this.resizeObserver = new ResizeObserver(entries =>\n                entries.forEach(entry => {\n                    this.computeHideIcons(entry.contentRect.width);\n                })\n            );\n            this.resizeObserver.observe(button);\n        }\n    }\n\n    disconnectedCallback() {\n        if (this.resizeObserver) {\n            this.resizeObserver.disconnect();\n        }\n    }\n\n    private sendOrderDetails() {\n        if (this.payWindow && !this.paymentSuccessful) {\n            if (this.orderError) {\n                this.payWindow.postMessage({\n                    type: 'amwal-order-error',\n                    ...this.orderError,\n                }, '*');\n            } else if (this.orderId) {\n                const orderDetails = {\n                    type: 'amwal-order-id',\n                    id: this.orderId,\n                    darkMode: this.darkMode,\n                    lang: this.locale,\n                    addressRequired: this.addressRequired,\n                    street2Required: this.street2Required,\n                    emailRequired: this.emailRequired,\n                    addressHandshake: this.addressHandshake,\n                    sendExtraAddressFields: this.sendExtraAddressFields,\n                    enableDynamicShippingDetails: this.enableDynamicShippingDetails,\n                    enablePrePayTrigger: this.enablePrePayTrigger,\n                    shippingMethods: this.shippingMethods,\n                    taxes: this.taxes,\n                    discount: this.discount,\n                    discountDescription: this.discountDescription,\n                    fees: this.fees,\n                    feesDescription: this.feesDescription,\n                    initialEmail: this.initialEmail,\n                    initialFirstName: this.initialFirstName,\n                    initialLastName: this.initialLastName,\n                    initialPhoneNumber: this.initialPhoneNumber,\n                    initialAddress: this.initialAddress,\n                    allowedAddressCountries: this.allowedAddressCountries,\n                    allowedAddressStates: this.allowedAddressStates,\n                    allowedAddressCities: this.allowedAddressCities,\n                    installmentOptionsUrl: this.installmentOptionsUrl,\n                    postcodeOptionalCountries: this.postcodeOptionalCountries,\n                    onlyShowBankInstallment: this.onlyShowBankInstallment,\n                    enableAppleCheckout: this.enableAppleCheckout\n                }\n                this.payWindow.postMessage(orderDetails, '*');\n                this.debugMsg(\"Sent Order details: \", orderDetails)\n            }\n        }\n    }\n\n    private async createTransaction(orderDetails: IOrderDetails = undefined) {\n        try {\n            let client_phone_number = undefined;\n            try {\n                const parsedNumber = parsePhoneNumber(this.initialPhoneNumber, this.countryCode)\n                if (parsedNumber && parsedNumber.isValid()) {\n                    client_phone_number = parsedNumber.number\n                }\n            } catch (err) {\n                console.log(err);\n            }\n            const modalLang = orderDetails?.locale ?? this.locale ?? 'en'\n            const payload = {\n                merchantID: this.merchantId,\n                amount: this.amount,\n                taxes: this.taxes,\n                discount: this.discount,\n                fees: this.fees,\n                installmentOptionsUrl: this.installmentOptionsUrl,\n                client_email: this.initialEmail,\n                client_first_name: this.initialFirstName,\n                client_last_name: this.initialLastName,\n                client_phone_number,\n                trx_lang: modalLang,\n                address_details: this.initialAddress,\n                ...(orderDetails ? {\n                    order_details: orderDetails\n                } : undefined),\n                ...(this.shippingMethods?.length == 1 ? {\n                    shipping: this.shippingMethods[0].price,\n                    shipping_details: this.shippingMethods[0]\n                } : undefined),\n                ...(this.refId ? {refId: this.refId, uniqueRef: this.uniqueRef} : undefined)\n            };\n            const response = await fetch(`${this.getApiUrl()}/transactions/`, {\n                method: 'POST',\n                headers: {\n                    'Content-Type': 'application/json',\n                    'Amwal': this.merchantId,\n                },\n                body: JSON.stringify({\n                    ...payload\n                })\n            });\n            this.result = await response.json();\n            if (!response.ok) {\n                throw this.result.detail ?? response.statusText;\n            }\n            this.orderId = this.result.id;\n\n        } catch (e) {\n            console.log(e);\n            this.orderError = {\n                description: e.toString(),\n            }\n        }\n        this.sendOrderDetails();\n    }\n\n    private async handleCheckout() {\n        this.orderId = undefined;\n        this.orderError = undefined;\n        this.internallyDisabled = true;\n        if (this.useModal) {\n            await this.presentModal();\n        } else {\n            this.openPopup()\n            document.body.classList.add(\"amwal-overlay-active\");\n            document.body.appendChild(this.el.querySelector('#amwal-overlay-id'));\n            const timer = setInterval(() => {\n                // all popup urls shouldn't have \"Cross-Origin-Opener-Policy\" header set otherwise window.closed will be true\n                // https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Cross-Origin-Opener-Policy\n                if (this.payWindow?.closed) {\n                    try {\n                        document.body.classList.remove(\"amwal-overlay-active\");\n                        const overlayElement = document.body.removeChild(document.querySelector('body > #amwal-overlay-id'))\n                        this.el.querySelector('#amwal-overlay-template').appendChild(overlayElement);\n                        this.sendDismissEvent();\n                    } catch (err) {\n                        console.log(err);\n                    } finally {\n                        clearInterval(timer);\n                    }\n                }\n            }, 200);\n        }\n        this.payWindow?.postMessage({type: \"amwal-lang\", lang: this.locale}, '*');\n        if (this.enablePreCheckoutTrigger) {\n            this.waitingForPreCheckoutTriggerAck = true;\n            this.amwalPreCheckoutTrigger.emit();\n        } else {\n            this.createTransaction();\n        }\n    }\n\n    private async presentModal() {\n        const div = document.createElement('div');\n        div.innerHTML = `\n    <iframe\n      name=\"amwal-pay\" allow=\"publickey-credentials-get; geolocation; payment\"\n      style=\"flex: 1; border: none;\"\n      src=${this.getPayUrl()}\n      />\n    `;\n\n        this.checkoutModalEl = await modalController.create({\n            component: div,\n            canDismiss: false,\n        });\n\n        await this.checkoutModalEl.present();\n\n        const iframeEl = document.getElementsByTagName(\"iframe\").namedItem(\"amwal-pay\");\n\n        this.payWindow = iframeEl?.contentWindow;\n    }\n\n    private setSuccess(success: boolean) {\n        this.paymentSuccessful = success;\n        if (this.paymentSuccessful) {\n\n            this.amwalCheckoutSuccess.emit({\n                orderId: this.orderId,\n            });\n\n        }\n    }\n\n    @Method()\n    async dismissModal() {\n        if (this.checkoutModalEl) {\n            this.checkoutModalEl.canDismiss = true;\n            await modalController.dismiss();\n            this.checkoutModalEl = undefined;\n        }\n        this.sendDismissEvent();\n    }\n\n    async sendDismissEvent() {\n        if (this.orderId && !this.paymentSuccessful) {\n            try {\n                const response = await fetch(`${this.getApiUrl()}/transactions/${this.orderId}`);\n                const order = await response.json();\n                this.setSuccess(order.status === 'success');\n            } catch (error) {\n                console.error(error);\n            }\n            ;\n        }\n        this.internallyDisabled = false;\n        this.amwalDismissed.emit({\n            orderId: this.orderId,\n            paymentSuccessful: this.paymentSuccessful\n        });\n        this.orderId = \"\"\n        this.paymentSuccessful = false\n    }\n\n    @Listen('message', {target: 'window'})\n    payWindowMessageHandler(ev: MessageEvent) {\n        let match = true;\n        try {\n            const message = JSON.parse(ev.data);\n            if (message.sender === \"MF-3DSecure\") {\n                const url = message.url;\n                if (url) {\n                    this.payWindow.location.href = url;\n                    return\n                }\n            }\n        } catch (error) {\n            //console.log(error);\n        }\n        if (ev.data == 'query-dark-mode') {\n            this.payWindow?.postMessage({\n                type: 'dark-mode',\n                darkMode: this.darkMode,\n            }, '*')\n        } else if (ev.data == 'query-lang') {\n            this.payWindow?.postMessage({\n                type: 'lang',\n                lang: this.locale,\n                showContinueShoppingButton: this.showContinueShoppingButton,\n            }, '*')\n        } else if (ev.data == 'query-amwal-order-id') {\n            this.sendOrderDetails()\n        } else if (ev.data === 'dismiss') {\n            this.dismissModal();\n        } else if (this.orderId) {\n            //following messages result in emitted events. to avoid duplicate event firing, only button with orderId is triggered\n            if (ev.data === 'paymentSuccessful') {\n                this.setSuccess(true);\n            } else if (ev.data === 'updateOrderOnPaymentsuccess') {\n                this.updateOrderOnPaymentsuccess.emit({\n                    orderId: this.orderId,\n                });\n            } else if (ev.data.type === 'address-country-update') {\n                this.waitingForAddressCountryAck = true;\n                this.amwalAddressCountryUpdate.emit({\n                    ...ev.data\n                });\n            } else if (ev.data.type === 'address-state-update') {\n                this.waitingForAddressStateAck = true;\n                this.amwalAddressStateUpdate.emit({\n                    ...ev.data\n                });\n            } else if (ev.data.type == 'amwal-address-update') {\n                this.waitingForAddressAck = true;\n                this.amwalAddressUpdate.emit({\n                    ...ev.data.address,\n                    orderId: this.orderId\n                });\n            } else if (ev.data.type == 'amwal-pre-pay-trigger') {\n                this.waitingForPrePayTriggerAck = true;\n                this.amwalPrePayTrigger.emit(ev.data.transactionDetails);\n            } else {\n                match = false;\n            }\n        } else {\n            match = false;\n        }\n        if (match) {\n            this.debugMsg(ev);\n        }\n    }\n\n    private waitingForAddressAck = false;\n\n    @Listen('amwalAddressAck')\n    addressAckHandler() {\n        this.debugMsg(\"Address Ack Received\");\n        this.debugMsg(\"Current Shipping Methods: \", this.shippingMethods);\n        this.debugMsg(\"Current Taxes: \", this.taxes);\n        this.debugMsg(\"Current Discount: \", this.discount);\n        this.debugMsg(\"Current Fees: \", this.fees);\n        if (this.waitingForAddressAck) {\n            this.waitingForAddressAck = false;\n            this.payWindow?.postMessage({\n                type: 'amwal-address-ack',\n                shippingMethods: this.shippingMethods,\n                taxes: this.taxes,\n                discount: this.discount,\n                discountDescription: this.discountDescription,\n                fees: this.fees,\n                feesDescription: this.feesDescription,\n                amount: this.amount,\n            }, '*')\n        } else {\n            this.debugMsg(\"Error: Unexpected or repeated amwalAddressAck\");\n        }\n    }\n\n    @Listen('amwalAddressTriggerError')\n    addressTriggerErrorHandler(event: CustomEvent<IErrorDescription>) {\n        this.debugMsg(\"Address Trigger Error Received\");\n        if (this.waitingForAddressAck) {\n            this.waitingForAddressAck = false;\n            this.payWindow?.postMessage({\n                type: 'amwal-address-trigger-error',\n                ...event.detail,\n            }, '*');\n        } else {\n            this.debugMsg(\"Error: Unexpected or repeated amwalAddressTriggerError\");\n        }\n    }\n\n    private waitingForAddressCountryAck = false;\n\n    @Listen('amwalAddressCountryAck')\n    addressCountryAckHandler() {\n        if (this.waitingForAddressCountryAck) {\n            this.waitingForAddressCountryAck = false;\n            this.payWindow?.postMessage({\n                type: 'amwal-address-country-ack',\n                allowedAddressStates: this.allowedAddressStates,\n            }, '*')\n        } else {\n            this.debugMsg(\"Error: Unexpected or repeated amwalAddressCountryAck\");\n        }\n    }\n\n\n    private waitingForAddressStateAck = false;\n\n    @Listen('amwalAddressStateAck')\n    addressStateAckHandler() {\n        if (this.waitingForAddressStateAck) {\n            this.waitingForAddressStateAck = false;\n            this.payWindow?.postMessage({\n                type: 'amwal-address-state-ack',\n                allowedAddressCities: this.allowedAddressCities,\n            }, '*')\n        } else {\n            this.debugMsg(\"Error: Unexpected or repeated amwalAddressStateAck\");\n        }\n    }\n\n    private openPopup() {\n        this.payWindow?.close()\n        const popupWidth = 500;\n        const popupHeight = 860;\n        const popupLeft = window.screenLeft + (screen.width - popupWidth) / 2;\n        const popupTop = window.screenTop + (screen.height - popupHeight) / 4;\n        const strWindowFeatures = `modal=yes, width=${popupWidth}, height=${popupHeight}, top=${popupTop}, left=${popupLeft}`;\n        this.payWindow = window.open(this.getPayUrl(), 'amwal-pay', strWindowFeatures);\n        this.payWindow.focus()\n    }\n\n    private checkBrowserType() {\n        return this.agent.browser.name\n    }\n\n    private isApplePaySupported() {\n        // const osName = this.agent.os.name;\n        // const browserName = this.agent.browser.name;\n        // console.log('browserName ', browserName, ' / osName ', osName)\n        // return osName && browserName && (osName === 'iOS' || osName === 'Mac OS' || osName === 'iPadOS') && (browserName === 'Safari' || browserName === 'Chrome');\n        try {\n            return window.ApplePaySession?.canMakePayments();\n        } catch (e) {\n            console.error(e);\n        }\n        return false;\n    }\n\n    private computeHideIcons(buttonWidth: number) {\n        if (buttonWidth) {\n            const ribbonShown = this.showDiscountRibbon && this.discount > 0 && this.amount > 0;\n            const appleMaxWidth = ribbonShown ? 270 : 220;\n            const nonAppleMaxWidth = ribbonShown ? 220 : 170;\n            const newHideIcons = buttonWidth < (this.isApplePaySupported() ? appleMaxWidth : nonAppleMaxWidth);\n            if (this.hideIcons !== newHideIcons) {\n                this.hideIcons = newHideIcons\n            }\n        }\n    }\n\n    private formatNumber(value: number): number {\n        return Number(value.toFixed(2));\n    }\n\n    private getNetAmount(): number {\n        const netAmount = this.amount + (this.taxes ?? 0) + (this.fees ?? 0) - (this.discount ?? 0);\n        return this.formatNumber(netAmount);\n    }\n\n    render() {\n        return [\n            <div>\n                <link href='https://fonts.googleapis.com/css?family=Cairo' rel='stylesheet'></link>\n                {this.paymentSuccessful ?\n                    <center>\n                        <ion-text>\n                            {this.t(\"Your Payment has been processed successfully!\")}\n                        </ion-text>\n                        ,\n                        <div style={{width: '40px', height: '40px', margin: '10px'}}\n                             class={this.paymentSuccessful ? undefined : 'hidden'}>\n                            <svg version=\"1.1\" id=\"Capa_1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\"\n                                 viewBox=\"0 0 50 50\" style={{\"enable-background\": \"new 0 0 50 50;\"}}>\n                                <circle style={{fill: \"#25AE88\"}} cx=\"25\" cy=\"25\" r=\"25\"/>\n                                <polyline style={{\n                                    fill: 'none',\n                                    stroke: '#FFFFFF',\n                                    'stroke-width': '2',\n                                    'stroke-linecap': 'round',\n                                    'stroke-linejoin': 'round',\n                                    'stroke-miterlimit': '10'\n                                }} points=\"38,15 22,33 12,25\"/>\n                            </svg>\n                        </div>\n                    </center>\n                    :\n                    <center hidden={!this.showButton}>\n                        <amwal-installments-timeline\n                            enable-installments={this.onlyShowBankInstallment}\n                            installments-count={this.installmentsCount}\n                            locale={this.locale}\n                            amount={this.getNetAmount()}\n                            timeline-style={this.timelineStyle}\n                            footer-message={this.footerMessage}\n                        >\n                        </amwal-installments-timeline>\n                        <ion-button class={`amwal-checkout-button`} color=\"dark\" onClick={() => this.handleCheckout()}\n                                    disabled={this.disabled || this.internallyDisabled}>\n                            {\n                                !this.hideIcons && this.showDiscountRibbon && this.discount > 0 && this.amount > 0 &&\n                                <div class={'ribbon'}><span class={'ribbon-text'}>{this.t(\"OFF\")} <br/>\n                                    {this.formatNumber((this.discount / (this.amount + (this.taxes ?? 0) + (this.fees ?? 0))) * 100) + '%'}\n                </span></div>\n                            }\n                            <div class='payment-brand-class' slot={this.locale === 'ar' ? \"start\" : \"end\"}>\n                                <div>{this.isApplePaySupported() && <img width={63} src={applePayLogo}/>}<img width={60}\n                                                                                                              src={cardLogo}/>\n                                </div>\n                            </div>\n                            {this.locale === 'ar' && <div class=\"vl\"></div>}\n                            <div class='button-text'>{this.t(this.label)} </div>\n                            {this.locale === 'en' && <div class=\"vl\"></div>}\n                        </ion-button>\n                        {/* {\n              this.showPaymentBrands &&\n              <center class=\"payment-brand-class\">\n                <img class='mada-logo' src={madaLogo} />\n                <img class='logo-white' src={visaLogo} />\n                <img class='logo-white' src={masterLogo} />\n                {\n                  this.checkBrowserType().includes('Safari') &&\n                  <img class='logo-white' src={applePayLogo} />\n                }\n              </center>\n            } */}\n                    </center>\n                }\n            </div>,\n            <template id=\"amwal-overlay-template\">\n                <div class=\"amwal-overlay\" id=\"amwal-overlay-id\">\n                    <div class=\"amwal-overlay-container\">\n            <span class=\"amwal-overlay-close\" onClick={() => this.payWindow?.close()}>\n              &#x2715;\n            </span>\n                        <p>\n                            {this.t(\"Don't see your checkout window?\")}\n                        </p>\n                        <a role=\"button\" class=\"amwal-overlay-button\" onClick={() => {\n                            if (this.checkBrowserType() === 'Safari' || !this.payWindow) {\n                                this.openPopup()\n                            } else {\n                                this.payWindow.focus()\n                            }\n                        }}>\n                            {this.t(\"Click here\")}\n                        </a>\n                    </div>\n                </div>\n            </template>\n        ];\n    }\n}"]}

package/dist/collection/components/amwal-checkout-button/amwal-checkout-button.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"amwal-checkout-button.stories.js","sourceRoot":"","sources":["../../../src/components/amwal-checkout-button/amwal-checkout-button.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["export default {\n  // this creates a 'Components' folder and a 'AmwalCheckoutButton' subfolder\n  title: 'Components/AmwalCheckoutButton',\n  parameters: {\n    notes: require('./readme.md')\n  },\n  argTypes: {\n    darkMode: {\n      options: ['on', 'off', 'auto'],\n      control: { type: 'select' },\n    },\n    locale: {\n      options: ['en', 'ar'],\n      control: { type: 'select' },\n    },\n    label: {\n      options: ['Quick Checkout', 'Pay with Apple Pay', 'Bank Installments'],\n      control: { type: 'select' },\n    },\n    countryCode: {\n      options: ['SA', 'AE'],\n      control: { type: 'select' },\n    },\n    timelineStyle: {\n      options: ['default', 'simple'],\n      control: { type: 'select' },\n    }\n  },\n};\n\nconst Template = (args) =>\n    `<amwal-checkout-button\n    merchant-id=\"${args.merchantId}\"\n    installment-options-url=\"${args.installmentOptionsUrl}\"\n    postcode-optional-countries='${JSON.stringify(args.postcodeOptionalCountries)}'\n    amount=\"${args.amount}\"\n    country-code=\"${args.countryCode}\"\n    locale=\"${args.locale}\"\n    dark-mode=\"${args.darkMode}\",\n    email-required=\"${args.emailRequired}\"\n    street2-required=\"${args.street2Required}\"\n    initial-email=\"${args.initialEmail}\"\n    initial-first-name=\"${args.initialFirstName}\"\n    initial-last-name=\"${args.initialLastName}\"\n    address-required=\"${args.addressRequired}\"\n    initial-address='${JSON.stringify(args.initialAddress)}'\n    allowed-address-countries='${JSON.stringify(args.allowedAddressCountries)}'\n    allowed-address-states='${JSON.stringify(args.allowedAddressStates)}'\n    allowed-address-cities='${JSON.stringify(args.allowedAddressCities)}'\n    initial-phone-number=\"${args.initialPhoneNumber}\"\n    address-handshake=\"${args.addressHandShake}\"\n    send-extra-address-fields=\"${args.sendExtraAddressFields}\"\n    shipping-methods='${JSON.stringify(args.shippingMethods)}'\n    label='${args.label}'\n    taxes=\"${args.taxes}\"\n    show-discount-ribbon=\"${args.showDiscountRibbon}\"\n    discount=\"${args.discount}\"\n    discount-description=\"${args.discountDescription}\"\n    fees=\"${args.fees}\"\n    fees-description=\"${args.feesDescription}\"\n    disabled=\"${args.disabled}\"\n    debug=\"${args.debug}\"\n    show-payment-brands=\"${args.showPaymentBrands}\"\n    show-continue-shopping-button=\"${args.showContinueShoppingButton}\"\n    enable-pre-pay-trigger=\"${args.enablePrePayTrigger}\"\n    enable-pre-checkout-trigger=\"${args.enablePreCheckoutTrigger}\"\n    enable-dynamic-shipping-details=\"${args.enableDynamicShippingDetails}\"\n    ref-id=\"${args.refId}\"\n    unique-ref=\"${args.uniqueRef}\"\n    only-show-bank-installment=\"${args.onlyShowBankInstallment}\"\n    enable-apple-checkout=\"${args.enableAppleCheckout}\"\n    installments-count=\"${args.installmentsCount}\"\n    timeline-style=\"${args.timelineStyle}\"\n    footer-message=\"${args.footerMessage}\"\n    >\n   </amwal-checkout-button>\n   <script>\n     document.querySelectorAll('amwal-checkout-button').forEach((amwalCheckoutButtonElement) => {\n      amwalCheckoutButtonElement.addEventListener('amwalCheckoutSuccess', ev => console.log('amwalCheckoutSuccess', ev.detail) )\n      amwalCheckoutButtonElement.addEventListener('updateOrderOnPaymentsuccess', ev => console.log('updateOrderOnPaymentsuccess', ev.detail) )\n      amwalCheckoutButtonElement.addEventListener('amwalDismissed', ev => console.log(ev.type, ev.detail) )\n      amwalCheckoutButtonElement.addEventListener('amwalAddressUpdate', ev => {\n       console.log(ev.type, ev.detail);\n       if ( amwalCheckoutButtonElement.getAttribute(\"address-handshake\") === \"true\" ){\n         const newShippingMethods = amwalCheckoutButtonElement.shippingMethods.map(x => {return {...x, price: x.price+1}});\n         amwalCheckoutButtonElement.shippingMethods = newShippingMethods;\n         amwalCheckoutButtonElement.taxes = amwalCheckoutButtonElement.taxes + 0.01;\n         amwalCheckoutButtonElement.discount = amwalCheckoutButtonElement.discount + 0.01;\n         amwalCheckoutButtonElement.fees = amwalCheckoutButtonElement.fees + 0.02;\n         amwalCheckoutButtonElement.feesDescription = amwalCheckoutButtonElement.feesDescription + \" 1\";\n         amwalCheckoutButtonElement.discountDescription = amwalCheckoutButtonElement.discountDescription + \" 1\";\n         amwalCheckoutButtonElement.amount = amwalCheckoutButtonElement.amount + 0.01;\n        setTimeout(() => {\n          const event = ${args.addressTriggerError}? new CustomEvent ('amwalAddressTriggerError', {detail: {description: 'weird error'}})\n                      : new CustomEvent ('amwalAddressAck');\n          amwalCheckoutButtonElement.dispatchEvent(event);\n        }, 1000);\n       }\n      } )\n      amwalCheckoutButtonElement.addEventListener('amwalPrePayTrigger', ev => {\n       setTimeout(() => {\n         const event = ${args.prePayTriggerError}? new CustomEvent ('amwalPrePayTriggerError', {detail: {description: 'weird error'}})\n                     : new CustomEvent ('amwalPrePayTriggerAck', {detail: {order_id: 123, order_total_amount: 128}});\n         amwalCheckoutButtonElement.dispatchEvent(event);\n       }, 1000);\n      })\n      amwalCheckoutButtonElement.addEventListener('amwalPreCheckoutTrigger', ev => {\n        console.log(\"handling amwalPreCheckoutTrigger\")\n       setTimeout(() => {\n         const event = ${args.preCheckoutTriggerError}? new CustomEvent ('amwalPreCheckoutTriggerError', {detail: {description: 'I could not do it'}})\n                     : new Event ('amwalPreCheckoutTriggerAck');\n         amwalCheckoutButtonElement.dispatchEvent(event);\n       }, 5000);\n      })\n     });\n   </script>`;\n\n// Common default args shared by both stories\nconst commonArgs = {\n  merchantId: \"sandbox-amwal-b87482f2-55da-486f-9ec5-e2ceb47a0333\",\n  amount: 1099,\n  countryCode: \"SA\",\n  locale: \"ar\",\n  darkMode: \"off\",\n  initialPhoneNumber: \"+18885555512\",\n  initialFirstName: \"John\",\n  initialLastName: \"Smith\",\n  addressRequired: true,\n  initialAddress: {\n    street1: \"1234 Laurel Street\",\n    city: \"Atlanta\",\n    state: \"GA\",\n    postcode: \"30303\",\n    country: \"US\"\n  },\n  emailRequired: true,\n  street2Required: false,\n  initialEmail: \"John-Appleseed@mac.com\",\n  addressHandShake: false,\n  sendExtraAddressFields: false,\n  showPaymentBrands: true,\n  disabled: false,\n  taxes: 0,\n  showDiscountRibbon: true,\n  discount: 25,\n  discountDescription: \"No Discount\",\n  fees: 0,\n  feesDescription: \"Installation\",\n  shippingMethods: [\n    {\n      id: \"free-shipping\",\n      label: \"3 days free shipping\",\n      price: 0,\n    },\n    {\n      id: \"express-shipping\",\n      label: \"1 day delivery\",\n      price: 10,\n    }\n  ],\n  installmentOptionsUrl: \"\",\n  allowedAddressCountries: [\"SA\", \"AE\", \"US\", \"ES\", \"EG\"],\n  allowedAddressStates: { \"EG\": { \"EGALX\": \"Alexandria\", \"EGASN\": \"Aswan\", \"EGAST\": \"Asyut\", \"EGBA\": \"Red Sea\", \"EGBH\": \"Beheira\", \"EGBNS\": \"Beni Suef\", \"EGC\": \"Cairo\", \"EGDK\": \"Dakahlia\", \"EGDT\": \"Damietta\", \"EGFYM\": \"Faiyum\", \"EGGH\": \"Gharbia\", \"EGGZ\": \"Giza\", \"EGIS\": \"Ismailia\", \"EGJS\": \"South Sinai\", \"EGKB\": \"Qalyubia\", \"EGKFS\": \"Kafr el-Sheikh\", \"EGKN\": \"Qena\", \"EGLX\": \"Luxor\", \"EGMN\": \"Minya\", \"EGMNF\": \"Monufia\", \"EGMT\": \"Matrouh\", \"EGPTS\": \"Port Said\", \"EGSHG\": \"Sohag\", \"EGSHR\": \"Al Sharqia\", \"EGSIN\": \"North Sinai\", \"EGSUZ\": \"Suez\", \"EGWAD\": \"New Valley\" }, \"SA\": { \"SA-01\": \"Riyadh\", \"SA-02\": \"Makkah\", \"SA-03\": \"Al Madinah\", \"SA-04\": \"Eastern Province\", \"SA-05\": \"Al-Qassim\", \"SA-06\": \"Ha`il\", \"SA-07\": \"Tabuk\", \"SA-08\": \"Northern Borders\", \"SA-09\": \"Jazan\", \"SA-10\": \"Najran\", \"SA-11\": \"Al-Bahah Region\", \"SA-12\": \"Al-Jawf\", \"SA-14\": \"Asir\" } },\n  allowedAddressCities: { \"BH\": { \"BH-13\": [\"Al Seeb\", \"Al Amarat\", \"Bawshar\", \"Muscat\", \"Muttrah\", \"Qurayyat\"], \"BH-14\": [\"Nizwa\", \"Samail\", \"Bahla\", \"Adam\", \"Al Hamra\", \"Manah\", \"Izki\", \"Bid Bid\"], \"BH-15\": [\"Sohar\", \"Shinas\", \"Liwa\", \"Saham\", \"Al Khaboura\", \"Suwayq\"], \"BH-17\": [\"Rustaq\", \"Al Awabi\", \"Nakhal\", \"Wadi al Maawil\", \"Barka\", \"Al-Musannah\"] }, \"KW\": { \"AA\": [\"Abdullah Al-Salem\", \"Adailiya\", \"Bneid Al Qar\"], \"HA\": [\"Al-Bedae\", \"Bayan\", \"Hawally\"], \"AF\": [\"Abdullah Al-Mubarak\", \"Airport\", \"Andalous\"] }, \"OM\": { \"MC\": [\"Al Seeb\", \"Al Amarat\", \"Bawshar\", \"Muscat\", \"Muttrah\", \"Qurayyat\"], \"AD\": [\"Nizwa\", \"Samail\", \"Bahla\", \"Adam\", \"Al Hamra\", \"Manah\", \"Izki\", \"Bid Bid\"] }, \"SA\": { \"SA-01\": [\"Afif\", \"Al Aflaj\", \"Al Hariq\", \"Al Majma`ah\", \"Al Zulfi\", \"Al-Ghat\", \"Al-Kharj\", \"Al-Muzahmiyya\", \"Al-Quway`iyah\", \"As Sulayyil\", \"Dawadmi\", \"Dhurma\", \"Diriyah\", \"Hotat Bani Tamim\", \"Huraymila\", \"Riyadh\", \"Rumah\", \"Shuqrah\", \"Thadig\", \"Wadi ad-Dawasir\"], \"SA-02\": [\"Al Jumum\", \"Al Kamil\", \"Al Khurmah\", \"Al Lith\", \"Al Qunfudhah\", \"Jeddah\", \"Khulays\", \"Mecca\", \"Rabigh\", \"Ranyah\", \"Ta`if\", \"Turubah\"] } },\n  debug: true,\n  showContinueShoppingButton: true,\n  enablePrePayTrigger: false,\n  prePayTriggerError: false,\n  enablePreCheckoutTrigger: false,\n  enableDynamicShippingDetails: false,\n  preCheckoutTriggerError: false,\n  addressTriggerError: false,\n  refId: \"1234567890\",\n  uniqueRef: false,\n  postcodeOptionalCountries: [\"SA\"],\n  enableAppleCheckout: false,\n  installmentsCount: 12,\n  timelineStyle: 'default',\n  footerMessage: 'No fees, sharia compliant.'\n};\n\n// Story 1: Bank Installments\nexport const BankInstallments = Template.bind({});\nBankInstallments.args = {\n  ...commonArgs,\n  label: \"Bank Installments\",\n  onlyShowBankInstallment: true,\n  addressRequired: false\n};\n\n// Story 2: Quick Checkout (on-click checkout)\nexport const QuickCheckout = Template.bind({});\nQuickCheckout.args = {\n  ...commonArgs,\n  label: \"Quick Checkout\",\n  onlyShowBankInstallment: false,\n};\n\n"]}

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":"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","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};"]}