paymob-widget-alpha 1.0.12 → 1.0.13

package/README.md

@@ -63,7 +63,7 @@ The full list of properties is as follows:
 | publicKey | String | Yes | Your public key (used to resolve API base URL and authenticate requests). |
 | elementId | String | Yes | ID of the HTML element where the widget will be rendered. |
 | theme | `"primary" \| "light" \| "dark"` | No | Widget theme. Default: `"primary"`. |
-| amount | Number | No | Amount in major units. Default: `300`. |
+| amount | Number | Yes | Order total in **cents** (positive finite number). Required — the widget will not initialize without it. |
 | currency | String | No | Currency code. Default: `"EGP"`. |
 | integrationId | Number | No | Paymob integration ID. If provided, it will be sent when fetching installment plans. |
 | customerCanSelect | Boolean | No | If `true`, the widget allows selecting a plan and will show **Buy now** actions. Default: `false`. |

package/main.css

@@ -397,7 +397,7 @@
 .item_container__cgz6H{display:flex;background-color:#fff;border:1px solid #dbe2ea;border-radius:6px;margin-bottom:1rem;width:100%;height:50px;position:relative}@media(max-width: 767px){.item_container__cgz6H{height:57px}}.item_container__cgz6H .item_input__vY8lX{width:100%;height:100%;opacity:0}.item_container__cgz6H .item_lable__Z4kft{border-radius:6px;position:absolute;top:0;left:0;height:100%;width:100%;display:flex;align-items:center;padding:8px;box-sizing:border-box;cursor:pointer}.item_container__cgz6H .item_lable__Z4kft .item_logo-icon__DuoWO{width:32px;height:32px;border-radius:4px;background:#f2f8fe}.item_container__cgz6H .item_lable__Z4kft .item_titles__Wlgd3{display:flex;flex-direction:column;justify-content:center}.item_container__cgz6H .item_lable__Z4kft .item_titles__Wlgd3 .item_title__ROPFr{text-transform:capitalize;margin:auto 20px;display:block;font-size:16px;font-weight:lighter;color:#5e5e5e}.item_container__cgz6H .item_lable__Z4kft .item_titles__Wlgd3 .item_description__LQgRY{font-size:12px;color:#383838;margin:auto 20px}.item_checked__ABSbz{background:#f2f8fe;border:1px solid #1782fb}.item_checked__ABSbz .item_titles__Wlgd3 .item_title__ROPFr{font-weight:500 !important;color:#000 !important}.item_checked__ABSbz .item_check-icon__An0iE{display:block;position:absolute;right:15px;top:calc(50% - 10px);font-size:20px;width:15px;height:15px}.item_checked__ABSbz .item_check-icon__An0iE img{width:100%;height:100%}.item_disabled__wZEqm{background-color:#e3e3e3}.item_disabled__wZEqm .item_lable__Z4kft{cursor:initial}
 .label_label__1W-Ax{color:#344054;font-family:"Inter",sans-serif;font-size:.875rem;font-style:normal;line-height:1rem;font-weight:500}html[dir=rtl] .label_label__1W-Ax,html[lang=ar] .label_label__1W-Ax{font-family:"Cairo",sans-serif;font-size:.875rem;font-style:normal;line-height:1rem;font-weight:600}.label_label__optional__qAERS{color:#667085;margin-inline-start:.25rem;font-family:"Inter",sans-serif;font-size:.875rem;font-style:normal;line-height:.875rem;letter-spacing:.01rem;font-weight:400}html[dir=rtl] .label_label__optional__qAERS,html[lang=ar] .label_label__optional__qAERS{font-family:"Cairo",sans-serif;font-size:.875rem;font-style:normal;line-height:.875rem;letter-spacing:.01rem;font-weight:400}
 .dropdown-button_dropdown-btn__76VmN{height:2.5rem;outline:0;border-radius:.5rem;background-color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:flex-start;gap:.5rem}.dropdown-button_dropdown-btn__render-as__w9Rw9{cursor:pointer}.dropdown-button_dropdown-btn__render-as__w9Rw9[data-dropdown-btn-disabled=true]{pointer-events:none}.dropdown-button_dropdown-btn__leading-icon__Q2k-p,.dropdown-button_dropdown-btn__trailing-icon__oXzft,.dropdown-button_dropdown-btn__dropdown-chevron__OnCYV{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem}.dropdown-button_dropdown-btn__leading-icon__Q2k-p svg,.dropdown-button_dropdown-btn__trailing-icon__oXzft svg,.dropdown-button_dropdown-btn__dropdown-chevron__OnCYV svg{width:inherit;height:inherit}.dropdown-button_dropdown-btn__dropdown-chevron__OnCYV{margin-inline-start:auto}.dropdown-button_dropdown-btn__dropdown-chevron__OnCYV svg{transition:transform .3s}.dropdown-button_dropdown-btn__clear__aTf4i{border-inline-start:.0625rem solid #eaecf0;padding-inline-start:.5rem;display:flex;align-items:center;justify-content:flex-end}.dropdown-button_dropdown-btn__clear__aTf4i svg{width:1.25rem;height:1.25rem}.dropdown-button_dropdown-btn__clear__aTf4i svg path{fill:#667085}.dropdown-button_dropdown-btn__76VmN[data-dropdown-btn-label] .dropdown-button_dropdown-btn__trailing-icon__oXzft,.dropdown-button_dropdown-btn__76VmN[data-dropdown-btn-label] .dropdown-button_dropdown-btn__dropdown-chevron__OnCYV{margin-inline-start:-0.25rem}.dropdown-button_dropdown-btn__text__dERj0{margin-inline-end:auto}.dropdown-button_dropdown-btn__text--placeholder__voFf7{color:#667085 !important}.dropdown-button_dropdown-btn__76VmN:disabled{cursor:not-allowed}.dropdown-button_dropdown-btn__76VmN:disabled .dropdown-button_dropdown-btn__text--placeholder__voFf7{color:#d0d5dd !important}.dropdown-button_dropdown-btn__76VmN[data-dropdown-btn-type=button]{padding:.5rem .75rem}.dropdown-button_dropdown-btn__76VmN[data-dropdown-btn-type=button]:has(>div:only-child):has(>div>svg:only-child){padding:.5rem;width:2.5rem;justify-content:center}.dropdown-button_dropdown-btn__76VmN[data-dropdown-btn-type=button] .dropdown-button_dropdown-btn__text__dERj0{font-family:"Inter",sans-serif;font-size:.875rem;font-style:normal;line-height:1.5rem;letter-spacing:.01rem;font-weight:600}html[dir=rtl] .dropdown-button_dropdown-btn__76VmN[data-dropdown-btn-type=button] .dropdown-button_dropdown-btn__text__dERj0,html[lang=ar] .dropdown-button_dropdown-btn__76VmN[data-dropdown-btn-type=button] .dropdown-button_dropdown-btn__text__dERj0{font-family:"Cairo",sans-serif;font-size:.875rem;font-style:normal;line-height:1.5rem;letter-spacing:.01rem;font-weight:700}.dropdown-button_dropdown-btn__76VmN[data-dropdown-btn-type=button] .dropdown-button_dropdown-btn__text--placeholder__voFf7{font-family:"Inter",sans-serif;font-size:.875rem;font-style:normal;line-height:1rem;font-weight:400}html[dir=rtl] .dropdown-button_dropdown-btn__76VmN[data-dropdown-btn-type=button] .dropdown-button_dropdown-btn__text--placeholder__voFf7,html[lang=ar] .dropdown-button_dropdown-btn__76VmN[data-dropdown-btn-type=button] .dropdown-button_dropdown-btn__text--placeholder__voFf7{font-family:"Cairo",sans-serif;font-size:.875rem;font-style:normal;line-height:1rem;font-weight:400}.dropdown-button_dropdown-btn__76VmN[data-dropdown-btn-type=button] .dropdown-button_dropdown-btn__label__9svDR{color:#667085;font-family:"Inter",sans-serif;font-size:.875rem;font-style:normal;line-height:1.5rem;letter-spacing:.01rem;font-weight:400}html[dir=rtl] .dropdown-button_dropdown-btn__76VmN[data-dropdown-btn-type=button] .dropdown-button_dropdown-btn__label__9svDR,html[lang=ar] .dropdown-button_dropdown-btn__76VmN[data-dropdown-btn-type=button] .dropdown-button_dropdown-btn__label__9svDR{font-family:"Cairo",sans-serif;font-size:.875rem;font-style:normal;line-height:1.5rem;letter-spacing:.01rem;font-weight:400}.dropdown-button_dropdown-btn__76VmN[data-dropdown-btn-type=button][data-dropdown-btn-color=primary] .dropdown-button_dropdown-btn__text__dERj0{color:#144dff}.dropdown-button_dropdown-btn__76VmN[data-dropdown-btn-type=button][data-dropdown-btn-color=primary]:not([data-dropdown-btn-label]){border:.0625rem solid #144dff}.dropdown-button_dropdown-btn__76VmN[data-dropdown-btn-type=button][data-dropdown-btn-color=primary]:not([data-dropdown-btn-label]) .dropdown-button_dropdown-btn__trailing-icon__oXzft path,.dropdown-button_dropdown-btn__76VmN[data-dropdown-btn-type=button][data-dropdown-btn-color=primary]:not([data-dropdown-btn-label]) .dropdown-button_dropdown-btn__dropdown-chevron__OnCYV path{fill:#103ecc}.dropdown-button_dropdown-btn__76VmN[data-dropdown-btn-type=button][data-dropdown-btn-color=primary]:not([data-dropdown-btn-label]):hover{background-color:#e8edff}.dropdown-button_dropdown-btn__76VmN[data-dropdown-btn-type=button][data-dropdown-btn-color=primary][data-dropdown-btn-label]{border:.0625rem solid #a1b8ff}.dropdown-button_dropdown-btn__76VmN[data-dropdown-btn-type=button][data-dropdown-btn-color=primary][data-dropdown-btn-label] .dropdown-button_dropdown-btn__trailing-icon__oXzft path,.dropdown-button_dropdown-btn__76VmN[data-dropdown-btn-type=button][data-dropdown-btn-color=primary][data-dropdown-btn-label] .dropdown-button_dropdown-btn__dropdown-chevron__OnCYV path{fill:#144dff}.dropdown-button_dropdown-btn__76VmN[data-dropdown-btn-type=button][data-dropdown-btn-color=primary][data-dropdown-btn-label]:focus{border:.0625rem solid #7294ff}.dropdown-button_dropdown-btn__76VmN[data-dropdown-btn-type=button][data-dropdown-btn-color=primary]:focus{box-shadow:0rem 0rem 0rem .25rem #b9caff,0rem .0625rem .125rem 0rem rgba(16,24,40,.05)}.dropdown-button_dropdown-btn__76VmN[data-dropdown-btn-type=button][data-dropdown-btn-color=primary]:disabled{background-color:#fff !important;border:.0625rem solid #a1b8ff}.dropdown-button_dropdown-btn__76VmN[data-dropdown-btn-type=button][data-dropdown-btn-color=primary]:disabled .dropdown-button_dropdown-btn__text__dERj0{color:#a1b8ff}.dropdown-button_dropdown-btn__76VmN[data-dropdown-btn-type=button][data-dropdown-btn-color=primary]:disabled .dropdown-button_dropdown-btn__trailing-icon__oXzft path,.dropdown-button_dropdown-btn__76VmN[data-dropdown-btn-type=button][data-dropdown-btn-color=primary]:disabled .dropdown-button_dropdown-btn__dropdown-chevron__OnCYV path{fill:#a1b8ff}.dropdown-button_dropdown-btn__76VmN[data-dropdown-btn-type=button][data-dropdown-btn-color=primary]:disabled .dropdown-button_dropdown-btn__label__9svDR{color:#a1b8ff}.dropdown-button_dropdown-btn__76VmN[data-dropdown-btn-type=button][data-dropdown-btn-color=secondary]{border:.0625rem solid #d0d5dd}.dropdown-button_dropdown-btn__76VmN[data-dropdown-btn-type=button][data-dropdown-btn-color=secondary] .dropdown-button_dropdown-btn__text__dERj0{color:#344054}.dropdown-button_dropdown-btn__76VmN[data-dropdown-btn-type=button][data-dropdown-btn-color=secondary]:not([data-dropdown-btn-label]) .dropdown-button_dropdown-btn__trailing-icon__oXzft path,.dropdown-button_dropdown-btn__76VmN[data-dropdown-btn-type=button][data-dropdown-btn-color=secondary]:not([data-dropdown-btn-label]) .dropdown-button_dropdown-btn__dropdown-chevron__OnCYV path{fill:#344054}.dropdown-button_dropdown-btn__76VmN[data-dropdown-btn-type=button][data-dropdown-btn-color=secondary]:not([data-dropdown-btn-label]):hover{background-color:#f2f4f7}.dropdown-button_dropdown-btn__76VmN[data-dropdown-btn-type=button][data-dropdown-btn-color=secondary][data-dropdown-btn-label] .dropdown-button_dropdown-btn__trailing-icon__oXzft path,.dropdown-button_dropdown-btn__76VmN[data-dropdown-btn-type=button][data-dropdown-btn-color=secondary][data-dropdown-btn-label] .dropdown-button_dropdown-btn__dropdown-chevron__OnCYV path{fill:#475467}.dropdown-button_dropdown-btn__76VmN[data-dropdown-btn-type=button][data-dropdown-btn-color=secondary]:focus{box-shadow:0rem 0rem 0rem .25rem #f2f4f7,0rem .0625rem .125rem 0rem rgba(16,24,40,.05)}.dropdown-button_dropdown-btn__76VmN[data-dropdown-btn-type=button][data-dropdown-btn-color=secondary]:disabled{background-color:#fff !important;border:.0625rem solid #eaecf0;color:#d0d5dd}.dropdown-button_dropdown-btn__76VmN[data-dropdown-btn-type=button][data-dropdown-btn-color=secondary]:disabled .dropdown-button_dropdown-btn__trailing-icon__oXzft path,.dropdown-button_dropdown-btn__76VmN[data-dropdown-btn-type=button][data-dropdown-btn-color=secondary]:disabled .dropdown-button_dropdown-btn__dropdown-chevron__OnCYV path{fill:#d0d5dd}.dropdown-button_dropdown-btn__76VmN[data-dropdown-btn-type=button][data-dropdown-btn-color=secondary]:disabled .dropdown-button_dropdown-btn__label__9svDR{color:#d0d5dd}.dropdown-button_dropdown-btn__76VmN[data-dropdown-btn-type=input]{padding:.625rem .75rem;border:.0625rem solid #d0d5dd}.dropdown-button_dropdown-btn__76VmN[data-dropdown-btn-type=input] .dropdown-button_dropdown-btn__text__dERj0{color:#101828;font-family:"Inter",sans-serif;font-size:.875rem;font-style:normal;line-height:1rem;font-weight:400}html[dir=rtl] .dropdown-button_dropdown-btn__76VmN[data-dropdown-btn-type=input] .dropdown-button_dropdown-btn__text__dERj0,html[lang=ar] .dropdown-button_dropdown-btn__76VmN[data-dropdown-btn-type=input] .dropdown-button_dropdown-btn__text__dERj0{font-family:"Cairo",sans-serif;font-size:.875rem;font-style:normal;line-height:1rem;font-weight:400}.dropdown-button_dropdown-btn__76VmN[data-dropdown-btn-type=input] .dropdown-button_dropdown-btn__trailing-icon__oXzft path,.dropdown-button_dropdown-btn__76VmN[data-dropdown-btn-type=input] .dropdown-button_dropdown-btn__dropdown-chevron__OnCYV path{fill:#667085}.dropdown-button_dropdown-btn__76VmN[data-dropdown-btn-type=input] .dropdown-button_dropdown-btn__dropdown-chevron__OnCYV{width:.75rem;height:.75rem}.dropdown-button_dropdown-btn__76VmN[data-dropdown-btn-type=input]:focus{border:.0625rem solid #7294ff;box-shadow:0rem 0rem 0rem .25rem #b9caff,0rem .0625rem .125rem 0rem rgba(16,24,40,.05)}.dropdown-button_dropdown-btn__76VmN[data-dropdown-btn-type=input]:disabled{background-color:#f9fafb}.dropdown-button_dropdown-btn__76VmN[data-dropdown-btn-type=input]:disabled .dropdown-button_dropdown-btn__text__dERj0{color:#d0d5dd}.dropdown-button_dropdown-btn__76VmN[data-dropdown-btn-type=input]:disabled .dropdown-button_dropdown-btn__trailing-icon__oXzft path,.dropdown-button_dropdown-btn__76VmN[data-dropdown-btn-type=input]:disabled .dropdown-button_dropdown-btn__dropdown-chevron__OnCYV path{fill:#d0d5dd}.dropdown-button_dropdown-btn__76VmN[data-dropdown-btn-menu-open=false] .dropdown-button_dropdown-btn__dropdown-chevron__OnCYV svg{transform:rotate(0deg)}.dropdown-button_dropdown-btn__76VmN[data-dropdown-btn-menu-open=true] .dropdown-button_dropdown-btn__dropdown-chevron__OnCYV svg{transform:rotate(180deg)}
-.dropdown-menu-item_dropdown-menu-item__j2YKI{width:100%;display:flex;align-items:center;gap:.5rem;padding:.75rem;border-radius:.25rem;cursor:pointer}.dropdown-menu-item_dropdown-menu-item__j2YKI:hover:not([data-dropdown-menu-disabled=true]),.dropdown-menu-item_dropdown-menu-item__j2YKI[data-dropdown-menu-selected=true]:not([data-dropdown-menu-disabled=true]){background-color:#f9fafb}.dropdown-menu-item_dropdown-menu-item__featured-icon__Qv0\+K{width:1.5rem;height:1.5rem;flex-shrink:0}.dropdown-menu-item_dropdown-menu-item__featured-icon__Qv0\+K svg,.dropdown-menu-item_dropdown-menu-item__featured-icon__Qv0\+K img{width:100%;height:100%}.dropdown-menu-item_dropdown-menu-item__featured-icon__Qv0\+K[data-dropdown-menu-item-icon-type=default] svg path{fill:#667085}.dropdown-menu-item_dropdown-menu-item__featured-icon__Qv0\+K[data-dropdown-menu-item-icon-type=default][data-dropdown-menu-item-icon-color=primary] svg path{fill:#103ecc}.dropdown-menu-item_dropdown-menu-item__featured-icon__Qv0\+K[data-dropdown-menu-item-icon-type=default][data-dropdown-menu-item-icon-color=danger] svg path{fill:#cc1142}html[dir=rtl] .dropdown-menu-item_dropdown-menu-item__featured-icon__Qv0\+K svg,html[lang=ar] .dropdown-menu-item_dropdown-menu-item__featured-icon__Qv0\+K svg{transform:scaleX(-1)}.dropdown-menu-item_dropdown-menu-item__featured-icon__Qv0\+K img{border-radius:50%}.dropdown-menu-item_dropdown-menu-item__j2YKI [data-dropdown-menu-item-count]{color:#667085}.dropdown-menu-item_dropdown-menu-item__checkbox__-\+YC3>div[class*=checkbox-wrapper__]{align-items:center}.dropdown-menu-item_dropdown-menu-item__text-box__hn\+gO{width:100%;display:flex;flex-direction:column;flex-grow:1;gap:.25rem}.dropdown-menu-item_dropdown-menu-item__text-box__text__tYFxh,.dropdown-menu-item_dropdown-menu-item__text-box__hint-text__wWO4l{overflow:hidden;text-overflow:ellipsis}.dropdown-menu-item_dropdown-menu-item__text-box__text__tYFxh{color:#101828;font-family:"Inter",sans-serif;font-size:1rem;font-style:normal;line-height:1.75rem;font-weight:500}html[dir=rtl] .dropdown-menu-item_dropdown-menu-item__text-box__text__tYFxh,html[lang=ar] .dropdown-menu-item_dropdown-menu-item__text-box__text__tYFxh{font-family:"Cairo",sans-serif;font-size:1rem;font-style:normal;line-height:1.75rem;font-weight:600}.dropdown-menu-item_dropdown-menu-item__text-box__hint-text__wWO4l{color:#667085;font-family:"Inter",sans-serif;font-size:.875rem;font-style:normal;line-height:1.125rem;letter-spacing:.01rem;font-weight:400}html[dir=rtl] .dropdown-menu-item_dropdown-menu-item__text-box__hint-text__wWO4l,html[lang=ar] .dropdown-menu-item_dropdown-menu-item__text-box__hint-text__wWO4l{font-family:"Cairo",sans-serif;font-size:.875rem;font-style:normal;line-height:1.125rem;letter-spacing:.01rem;font-weight:400}.dropdown-menu-item_dropdown-menu-item__tick-icon__trZDH{width:1.25rem;height:1.25rem}.dropdown-menu-item_dropdown-menu-item__tick-icon__trZDH svg{width:inherit;height:inherit}.dropdown-menu-item_dropdown-menu-item__tick-icon__trZDH svg path{fill:#144dff}.dropdown-menu-item_dropdown-menu-item__j2YKI [data-dropdown-menu-disabled=true]{cursor:not-allowed;pointer-events:none}.dropdown-menu-item_dropdown-menu-item__j2YKI [data-dropdown-menu-disabled=true] .dropdown-menu-item_dropdown-menu-item__featured-icon__Qv0\+K{opacity:.2}.dropdown-menu-item_dropdown-menu-item__j2YKI [data-dropdown-menu-disabled=true] .dropdown-menu-item_dropdown-menu-item__text-box__text__tYFxh,.dropdown-menu-item_dropdown-menu-item__j2YKI [data-dropdown-menu-disabled=true] .dropdown-menu-item_dropdown-menu-item__text-box__hint-text__wWO4l{color:#d0d5dd}.dropdown-menu-item_dropdown-menu-item__j2YKI [data-dropdown-menu-disabled=true] .dropdown-menu-item_dropdown-menu-item__tick-icon__trZDH svg path{fill:#d0d5dd}
+.dropdown-menu-item_dropdown-menu-item__j2YKI{width:100%;display:flex;align-items:center;gap:.5rem;padding:.75rem;border-radius:.25rem;cursor:pointer}.dropdown-menu-item_dropdown-menu-item__j2YKI:hover:not([data-dropdown-menu-item-disabled=true]),.dropdown-menu-item_dropdown-menu-item__j2YKI[data-dropdown-menu-item-selected=true]:not([data-dropdown-menu-item-disabled=true]){background-color:#f9fafb}.dropdown-menu-item_dropdown-menu-item__featured-icon__Qv0\+K{width:1.5rem;height:1.5rem;flex-shrink:0}.dropdown-menu-item_dropdown-menu-item__featured-icon__Qv0\+K svg,.dropdown-menu-item_dropdown-menu-item__featured-icon__Qv0\+K img{width:100%;height:100%}.dropdown-menu-item_dropdown-menu-item__featured-icon__Qv0\+K[data-dropdown-menu-item-icon-type=default] svg path{fill:#667085}.dropdown-menu-item_dropdown-menu-item__featured-icon__Qv0\+K[data-dropdown-menu-item-icon-type=default][data-dropdown-menu-item-icon-color=primary] svg path{fill:#103ecc}.dropdown-menu-item_dropdown-menu-item__featured-icon__Qv0\+K[data-dropdown-menu-item-icon-type=default][data-dropdown-menu-item-icon-color=danger] svg path{fill:#cc1142}html[dir=rtl] .dropdown-menu-item_dropdown-menu-item__featured-icon__Qv0\+K svg,html[lang=ar] .dropdown-menu-item_dropdown-menu-item__featured-icon__Qv0\+K svg{transform:scaleX(-1)}.dropdown-menu-item_dropdown-menu-item__featured-icon__Qv0\+K img{border-radius:50%}.dropdown-menu-item_dropdown-menu-item__j2YKI [data-dropdown-menu-item-count]{color:#667085}.dropdown-menu-item_dropdown-menu-item__checkbox__-\+YC3>div[class*=checkbox-wrapper__]{align-items:center}.dropdown-menu-item_dropdown-menu-item__text-box__hn\+gO{width:100%;display:flex;flex-direction:column;flex-grow:1;gap:.25rem}.dropdown-menu-item_dropdown-menu-item__text-box__text__tYFxh,.dropdown-menu-item_dropdown-menu-item__text-box__hint-text__wWO4l{overflow:hidden;text-overflow:ellipsis}.dropdown-menu-item_dropdown-menu-item__text-box__text__tYFxh{color:#101828;font-family:"Inter",sans-serif;font-size:1rem;font-style:normal;line-height:1.75rem;font-weight:500}html[dir=rtl] .dropdown-menu-item_dropdown-menu-item__text-box__text__tYFxh,html[lang=ar] .dropdown-menu-item_dropdown-menu-item__text-box__text__tYFxh{font-family:"Cairo",sans-serif;font-size:1rem;font-style:normal;line-height:1.75rem;font-weight:600}.dropdown-menu-item_dropdown-menu-item__text-box__hint-text__wWO4l{color:#667085;font-family:"Inter",sans-serif;font-size:.875rem;font-style:normal;line-height:1.125rem;letter-spacing:.01rem;font-weight:400}html[dir=rtl] .dropdown-menu-item_dropdown-menu-item__text-box__hint-text__wWO4l,html[lang=ar] .dropdown-menu-item_dropdown-menu-item__text-box__hint-text__wWO4l{font-family:"Cairo",sans-serif;font-size:.875rem;font-style:normal;line-height:1.125rem;letter-spacing:.01rem;font-weight:400}.dropdown-menu-item_dropdown-menu-item__tick-icon__trZDH{width:1.25rem;height:1.25rem}.dropdown-menu-item_dropdown-menu-item__tick-icon__trZDH svg{width:inherit;height:inherit}.dropdown-menu-item_dropdown-menu-item__tick-icon__trZDH svg path{fill:#144dff}.dropdown-menu-item_dropdown-menu-item__j2YKI[data-dropdown-menu-item-disabled=true]{cursor:not-allowed;pointer-events:none}.dropdown-menu-item_dropdown-menu-item__j2YKI[data-dropdown-menu-item-disabled=true] .dropdown-menu-item_dropdown-menu-item__featured-icon__Qv0\+K{opacity:.2}.dropdown-menu-item_dropdown-menu-item__j2YKI[data-dropdown-menu-item-disabled=true] .dropdown-menu-item_dropdown-menu-item__text-box__text__tYFxh,.dropdown-menu-item_dropdown-menu-item__j2YKI[data-dropdown-menu-item-disabled=true] .dropdown-menu-item_dropdown-menu-item__text-box__hint-text__wWO4l{color:#d0d5dd}.dropdown-menu-item_dropdown-menu-item__j2YKI[data-dropdown-menu-item-disabled=true] .dropdown-menu-item_dropdown-menu-item__tick-icon__trZDH svg path{fill:#d0d5dd}
 .image-uploader-avatar_image-uploader-wrapper__58TZQ input{display:none}.image-uploader-avatar_image-uploader-wrapper__uploader__\+-Up9{position:relative;display:flex;align-items:center;justify-content:center;border-radius:.75rem;cursor:pointer}.image-uploader-avatar_image-uploader-wrapper__uploader__\+-Up9 path{fill:#667085}.image-uploader-avatar_image-uploader-wrapper__uploader__overlay__qlPCT{position:absolute;inset:0;height:100%;width:100%;opacity:0;transition:.2s ease;background-color:rgba(52,64,84,.6);border-radius:.75rem}.image-uploader-avatar_image-uploader-wrapper__uploader__overlay__qlPCT svg{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);text-align:center}.image-uploader-avatar_image-uploader-wrapper__uploader__overlay__qlPCT svg path{fill:#fff}[data-img-uploader-size=xs]{width:3rem;height:3rem}[data-img-uploader-size=xs] svg{width:1.5rem;height:1.5rem}[data-img-uploader-size=sm]{width:4rem;height:4rem}[data-img-uploader-size=sm] svg{width:2rem;height:2rem}[data-img-uploader-size=md]{width:6rem;height:6rem}[data-img-uploader-size=md] svg{width:2.5rem;height:2.5rem}[data-img-uploader-size=lg]{width:10rem;height:10rem}[data-img-uploader-size=lg] svg{width:3.25rem;height:3.25rem}[data-img-uploader-is-uploaded=true] img{width:100%;height:100%;border-radius:.75rem}[data-img-uploader-is-uploaded=true][data-img-uploader-disabled=false]:hover .image-uploader-avatar_image-uploader-wrapper__uploader__overlay__qlPCT{opacity:1}[data-img-uploader-is-uploaded=false]{background-color:#f2f4f7}[data-img-uploader-is-uploaded=false]:hover{background-color:#eaecf0}[data-img-uploader-disabled=true]{cursor:not-allowed;opacity:.6}[data-img-uploader-disabled=true]:hover .image-uploader-avatar_image-uploader__overlay__F-356{opacity:0}
 .avatar_avatar__hr3ZK{display:flex;align-items:center;justify-content:center}.avatar_avatar__hr3ZK:not([data-avatar-type=image-uploader]){border-radius:50%;background-color:#f2f4f7;overflow:hidden}.avatar_avatar__hr3ZK:not([data-avatar-type=image-uploader])[tabIndex]{cursor:pointer}[data-avatar-type=img]:focus,[data-avatar-type=text]:focus,[data-avatar-type=placeholder]:focus{outline-style:solid}[data-avatar-type=img] img{width:100%;height:100%}[data-avatar-type=img]:focus{outline-color:#b9caff}[data-avatar-type=text]:focus,[data-avatar-type=placeholder]:focus{outline-color:#d0d5dd}[data-avatar-type=text]{color:#667085}[data-avatar-type=placeholder] path{fill:#667085}.avatar_avatar__hr3ZK:not([data-avatar-type=image-uploader])[data-avatar-size=xs]{width:1rem;height:1rem;font-size:.4375rem !important;font-family:"Inter",sans-serif;font-size:.875rem;font-style:normal;line-height:.875rem;letter-spacing:.01rem;font-weight:400}html[dir=rtl] .avatar_avatar__hr3ZK:not([data-avatar-type=image-uploader])[data-avatar-size=xs],html[lang=ar] .avatar_avatar__hr3ZK:not([data-avatar-type=image-uploader])[data-avatar-size=xs]{font-family:"Cairo",sans-serif;font-size:.875rem;font-style:normal;line-height:.875rem;letter-spacing:.01rem;font-weight:400}.avatar_avatar__hr3ZK:not([data-avatar-type=image-uploader])[data-avatar-size=xs]:focus{outline-width:.125rem}.avatar_avatar__hr3ZK:not([data-avatar-type=image-uploader])[data-avatar-size=xs][data-avatar-type=placeholder] svg{width:.5rem;height:.5rem}.avatar_avatar__hr3ZK:not([data-avatar-type=image-uploader])[data-avatar-size=sm]{width:1.5rem;height:1.5rem;font-size:.625rem !important;font-family:"Inter",sans-serif;font-size:.875rem;font-style:normal;line-height:.875rem;letter-spacing:.01rem;font-weight:400}html[dir=rtl] .avatar_avatar__hr3ZK:not([data-avatar-type=image-uploader])[data-avatar-size=sm],html[lang=ar] .avatar_avatar__hr3ZK:not([data-avatar-type=image-uploader])[data-avatar-size=sm]{font-family:"Cairo",sans-serif;font-size:.875rem;font-style:normal;line-height:.875rem;letter-spacing:.01rem;font-weight:400}.avatar_avatar__hr3ZK:not([data-avatar-type=image-uploader])[data-avatar-size=sm]:focus{outline-width:.125rem}.avatar_avatar__hr3ZK:not([data-avatar-type=image-uploader])[data-avatar-size=sm][data-avatar-type=placeholder] svg{width:.75rem;height:.75rem}.avatar_avatar__hr3ZK:not([data-avatar-type=image-uploader])[data-avatar-size=md]{width:2rem;height:2rem;font-family:"Inter",sans-serif;font-size:.875rem;font-style:normal;line-height:.875rem;letter-spacing:.01rem;font-weight:400}html[dir=rtl] .avatar_avatar__hr3ZK:not([data-avatar-type=image-uploader])[data-avatar-size=md],html[lang=ar] .avatar_avatar__hr3ZK:not([data-avatar-type=image-uploader])[data-avatar-size=md]{font-family:"Cairo",sans-serif;font-size:.875rem;font-style:normal;line-height:.875rem;letter-spacing:.01rem;font-weight:400}.avatar_avatar__hr3ZK:not([data-avatar-type=image-uploader])[data-avatar-size=md]:focus{outline-width:.125rem}.avatar_avatar__hr3ZK:not([data-avatar-type=image-uploader])[data-avatar-size=md][data-avatar-type=placeholder] svg{width:1rem;height:1rem}.avatar_avatar__hr3ZK:not([data-avatar-type=image-uploader])[data-avatar-size=lg]{width:2.5rem;height:2.5rem;font-family:"Inter",sans-serif;font-size:.875rem;font-style:normal;line-height:1rem;font-weight:400}html[dir=rtl] .avatar_avatar__hr3ZK:not([data-avatar-type=image-uploader])[data-avatar-size=lg],html[lang=ar] .avatar_avatar__hr3ZK:not([data-avatar-type=image-uploader])[data-avatar-size=lg]{font-family:"Cairo",sans-serif;font-size:.875rem;font-style:normal;line-height:1rem;font-weight:400}.avatar_avatar__hr3ZK:not([data-avatar-type=image-uploader])[data-avatar-size=lg]:focus{outline-width:.25rem}.avatar_avatar__hr3ZK:not([data-avatar-type=image-uploader])[data-avatar-size=lg][data-avatar-type=placeholder] svg{width:1.25rem;height:1.25rem}.avatar_avatar__hr3ZK:not([data-avatar-type=image-uploader])[data-avatar-size=xl]{width:3.25rem;height:3.25rem;font-family:"Inter",sans-serif;font-size:1.125rem;font-style:normal;line-height:2rem;font-weight:400}html[dir=rtl] .avatar_avatar__hr3ZK:not([data-avatar-type=image-uploader])[data-avatar-size=xl],html[lang=ar] .avatar_avatar__hr3ZK:not([data-avatar-type=image-uploader])[data-avatar-size=xl]{font-family:"Cairo",sans-serif;font-size:1.125rem;font-style:normal;line-height:2rem;font-weight:400}.avatar_avatar__hr3ZK:not([data-avatar-type=image-uploader])[data-avatar-size=xl]:focus{outline-width:.25rem}.avatar_avatar__hr3ZK:not([data-avatar-type=image-uploader])[data-avatar-size=xl][data-avatar-type=placeholder] svg{width:1.5rem;height:1.5rem}.avatar_avatar__hr3ZK:not([data-avatar-type=image-uploader])[data-avatar-size="2xl"]{width:3.75rem;height:3.75rem;font-family:"Inter",sans-serif;font-size:1.25rem;font-style:normal;line-height:2.25rem;font-weight:400}html[dir=rtl] .avatar_avatar__hr3ZK:not([data-avatar-type=image-uploader])[data-avatar-size="2xl"],html[lang=ar] .avatar_avatar__hr3ZK:not([data-avatar-type=image-uploader])[data-avatar-size="2xl"]{font-family:"Cairo",sans-serif;font-size:1.25rem;font-style:normal;line-height:2.25rem;font-weight:400}.avatar_avatar__hr3ZK:not([data-avatar-type=image-uploader])[data-avatar-size="2xl"]:focus{outline-width:.25rem}.avatar_avatar__hr3ZK:not([data-avatar-type=image-uploader])[data-avatar-size="2xl"][data-avatar-type=placeholder] svg{width:1.75rem;height:1.75rem}
 .account_user-info-box__VpIxr{padding:1rem;display:flex;align-items:center;justify-content:flex-start;gap:.75rem;border-bottom:.0625rem solid #eaecf0}.account_user-info-box__user-info__name__TZ1nn{color:#101828;font-family:"Inter",sans-serif;font-size:1.125rem;font-style:normal;line-height:2rem;font-weight:600}html[dir=rtl] .account_user-info-box__user-info__name__TZ1nn,html[lang=ar] .account_user-info-box__user-info__name__TZ1nn{font-family:"Cairo",sans-serif;font-size:1.125rem;font-style:normal;line-height:2rem;font-weight:700}.account_user-info-box__user-info__supporting-info__g6nBc{color:#475467;font-family:"Inter",sans-serif;font-size:.875rem;font-style:normal;line-height:1rem;font-weight:500}html[dir=rtl] .account_user-info-box__user-info__supporting-info__g6nBc,html[lang=ar] .account_user-info-box__user-info__supporting-info__g6nBc{font-family:"Cairo",sans-serif;font-size:.875rem;font-style:normal;line-height:1rem;font-weight:600}

package/main.js

@@ -16099,8 +16099,6 @@ const blue_logo_namespaceObject = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgA
 const _0_interest_namespaceObject = __webpack_require__.p + "0-interest.39e7455001b508e7.png";
 ;// ./src/assets/icons/arrow.png
 const arrow_namespaceObject = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAApCAYAAAAxmNlDAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADQSURBVHgB3dVdDYMwFIbhL1OABCQgYRLmYEiYA3DAHICTSUBCJTAH30rWi+6HLjmnJ2R9k94+6UV7Dkg2/sx8NiBXHnN8bUSOPLTwM/3NPXLl9zpo88hkid9McA9U0esoBz9DU8CdFV7vga+fqoGmYvEamhK4y4UvVnizF15BUwLvD9B1D+c9+RNk+ssfIekH2kIS05OvhSSmZ3UPSSZogE3Q8W/QwQLtNtAJ0opAZ0hLoZTOVyv0tIE6atYMDbfukh0N8CU7GuHrUmyp3a5RD1FeRfXQ4LI7AAAAAElFTkSuQmCC";
-;// ./src/assets/icons/Partner logo.png
-const Partner_logo_namespaceObject = __webpack_require__.p + "Partner logo.4e7a753306d0bf2e.png";
 ;// ./src/assets/icons/open-arrow.png
 const open_arrow_namespaceObject = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAcCAYAAADMW4fJAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAKISURBVHgB1ZhBbtpAFIb/Z8iulSwBUpc+QnoD2FVtiOgJQm6QniD0BE1PEHKCogRV3SU9QTkCy0qA5KrdJe7re9NYAuqxx8Z26CcBst8w9ueZeTMe8rvsN5/jEkCXgZAY4+WU3mOPsd0ztY54TISTjdKM0b4KGZFnuAXhcCPA6FG7z5z4rz0U8l9x0DjALQHBdkwkxp4Yhon/JIzaR3yOPSFNxMD44cmX/emLUKvPl3hiMkWkQQ6auPCWN3QhB1YhqWD4lEJZIjLe5+Sh931Cc4pPto95JK2U1q0mDz9xGt5RiJpwEWk8ipjj9aAkgzP5+WCtnTF7+IVeHUJ5Rcy57UKdPg8lM9i7VQ1Cndd8yA1Jv+KUFE8SMecTK8sQktg8uhehL5uVlUFREROzVSppuQsPn+TOEyutQshck+SaBURMHCl0BvKUfstTqkGodcwnuiyxFiDp3iISTuzdO1VGqUOoDBHFQwaLCc2aHl5qEydfBybraPZBATJFgK8uIo/34saLAQeRtJCs5IKkuLaQF+Ht4jPN4IjMbee6BrTFRfJqMaUhHHGWUbKEoMvxCD0XobJFlMxuto5mEc0mti4n+JpWNb2m1ZMlIg/rY14RJZeM4ij0TcdCUjBLRBe+qymdoQC5utk6Dl0OTBiurukqPnYRkXcoezyD3C0Toy10L1lO06atjGap9huz3qtcxFwPO+IP5DX27zxkHyeynvvnNXczvrOIsrOMYoQiswzpIi8liSilyMR0ZHOEtzdH0nlnXg5LolQZxVVIJtnT1Q2NUSKFE4ANnR90nkgrU4WIUrqMYuaJpH0F3QmS/a0qRJRKZJTltQzqNaF440EG+x3+VzTTySdADfwB8vtcjih1DEAAAAAASUVORK5CYII=";
 ;// ./src/assets/icons/close-arrow.png
@@ -22763,8 +22761,8 @@ const DropdownMenuItem_DropdownMenuItem = props => {
   }) : /*#__PURE__*/_jsx(_Fragment, {});
   return /*#__PURE__*/_jsxs("div", {
     className: styles['dropdown-menu-item'],
-    "data-dropdown-menu-disabled": disabled,
-    "data-dropdown-menu-selected": selected,
+    "data-dropdown-menu-item-disabled": disabled,
+    "data-dropdown-menu-item-selected": selected,
     onClick: () => handleClick(text || hintText || '', additionalData),
     children: [type === 'default' && icon && /*#__PURE__*/_jsx("div", {
       className: styles['dropdown-menu-item__featured-icon'],
@@ -67290,6 +67288,21 @@ const ContactForm = /*#__PURE__*/(/* unused pure expression or super */ null &&
       }
     }
   }, [defaultCountryISO, allowedCountries, collectShippingAddress, collectBillingAddress, countriesSource, setValue]);
+  useEffect(() => {
+    if (needsPhone && (dirtyFields.phone || getValues('phone'))) {
+      trigger('phone');
+    }
+  }, [country == null ? void 0 : country.code]);
+  useEffect(() => {
+    if (collectShippingAddress && (dirtyFields.shipping_phone_number || getValues('shipping_phone_number'))) {
+      trigger('shipping_phone_number');
+    }
+  }, [shippingPhoneCountry == null ? void 0 : shippingPhoneCountry.code]);
+  useEffect(() => {
+    if (collectBillingAddress && (dirtyFields.billing_phone_number || getValues('billing_phone_number'))) {
+      trigger('billing_phone_number');
+    }
+  }, [billingPhoneCountry == null ? void 0 : billingPhoneCountry.code]);
   const createEmailRegister = useCallback(({
     field: _field = 'email'
   } = {}) => {
@@ -72481,10 +72494,11 @@ const ClickOTPModal = ({
     if (!otp || otp.length !== 6) return;
     setIsLoading(true);
     const res = await onSubmit(isValid, otp);
-    if ((res == null ? void 0 : res.status) === 429) setShowImediatelyResend(true);
+    if ((res == null ? void 0 : res.status) === 423) setShowImediatelyResend(true);
     setIsLoading(false);
   };
   const autoVerifyHandler = () => {
+    if (showImediatelyResend) return;
     setIsValid(true);
     handleVerify();
   };
@@ -72520,7 +72534,7 @@ const ClickOTPModal = ({
         children: [/*#__PURE__*/_jsx(OTPStep, {
           resendTimer: TIMER,
           onResendOTP: !showImediatelyResend ? handleResend : undefined,
-          onValid: isMobile ? autoVerifyHandler : setIsValid,
+          onValid: autoVerifyHandler,
           otp: otp,
           setOtp: setOtp,
           length: 6,
@@ -72554,7 +72568,7 @@ const ClickOTPModal = ({
         color: 'primary',
         text: t('SUBMIT_BTN'),
         onClickHandler: handleVerify,
-        disabled: !isValid || isLoading,
+        disabled: !isValid || isLoading || showImediatelyResend,
         loading: isLoading
       }, {
         type: 'button',
@@ -72629,13 +72643,19 @@ const ClickPassKeySetupModal = ({
 ;// ../../libs/kit-components/src/components/OneClickPhoneInput/OneClickPhoneInput.tsx
 
 
+
+
 const OneClickPhoneInput_OneClickPhoneInput = ({
   register,
   clearErrors,
   setValue,
-  errors
+  errors,
+  country,
+  setCountry
 }) => {
-  const domainCountry = useGetDomainCountry();
+  const {
+    t
+  } = useTranslation('kitComponents');
   const phoneRegistration = () => register('phone_number', {
     onChange: e => {
       clearErrors();
@@ -72644,21 +72664,20 @@ const OneClickPhoneInput_OneClickPhoneInput = ({
       setValue('phone_number', trimmedNumber);
     },
     validate: value => {
+      var _parseMax;
       if (!value) return 'Phone number is required';
-      const validation = phoneNumberValidation(domainCountry.iso2);
-      return validation.pattern.test(value) || validation.error_msg;
+      return ((_parseMax = parseMax(country.code + value)) == null ? void 0 : _parseMax.isValid()) || t('PHONE_NOT_VALID');
     }
   });
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx(PhoneFormInput, {
       name: "phone_number",
       phoneFormRegister: phoneRegistration(),
-      selectedCountry: domainCountry,
-      setSelectedCountry: () => {},
+      selectedCountry: country,
+      setSelectedCountry: setCountry,
       placeholder: "10 000 0000",
       error: errors.phone_number,
       autoFocus: true,
-      disableDropdown: true,
       customStyle: {
         borderColor: errors.phone_number ? '#ff7397' : '#D0D5DD'
       }
@@ -72682,7 +72701,9 @@ const ClickPhoneVerificationModal = ({
   onVerify,
   onCancel,
   phoneHint,
-  OTPError
+  OTPError,
+  country,
+  setCountry
 }) => {
   const isMobile = useWidth();
   const {
@@ -72694,9 +72715,11 @@ const ClickPhoneVerificationModal = ({
     clearErrors,
     formState: {
       errors,
-      isValid
+      isValid,
+      dirtyFields
     },
-    getValues
+    getValues,
+    trigger
   } = useForm({
     mode: 'onBlur'
   });
@@ -72704,6 +72727,11 @@ const ClickPhoneVerificationModal = ({
   useEffect(() => {
     isValid && isMobile && handleVerify();
   }, [isValid]);
+  useEffect(() => {
+    if (dirtyFields.phone_number || getValues('phone_number')) {
+      trigger('phone_number');
+    }
+  }, [country == null ? void 0 : country.code]);
   const handleVerify = async () => {
     setIsLoading(true);
     await onVerify({
@@ -72724,7 +72752,9 @@ const ClickPhoneVerificationModal = ({
           clearErrors: clearErrors,
           errors: errors || OTPError,
           register: register,
-          setValue: setValue
+          setValue: setValue,
+          country: country,
+          setCountry: setCountry
         }), OTPError && /*#__PURE__*/_jsx("p", {
           className: "mt-1 text-sm text-red-500",
           children: OTPError
@@ -72756,7 +72786,9 @@ const ClickPhoneVerificationModal = ({
         clearErrors: clearErrors,
         errors: errors,
         register: register,
-        setValue: setValue
+        setValue: setValue,
+        country: country,
+        setCountry: setCountry
       }), OTPError && /*#__PURE__*/_jsx("p", {
         className: "mt-1 text-sm text-red-500",
         children: OTPError
@@ -72859,7 +72891,7 @@ const validations_COUNTRIES_INFO = {
     phone_regex: /^[0-9]{10}$/
   }
 };
-const validations_phoneNumberValidation = country => {
+const phoneNumberValidation = country => {
   const minLength = validations_COUNTRIES_INFO[country].phone_number_length.min;
   const maxLength = validations_COUNTRIES_INFO[country].phone_number_length.max;
   return {
@@ -73019,7 +73051,6 @@ async function fetchInstallmentPlans(payload) {
 
 
 
-
 
 
 function isPlansPayloadWrapped(value) {
@@ -73034,6 +73065,15 @@ function getBanksFromPayload(payload) {
   }
   return null;
 }
+function plansResponseErrorText(response) {
+  const responseBody = response == null ? void 0 : response.data;
+  if (!responseBody || typeof responseBody !== 'object') return '';
+  return typeof responseBody.error === 'string' ? responseBody.error : '';
+}
+function isMinimumEligibilityError(message) {
+  const lowerMessage = message.toLowerCase();
+  return lowerMessage.includes('minimum eligibility criteria');
+}
 function toIntegrationIds(integrationId) {
   if (integrationId == null) return undefined;
   const list = (Array.isArray(integrationId) ? integrationId : [integrationId]).map(Number).filter(Number.isFinite).sort((a, b) => a - b);
@@ -73057,6 +73097,11 @@ const learnMoreSteps = [{
   title: 'Complete Payment on Paymob',
   description: 'Enter the card details of the selected bank to finalize the payment.'
 }];
+const learnMoreStepsWithoutPlanSelect = [learnMoreSteps[1], learnMoreSteps[2], {
+  icon: card_namespaceObject,
+  title: 'Complete Payment on Paymob',
+  description: 'Select Bank Installment payment method, choose your preferred plan, and enter your card details to complete the payment.'
+}];
 function normalizeBanksWithPlans(installmentPlansProductPayload) {
   const banks = getBanksFromPayload(installmentPlansProductPayload);
   if (!(banks != null && banks.length)) return null;
@@ -73084,13 +73129,13 @@ function normalizeBanksWithPlans(installmentPlansProductPayload) {
     const minMonthlyAmount = Number(bank.minimum_plan_amount);
     const startsFromAmount = minMonthlyAmount || (installmentOptions.length ? Math.min(...installmentOptions.map(option => option.monthlyAmount)) : 0);
     const baseURL = String((_axios$defaults$baseU = lib_axios.defaults.baseURL) != null ? _axios$defaults$baseU : '');
-    const logoPath = String((_bank$bank_logo = bank.bank_logo) != null ? _bank$bank_logo : '');
-    const resolvedLogo = logoPath && logoPath.startsWith('/') && baseURL ? `${baseURL}${logoPath}` : logoPath || Partner_logo_namespaceObject;
+    const logoPath = String((_bank$bank_logo = bank.bank_logo) != null ? _bank$bank_logo : '').trim();
+    const bankLogoUrl = !logoPath ? null : logoPath.startsWith('/') && baseURL ? `${baseURL}${logoPath}` : logoPath;
     return {
       id: String(bank.bank_name || `bank-${bankIndex}`),
       name: String(bank.bank_name || 'Bank'),
-      logo: resolvedLogo,
-      badgeText: '0% Interest',
+      logo: bankLogoUrl,
+      badgeText: installmentOptions.some(plan => plan.interestRate === 0) ? '0% Interest' : '',
       startsFromAmount,
       installmentOptions
     };
@@ -73098,7 +73143,7 @@ function normalizeBanksWithPlans(installmentPlansProductPayload) {
 }
 function Widget({
   publicKey,
-  amount = 30000,
+  amount,
   currency = 'EGP',
   integrationId,
   customerCanSelect = false,
@@ -73116,8 +73161,8 @@ function Widget({
   const [submitError, setSubmitError] = (0,react.useState)(null);
   const canSubmit = typeof onSubmit === 'function';
   const canSelect = customerCanSelect === true;
-  const lastLoadedPlansKeyRef = (0,react.useRef)(null);
   const inFlightPlansKeyRef = (0,react.useRef)(null);
+  const [plansLoaded, setPlansLoaded] = (0,react.useState)(false);
   const amountInCents = (0,react.useMemo)(() => {
     if (typeof amount === 'number' && amount > 0) return Math.round(amount);
     return 0;
@@ -73126,6 +73171,13 @@ function Widget({
   const showZeroInterestHeader = (0,react.useMemo)(() => bankPlans.some(bank => bank.installmentOptions.some(plan => Number(plan.interestRate) === 0)), [bankPlans]);
   const integrationIds = (0,react.useMemo)(() => toIntegrationIds(integrationId), [integrationId]);
   (0,react.useEffect)(() => {
+    if (!publicKey || amountInCents <= 0) {
+      setBankPlans([]);
+      setPlansErrorMessage(null);
+      setIsModalOpen(false);
+      setPlansLoaded(true);
+      return;
+    }
     const plansKey = JSON.stringify({
       publicKey: publicKey != null ? publicKey : null,
       amountInCents,
@@ -73133,39 +73185,43 @@ function Widget({
       integrationId: integrationIds != null ? integrationIds : null
     });
     const loadInstallmentPlans = async () => {
-      if (!publicKey) return;
-      if (amountInCents <= 0) return;
       if (inFlightPlansKeyRef.current === plansKey) return;
-      if (lastLoadedPlansKeyRef.current === plansKey && bankPlans.length) return;
       inFlightPlansKeyRef.current = plansKey;
+      setPlansLoaded(false);
+      setBankPlans([]);
       setIsPlansLoading(true);
       setPlansErrorMessage(null);
-      const installmentPlansResponse = await fetchInstallmentPlans(Object.assign({
-        public_key: publicKey,
-        amount_cents: amountInCents,
-        currency
-      }, integrationIds != null ? {
-        integration_id: integrationIds
-      } : {}));
-      if ((installmentPlansResponse == null ? void 0 : installmentPlansResponse.status) >= 200 && (installmentPlansResponse == null ? void 0 : installmentPlansResponse.status) < 300) {
-        const normalizedPlans = normalizeBanksWithPlans(installmentPlansResponse == null ? void 0 : installmentPlansResponse.data);
-        if (normalizedPlans != null && normalizedPlans.length) {
+      try {
+        var _plansResponse$status;
+        const plansResponse = await fetchInstallmentPlans(Object.assign({
+          public_key: publicKey,
+          amount_cents: amountInCents,
+          currency
+        }, integrationIds != null ? {
+          integration_id: integrationIds
+        } : {}));
+        const statusCode = (_plansResponse$status = plansResponse == null ? void 0 : plansResponse.status) != null ? _plansResponse$status : 0;
+        const plansRequestSucceeded = statusCode >= 200 && statusCode < 300;
+        const normalizedPlans = plansRequestSucceeded ? normalizeBanksWithPlans(plansResponse == null ? void 0 : plansResponse.data) : null;
+        const errorText = plansResponseErrorText(plansResponse);
+        const isBelowMinimumForAllBanks = !plansRequestSucceeded && isMinimumEligibilityError(errorText);
+        if (plansRequestSucceeded && normalizedPlans != null && normalizedPlans.length) {
           setBankPlans(normalizedPlans);
-          lastLoadedPlansKeyRef.current = plansKey;
+          setPlansErrorMessage(null);
+        } else if (plansRequestSucceeded && !(normalizedPlans != null && normalizedPlans.length) || isBelowMinimumForAllBanks) {
+          setBankPlans([]);
+          setPlansErrorMessage(null);
+          setIsModalOpen(false);
         } else {
           setBankPlans([]);
-          setPlansErrorMessage('No installment plans available.');
+          setPlansErrorMessage(errorText || 'Failed to load installment plans.');
         }
-      } else {
-        var _installmentPlansResp, _installmentPlansResp2;
-        setBankPlans([]);
-        setPlansErrorMessage((installmentPlansResponse == null || (_installmentPlansResp = installmentPlansResponse.data) == null ? void 0 : _installmentPlansResp.message) || (installmentPlansResponse == null || (_installmentPlansResp2 = installmentPlansResponse.data) == null ? void 0 : _installmentPlansResp2.msg) || 'Failed to load installment plans.');
+      } finally {
+        setIsPlansLoading(false);
+        inFlightPlansKeyRef.current = null;
+        setPlansLoaded(true);
       }
-      setIsPlansLoading(false);
-      inFlightPlansKeyRef.current = null;
     };
-
-    // Prefetch on widget render / inputs change.
     void loadInstallmentPlans();
   }, [publicKey, amountInCents, currency, integrationIds]);
   const headerThemeStyles = {
@@ -73189,6 +73245,10 @@ function Widget({
     dark: '#D0D5DD',
     light: '#667085'
   };
+  const showInstallmentWidget = bankPlans.length > 0 || plansLoaded && plansErrorMessage;
+  if (!showInstallmentWidget) {
+    return null;
+  }
   return /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
     children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
       className: "rounded-xl bg-blue-500 ",
@@ -73351,15 +73411,16 @@ function Widget({
               alignItems: 'center',
               gap: '10px'
             },
-            children: [/*#__PURE__*/(0,jsx_runtime.jsx)("img", {
+            children: [bank.logo ? /*#__PURE__*/(0,jsx_runtime.jsx)("img", {
               src: bank.logo,
               alt: bank.name,
               style: {
                 width: '40px',
                 height: '40px',
-                borderRadius: '50%'
+                borderRadius: '50%',
+                objectFit: 'contain'
               }
-            }), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+            }) : null, /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
               style: {
                 display: 'flex',
                 alignItems: 'end-start',
@@ -73378,14 +73439,14 @@ function Widget({
                     color: '#101828'
                   },
                   children: bank.name
-                }), /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+                }), bank.badgeText ? /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
                   "data-plan-badge": "true",
                   children: /*#__PURE__*/(0,jsx_runtime.jsx)(Badge_Badge, {
                     text: bank.badgeText,
                     color: "green",
                     size: "lg"
                   })
-                })]
+                }) : null]
               }), /*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
                 style: {
                   color: '#475467',
@@ -73544,7 +73605,7 @@ function Widget({
             flexDirection: 'column',
             gap: '16px'
           },
-          children: (canSelect ? learnMoreSteps : learnMoreSteps.slice(1)).map((step, index) => /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+          children: (canSelect ? learnMoreSteps : learnMoreStepsWithoutPlanSelect).map((step, index) => /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
             style: {
               display: 'flex',
               alignItems: 'flex-start',
@@ -73651,12 +73712,20 @@ var _PaymobWidget;
 
 
 
+const AMOUNT_REQUIRED_MESSAGE = '[PaymobWidget] The "amount" option is required. Pass the order total in cents as a positive finite number.';
+function isValidOrderAmountCents(value) {
+  return typeof value === 'number' && Number.isFinite(value) && value > 0;
+}
 class paymob_widget_PaymobWidget {
   constructor(options) {
     this._options = void 0;
     this._root = null;
     this._options = options;
-    const baseURL = this.updateAPIBaseURL();
+    if (!isValidOrderAmountCents(options.amount)) {
+      console.error(AMOUNT_REQUIRED_MESSAGE);
+      return;
+    }
+    this.updateAPIBaseURL();
     paymob_widget_PaymobWidget._instances[options.elementId] = this;
     paymob_widget_PaymobWidget._lastInstanceId = options.elementId;
     this.render();
@@ -73667,6 +73736,10 @@ class paymob_widget_PaymobWidget {
     return baseURL;
   }
   render() {
+    if (!isValidOrderAmountCents(this._options.amount)) {
+      console.error(AMOUNT_REQUIRED_MESSAGE);
+      return;
+    }
     const container = document.getElementById(this._options.elementId);
     if (!container) {
       console.error("Container not found");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "paymob-widget-alpha",
-  "version": "1.0.12",
+  "version": "1.0.13",
   "keywords": ["paymob","widget","paymob-widget"],
   "main": "./main.js",
   "license": "MIT",