\n\n {/* colored grey top part */}\n \n\n\n {/* white main part */}\n \n\n\n {/* phone image section */}\n ![\"about](\"./images/aboutAgelImg.png\")
\n \n\n\n {/* text section */}\n \n\n {/* title */}\n \n\n \n\n\n
\n\n
\n )\n}","import React from 'react';\nimport { Container } from 'react-bootstrap';\nimport './downloadApp.css'\n\nexport default function DownloadApp() {\n\n function redirectToGoogleApps() {\n window.open(\"https://play.google.com/store/apps/details?id=com.agel\")\n }\n\n\n return (\n \n \n\n\n {/* text section */}\n \n شركة آجل لخدمات الدفع الإلكترونى\n
\n\n {/* text */}\n \n تم تأسيس شركة أجل على ايد خبراء في مجال تطوير الأعمال والتمويل والتكنولوجيا والتصنيع\n لأكثر من 50 سنة من الخبرة.\n \n\n \n ليه اسم آجل ؟ الأجل كلمة بنسمعها كتير بين التجار و نظام متعارف عليه بينهم .\n \n\n \n كلمة (آجل ) كلمة شائعة وأسلوب ونظام نشأ من زمان بين التجار تسهيل المعاملات التجارية علشان كدة اخترنا اسم (آجل ) علشان نكون اسمنا شريك التجار في معاملاتهم . تطبيق يسهل وينظم معاملاتك بين جميع تجار الجملة والتجزئة بسهولة ومن غير تعقيد . \n \n\n \n آجل بتوفر لتجار التجزئة البضاعة اللي هتحتاجها لمشروعك ومش بس كده هتسدد على دفعات بسهولة ومن غير أى أجراءات معقدة .\n \n\n \n آجل بتساعد تجار الجملة في تنظيم معاملاتهم التجارية و بتقدم حلول لتوفير سيولة لتجارتهم .\n \n\n\n\n
\n )\n}\n\n\n\n","import React from 'react';\nimport { Container, Row, Col } from 'react-bootstrap';\nimport './footer.css'\n\nexport default function Footer() {\n\n function redirectToFacebook() {\n window.open(\"https://www.facebook.com/agelegypt\")\n }\n\n function redirectToLinkedin() {\n window.open(\"https://www.linkedin.com/company/agelegypt/\")\n }\n\n \n return (\n \n {/* header text */}\n \n\n حمل التطبيق الآن\n\n \n \n آجل شريك تقدر تـثـق فيه لتوفير البضاعة اللي محتاجها لتجارتك\n \n \n التعامل مع آجـل بسيط ومريح لأنك مش هتحتاج حساب بنكي ولا معاملات معقدة\n \n \n\n \n\n {/* play store app image download */}\n
\n \n 
\n
\n\n \n \n {/* upper footer part */}\n\n
\n )\n}","export default !!(typeof window !== 'undefined' && window.document && window.document.createElement);","/* eslint-disable no-return-assign */\nimport canUseDOM from './canUseDOM';\nexport var optionsSupported = false;\nexport var onceSupported = false;\n\ntry {\n var options = {\n get passive() {\n return optionsSupported = true;\n },\n\n get once() {\n // eslint-disable-next-line no-multi-assign\n return onceSupported = optionsSupported = true;\n }\n\n };\n\n if (canUseDOM) {\n window.addEventListener('test', options, options);\n window.removeEventListener('test', options, true);\n }\n} catch (e) {\n /* */\n}\n\n/**\n * An `addEventListener` ponyfill, supports the `once` option\n * \n * @param node the element\n * @param eventName the event name\n * @param handle the handler\n * @param options event options\n */\nfunction addEventListener(node, eventName, handler, options) {\n if (options && typeof options !== 'boolean' && !onceSupported) {\n var once = options.once,\n capture = options.capture;\n var wrappedHandler = handler;\n\n if (!onceSupported && once) {\n wrappedHandler = handler.__once || function onceHandler(event) {\n this.removeEventListener(eventName, onceHandler, capture);\n handler.call(this, event);\n };\n\n handler.__once = wrappedHandler;\n }\n\n node.addEventListener(eventName, wrappedHandler, optionsSupported ? options : capture);\n }\n\n node.addEventListener(eventName, handler, options);\n}\n\nexport default addEventListener;","/**\n * Returns the owner document of a given element.\n * \n * @param node the element\n */\nexport default function ownerDocument(node) {\n return node && node.ownerDocument || document;\n}","/**\n * A `removeEventListener` ponyfill\n * \n * @param node the element\n * @param eventName the event name\n * @param handle the handler\n * @param options event options\n */\nfunction removeEventListener(node, eventName, handler, options) {\n var capture = options && typeof options !== 'boolean' ? options.capture : options;\n node.removeEventListener(eventName, handler, capture);\n\n if (handler.__once) {\n node.removeEventListener(eventName, handler.__once, capture);\n }\n}\n\nexport default removeEventListener;","import canUseDOM from './canUseDOM';\nvar size;\nexport default function scrollbarSize(recalc) {\n if (!size && size !== 0 || recalc) {\n if (canUseDOM) {\n var scrollDiv = document.createElement('div');\n scrollDiv.style.position = 'absolute';\n scrollDiv.style.top = '-9999px';\n scrollDiv.style.width = '50px';\n scrollDiv.style.height = '50px';\n scrollDiv.style.overflow = 'scroll';\n document.body.appendChild(scrollDiv);\n size = scrollDiv.offsetWidth - scrollDiv.clientWidth;\n document.body.removeChild(scrollDiv);\n }\n }\n\n return size;\n}","import { useEffect, useRef } from 'react';\n/**\n * Creates a `Ref` whose value is updated in an effect, ensuring the most recent\n * value is the one rendered with. Generally only required for Concurrent mode usage\n * where previous work in `render()` may be discarded before being used.\n *\n * This is safe to access in an event handler.\n *\n * @param value The `Ref` value\n */\n\nfunction useCommittedRef(value) {\n var ref = useRef(value);\n useEffect(function () {\n ref.current = value;\n }, [value]);\n return ref;\n}\n\nexport default useCommittedRef;","import { useCallback } from 'react';\nimport useCommittedRef from './useCommittedRef';\nexport default function useEventCallback(fn) {\n var ref = useCommittedRef(fn);\n return useCallback(function () {\n return ref.current && ref.current.apply(ref, arguments);\n }, [ref]);\n}","import { useMemo } from 'react';\n\nvar toFnRef = function toFnRef(ref) {\n return !ref || typeof ref === 'function' ? ref : function (value) {\n ref.current = value;\n };\n};\n\nexport function mergeRefs(refA, refB) {\n var a = toFnRef(refA);\n var b = toFnRef(refB);\n return function (value) {\n if (a) a(value);\n if (b) b(value);\n };\n}\n/**\n * Create and returns a single callback ref composed from two other Refs.\n *\n * ```tsx\n * const Button = React.forwardRef((props, ref) => {\n * const [element, attachRef] = useCallbackRef\n\n \n\n {/* agel-footer-upper-part-img */}\n 
\n \n\n {/* agel-footer-upper-part-info */}\n
\n
\n\n {/* lower footer part */}\n \n \n\n {/* agel-footer-upper-part-info */}\n \n \n \n البريد\n \n الإلكتروني\n \n\n \n info@agel.io\n \n\n \n \n رقم\n \n التليفون\n \n\n \n (+202 -25210348)\n
\n (+202 -25210075)\n
\n (+202 -2521019)\n \n\n
\n\n\n {/* vertical border */}\n \n\n\n {/* part2 */}\n \n (+202 -25210075)\n
\n (+202 -2521019)\n \n\n
\n ![\"fb-icon\"](\"/images/fb-icon.svg\")
\n ![\"linkedin-icon\"](\"/images/linkedin-icon.svg\")
\n
\n\n \n \n \n \n \n الفروع\n \n \n\n \n فرع القاهرة:\n
\n 13 - شارع 254 دجلة المعادى\n \n\n \n فرع الأسكندرية:\n
\n 27 - شارع رشدى باشا - الدور الأول - الأسكندرية \n \n\n
\n\n \n\n \n 13 - شارع 254 دجلة المعادى\n \n\n \n فرع الأسكندرية:\n
\n 27 - شارع رشدى باشا - الدور الأول - الأسكندرية \n \n\n
\n \n \n
\n\n \n \n \n \n Ⓒ جميع الحقوق محفوظه لشركه آجل لخدمات الدفع الإلكترونى\n \n
\n\n \n\n {/* header */}\n \n\n \n\n
\n\n\n\n \n\n
\n )\n}","import React, { useEffect, useState } from 'react';\nimport { Container, Row, Col } from 'react-bootstrap';\nimport './WhyAgel.css';\n\nexport default function WhyAgel() {\n\n const [windowWidth, setWindowWidth] = useState(window.innerWidth)\n\n useEffect(() => {\n window.addEventListener('resize', () => setWindowWidth(window.innerWidth));\n // console.log(\"width=\", windowWidth)\n }, [])\n\n //box1 states\n const [box1TitleColor, setBox1TitleColor] = useState(\"why-agel-mini-box-title\")\n const [box1SubTitleColor, setBox1SubTitleColor] = useState(\"why-agel-mini-box-subtitle\")\n const [box1_img, setBox1_img] = useState(\"/images/trade-contract.svg\")\n\n //box2 states\n const [box2TitleColor, setBox2TitleColor] = useState(\"why-agel-mini-box-title\")\n const [box2SubTitleColor, setBox2SubTitleColor] = useState(\"why-agel-mini-box-subtitle\")\n const [box2_img, setBox2_img] = useState(\"/images/increase-sales.svg\")\n\n //box3 states\n const [box3TitleColor, setBox3TitleColor] = useState(\"why-agel-mini-box-title\")\n const [box3SubTitleColor, setBox3SubTitleColor] = useState(\"why-agel-mini-box-subtitle\")\n const [box3_img, setBox3_img] = useState(\"/images/personal-information.svg\")\n\n //box4 states\n const [box4TitleColor, setBox4TitleColor] = useState(\"why-agel-mini-box-title\")\n const [box4SubTitleColor, setBox4SubTitleColor] = useState(\"why-agel-mini-box-subtitle\")\n const [box4_img, setBox4_img] = useState(\"/images/octagonal.svg\")\n\n\n //box1 fns\n const setHoverColorsEnterBox1 = () => {\n if (windowWidth > 768) {\n setBox1TitleColor(\"why-agel-mini-box-title text-white text-underline\");\n setBox1SubTitleColor(\"why-agel-mini-box-subtitle text-white\");\n setBox1_img(\"/images/trade-contract-hover.svg\")\n }\n }\n\n const setHoverColorsLeaveBox1 = () => {\n if (windowWidth > 768) {\n setBox1TitleColor(\"why-agel-mini-box-title\");\n setBox1SubTitleColor(\"why-agel-mini-box-subtitle\")\n setBox1_img(\"/images/trade-contract.svg\")\n }\n }\n\n //box2 fns\n const setHoverColorsEnterBox2 = () => {\n if (windowWidth > 768) {\n setBox2TitleColor(\"why-agel-mini-box-title text-white text-underline\");\n setBox2SubTitleColor(\"why-agel-mini-box-subtitle text-white\");\n setBox2_img(\"/images/increase-sales-hover.svg\")\n }\n }\n const setHoverColorsLeaveBox2 = () => {\n if (windowWidth > 768) {\n setBox2TitleColor(\"why-agel-mini-box-title\");\n setBox2SubTitleColor(\"why-agel-mini-box-subtitle\")\n setBox2_img(\"/images/increase-sales.svg\")\n }\n }\n\n //box3 fns\n const setHoverColorsEnterBox3 = () => {\n if (windowWidth > 768) {\n setBox3TitleColor(\"why-agel-mini-box-title text-white text-underline\");\n setBox3SubTitleColor(\"why-agel-mini-box-subtitle text-white\");\n setBox3_img(\"/images/personal-information-hover.svg\")\n }\n }\n\n const setHoverColorsLeaveBox3 = () => {\n if (windowWidth > 768) {\n setBox3TitleColor(\"why-agel-mini-box-title\");\n setBox3SubTitleColor(\"why-agel-mini-box-subtitle\")\n setBox3_img(\"/images/personal-information.svg\")\n }\n }\n\n //box4 fns\n const setHoverColorsEnterBox4 = () => {\n if (windowWidth > 768) {\n setBox4TitleColor(\"why-agel-mini-box-title text-white text-underline\");\n setBox4SubTitleColor(\"why-agel-mini-box-subtitle text-white\");\n setBox4_img(\"/images/octagonal-hover.svg\")\n }\n }\n\n const setHoverColorsLeaveBox4 = () => {\n if (windowWidth > 768) {\n setBox4TitleColor(\"why-agel-mini-box-title\");\n setBox4SubTitleColor(\"why-agel-mini-box-subtitle\")\n setBox4_img(\"/images/octagonal.svg\")\n }\n }\n\n\n\n\n return (\n \n\n إزاى تستخدم آجل\n\n \n \n آجل شريك التجار هيوفرلك البضاعة اللي محتاجها لتجارتك بإجراءات بسيطة وسهلة .\n \n \n بسيط -سهل -مريح التعامل مع آجل مش محتاج حساب بنكي ولا معاملات نقدية .\n \n \n دلوقتي بضاعتك مع آجل بتسهيلات في السداد , اشتري بضاعتك وسدد على دفعات .\n \n \n\n
\n\n {/* how to use agel image */}\n \n ![\"how](\"/images/how-to-use-agel.png\")
\n
\n\n {/* how to use agel mini cards */}\n \n \n \n الخطوة الأولى\n \n \n حدد نوع البضاعة اللى محتاجها و أختار التاجر اللى يناسبك و تتواصل معاه و اشترى بضاعتك منه حسب الرصيد المتاح لك في آجل\n \n
\n\n \n\n \n \n الخطوة الثانية\n \n \n هتعرف التاجر إن وسيلة الدفع هي آجل و تختار خطة الدفع المناسبة ولو عليك دفعه قريبة هتشوفها قبل ما توافق على الفاتورة الحالية\n \n
\n \n\n \n \n الخطوة الثالثة\n \n \n هتأكد عملية البيع بعد ماتكون عرفت دفعتك القادمة من الفاتورة و مواعيد السداد\n \n
\n \n\n \n\n {/* header */}\n \n \n\n\n {/* box1 */}\n\n
\n \n
\n )\n}","import * as React from 'react';\nconst SelectableContext = /*#__PURE__*/React.createContext(null);\nexport const makeEventKey = (eventKey, href = null) => {\n if (eventKey != null) return String(eventKey);\n return href || null;\n};\nexport default SelectableContext;","import invariant from 'invariant';\n\nvar noop = function noop() {};\n\nfunction readOnlyPropType(handler, name) {\n return function (props, propName) {\n if (props[propName] !== undefined) {\n if (!props[handler]) {\n return new Error(\"You have provided a `\" + propName + \"` prop to `\" + name + \"` \" + (\"without an `\" + handler + \"` handler prop. This will render a read-only field. \") + (\"If the field should be mutable use `\" + defaultKey(propName) + \"`. \") + (\"Otherwise, set `\" + handler + \"`.\"));\n }\n }\n };\n}\n\nexport function uncontrolledPropTypes(controlledValues, displayName) {\n var propTypes = {};\n Object.keys(controlledValues).forEach(function (prop) {\n // add default propTypes for folks that use runtime checks\n propTypes[defaultKey(prop)] = noop;\n\n if (process.env.NODE_ENV !== 'production') {\n var handler = controlledValues[prop];\n !(typeof handler === 'string' && handler.trim().length) ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Uncontrollable - [%s]: the prop `%s` needs a valid handler key name in order to make it uncontrollable', displayName, prop) : invariant(false) : void 0;\n propTypes[prop] = readOnlyPropType(handler, displayName);\n }\n });\n return propTypes;\n}\nexport function isProp(props, prop) {\n return props[prop] !== undefined;\n}\nexport function defaultKey(key) {\n return 'default' + key.charAt(0).toUpperCase() + key.substr(1);\n}\n/**\n * Copyright (c) 2013-present, Facebook, Inc.\n * All rights reserved.\n *\n * This source code is licensed under the BSD-style license found in the\n * LICENSE file in the root directory of this source tree. An additional grant\n * of patent rights can be found in the PATENTS file in the same directory.\n */\n\nexport function canAcceptRef(component) {\n return !!component && (typeof component !== 'function' || component.prototype && component.prototype.isReactComponent);\n}","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\n\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, \"string\"); return typeof key === \"symbol\" ? key : String(key); }\n\nfunction _toPrimitive(input, hint) { if (typeof input !== \"object\" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || \"default\"); if (typeof res !== \"object\") return res; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (hint === \"string\" ? String : Number)(input); }\n\nimport { useCallback, useRef, useState } from 'react';\nimport * as Utils from './utils';\n\nfunction useUncontrolledProp(propValue, defaultValue, handler) {\n var wasPropRef = useRef(propValue !== undefined);\n\n var _useState = useState(defaultValue),\n stateValue = _useState[0],\n setState = _useState[1];\n\n var isProp = propValue !== undefined;\n var wasProp = wasPropRef.current;\n wasPropRef.current = isProp;\n /**\n * If a prop switches from controlled to Uncontrolled\n * reset its value to the defaultValue\n */\n\n if (!isProp && wasProp && stateValue !== defaultValue) {\n setState(defaultValue);\n }\n\n return [isProp ? propValue : stateValue, useCallback(function (value) {\n for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n args[_key - 1] = arguments[_key];\n }\n\n if (handler) handler.apply(void 0, [value].concat(args));\n setState(value);\n }, [handler])];\n}\n\nexport { useUncontrolledProp };\nexport default function useUncontrolled(props, config) {\n return Object.keys(config).reduce(function (result, fieldName) {\n var _extends2;\n\n var _ref = result,\n defaultValue = _ref[Utils.defaultKey(fieldName)],\n propsValue = _ref[fieldName],\n rest = _objectWithoutPropertiesLoose(_ref, [Utils.defaultKey(fieldName), fieldName].map(_toPropertyKey));\n\n var handlerName = config[fieldName];\n\n var _useUncontrolledProp = useUncontrolledProp(propsValue, defaultValue, props[handlerName]),\n value = _useUncontrolledProp[0],\n handler = _useUncontrolledProp[1];\n\n return _extends({}, rest, (_extends2 = {}, _extends2[fieldName] = value, _extends2[handlerName] = handler, _extends2));\n }, props);\n}","/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nfunction componentWillMount() {\n // Call this.constructor.gDSFP to support sub-classes.\n var state = this.constructor.getDerivedStateFromProps(this.props, this.state);\n if (state !== null && state !== undefined) {\n this.setState(state);\n }\n}\n\nfunction componentWillReceiveProps(nextProps) {\n // Call this.constructor.gDSFP to support sub-classes.\n // Use the setState() updater to ensure state isn't stale in certain edge cases.\n function updater(prevState) {\n var state = this.constructor.getDerivedStateFromProps(nextProps, prevState);\n return state !== null && state !== undefined ? state : null;\n }\n // Binding \"this\" is important for shallow renderer support.\n this.setState(updater.bind(this));\n}\n\nfunction componentWillUpdate(nextProps, nextState) {\n try {\n var prevProps = this.props;\n var prevState = this.state;\n this.props = nextProps;\n this.state = nextState;\n this.__reactInternalSnapshotFlag = true;\n this.__reactInternalSnapshot = this.getSnapshotBeforeUpdate(\n prevProps,\n prevState\n );\n } finally {\n this.props = prevProps;\n this.state = prevState;\n }\n}\n\n// React may warn about cWM/cWRP/cWU methods being deprecated.\n// Add a flag to suppress these warnings for this special case.\ncomponentWillMount.__suppressDeprecationWarning = true;\ncomponentWillReceiveProps.__suppressDeprecationWarning = true;\ncomponentWillUpdate.__suppressDeprecationWarning = true;\n\nfunction polyfill(Component) {\n var prototype = Component.prototype;\n\n if (!prototype || !prototype.isReactComponent) {\n throw new Error('Can only polyfill class components');\n }\n\n if (\n typeof Component.getDerivedStateFromProps !== 'function' &&\n typeof prototype.getSnapshotBeforeUpdate !== 'function'\n ) {\n return Component;\n }\n\n // If new component APIs are defined, \"unsafe\" lifecycles won't be called.\n // Error if any of these lifecycles are present,\n // Because they would work differently between older and newer (16.3+) versions of React.\n var foundWillMountName = null;\n var foundWillReceivePropsName = null;\n var foundWillUpdateName = null;\n if (typeof prototype.componentWillMount === 'function') {\n foundWillMountName = 'componentWillMount';\n } else if (typeof prototype.UNSAFE_componentWillMount === 'function') {\n foundWillMountName = 'UNSAFE_componentWillMount';\n }\n if (typeof prototype.componentWillReceiveProps === 'function') {\n foundWillReceivePropsName = 'componentWillReceiveProps';\n } else if (typeof prototype.UNSAFE_componentWillReceiveProps === 'function') {\n foundWillReceivePropsName = 'UNSAFE_componentWillReceiveProps';\n }\n if (typeof prototype.componentWillUpdate === 'function') {\n foundWillUpdateName = 'componentWillUpdate';\n } else if (typeof prototype.UNSAFE_componentWillUpdate === 'function') {\n foundWillUpdateName = 'UNSAFE_componentWillUpdate';\n }\n if (\n foundWillMountName !== null ||\n foundWillReceivePropsName !== null ||\n foundWillUpdateName !== null\n ) {\n var componentName = Component.displayName || Component.name;\n var newApiName =\n typeof Component.getDerivedStateFromProps === 'function'\n ? 'getDerivedStateFromProps()'\n : 'getSnapshotBeforeUpdate()';\n\n throw Error(\n 'Unsafe legacy lifecycles will not be called for components using new component APIs.\\n\\n' +\n componentName +\n ' uses ' +\n newApiName +\n ' but also contains the following legacy lifecycles:' +\n (foundWillMountName !== null ? '\\n ' + foundWillMountName : '') +\n (foundWillReceivePropsName !== null\n ? '\\n ' + foundWillReceivePropsName\n : '') +\n (foundWillUpdateName !== null ? '\\n ' + foundWillUpdateName : '') +\n '\\n\\nThe above lifecycles should be removed. Learn more about this warning here:\\n' +\n 'https://fb.me/react-async-component-lifecycle-hooks'\n );\n }\n\n // React <= 16.2 does not support static getDerivedStateFromProps.\n // As a workaround, use cWM and cWRP to invoke the new static lifecycle.\n // Newer versions of React will ignore these lifecycles if gDSFP exists.\n if (typeof Component.getDerivedStateFromProps === 'function') {\n prototype.componentWillMount = componentWillMount;\n prototype.componentWillReceiveProps = componentWillReceiveProps;\n }\n\n // React <= 16.2 does not support getSnapshotBeforeUpdate.\n // As a workaround, use cWU to invoke the new lifecycle.\n // Newer versions of React will ignore that lifecycle if gSBU exists.\n if (typeof prototype.getSnapshotBeforeUpdate === 'function') {\n if (typeof prototype.componentDidUpdate !== 'function') {\n throw new Error(\n 'Cannot polyfill getSnapshotBeforeUpdate() for components that do not define componentDidUpdate() on the prototype'\n );\n }\n\n prototype.componentWillUpdate = componentWillUpdate;\n\n var componentDidUpdate = prototype.componentDidUpdate;\n\n prototype.componentDidUpdate = function componentDidUpdatePolyfill(\n prevProps,\n prevState,\n maybeSnapshot\n ) {\n // 16.3+ will not execute our will-update method;\n // It will pass a snapshot value to did-update though.\n // Older versions will require our polyfilled will-update value.\n // We need to handle both cases, but can't just check for the presence of \"maybeSnapshot\",\n // Because for <= 15.x versions this might be a \"prevContext\" object.\n // We also can't just check \"__reactInternalSnapshot\",\n // Because get-snapshot might return a falsy value.\n // So check for the explicit __reactInternalSnapshotFlag flag to determine behavior.\n var snapshot = this.__reactInternalSnapshotFlag\n ? this.__reactInternalSnapshot\n : maybeSnapshot;\n\n componentDidUpdate.call(this, prevProps, prevState, snapshot);\n };\n }\n\n return Component;\n}\n\nexport { polyfill };\n","import classNames from 'classnames';\nimport * as React from 'react';\nimport { useBootstrapPrefix } from './ThemeProvider';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst NavbarBrand = /*#__PURE__*/React.forwardRef(({\n bsPrefix,\n className,\n as,\n ...props\n}, ref) => {\n bsPrefix = useBootstrapPrefix(bsPrefix, 'navbar-brand');\n const Component = as || (props.href ? 'a' : 'span');\n return /*#__PURE__*/_jsx(Component, { ...props,\n ref: ref,\n className: classNames(className, bsPrefix)\n });\n});\nNavbarBrand.displayName = 'NavbarBrand';\nexport default NavbarBrand;","/**\n * Safe chained function\n *\n * Will only create a new function if needed,\n * otherwise will pass back existing functions or null.\n *\n * @param {function} functions to chain\n * @returns {function|null}\n */\nfunction createChainedFunction(...funcs) {\n return funcs.filter(f => f != null).reduce((acc, f) => {\n if (typeof f !== 'function') {\n throw new Error('Invalid Argument Type, must only provide functions, undefined, or null.');\n }\n\n if (acc === null) return f;\n return function chainedFunction(...args) {\n // @ts-ignore\n acc.apply(this, args); // @ts-ignore\n\n f.apply(this, args);\n };\n }, null);\n}\n\nexport default createChainedFunction;","import classNames from 'classnames';\nimport css from 'dom-helpers/css';\nimport React, { useMemo } from 'react';\nimport { ENTERED, ENTERING, EXITED, EXITING } from 'react-transition-group/Transition';\nimport transitionEndListener from './transitionEndListener';\nimport createChainedFunction from './createChainedFunction';\nimport triggerBrowserReflow from './triggerBrowserReflow';\nimport TransitionWrapper from './TransitionWrapper';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst MARGINS = {\n height: ['marginTop', 'marginBottom'],\n width: ['marginLeft', 'marginRight']\n};\n\nfunction getDefaultDimensionValue(dimension, elem) {\n const offset = `offset${dimension[0].toUpperCase()}${dimension.slice(1)}`;\n const value = elem[offset];\n const margins = MARGINS[dimension];\n return value + // @ts-ignore\n parseInt(css(elem, margins[0]), 10) + // @ts-ignore\n parseInt(css(elem, margins[1]), 10);\n}\n\nconst collapseStyles = {\n [EXITED]: 'collapse',\n [EXITING]: 'collapsing',\n [ENTERING]: 'collapsing',\n [ENTERED]: 'collapse show'\n};\nconst defaultProps = {\n in: false,\n timeout: 300,\n mountOnEnter: false,\n unmountOnExit: false,\n appear: false,\n getDimensionValue: getDefaultDimensionValue\n};\nconst Collapse = /*#__PURE__*/React.forwardRef(({\n onEnter,\n onEntering,\n onEntered,\n onExit,\n onExiting,\n className,\n children,\n dimension = 'height',\n getDimensionValue = getDefaultDimensionValue,\n ...props\n}, ref) => {\n /* Compute dimension */\n const computedDimension = typeof dimension === 'function' ? dimension() : dimension;\n /* -- Expanding -- */\n\n const handleEnter = useMemo(() => createChainedFunction(elem => {\n elem.style[computedDimension] = '0';\n }, onEnter), [computedDimension, onEnter]);\n const handleEntering = useMemo(() => createChainedFunction(elem => {\n const scroll = `scroll${computedDimension[0].toUpperCase()}${computedDimension.slice(1)}`;\n elem.style[computedDimension] = `${elem[scroll]}px`;\n }, onEntering), [computedDimension, onEntering]);\n const handleEntered = useMemo(() => createChainedFunction(elem => {\n elem.style[computedDimension] = null;\n }, onEntered), [computedDimension, onEntered]);\n /* -- Collapsing -- */\n\n const handleExit = useMemo(() => createChainedFunction(elem => {\n elem.style[computedDimension] = `${getDimensionValue(computedDimension, elem)}px`;\n triggerBrowserReflow(elem);\n }, onExit), [onExit, getDimensionValue, computedDimension]);\n const handleExiting = useMemo(() => createChainedFunction(elem => {\n elem.style[computedDimension] = null;\n }, onExiting), [computedDimension, onExiting]);\n return /*#__PURE__*/_jsx(TransitionWrapper, {\n ref: ref,\n addEndListener: transitionEndListener,\n ...props,\n \"aria-expanded\": props.role ? props.in : null,\n onEnter: handleEnter,\n onEntering: handleEntering,\n onEntered: handleEntered,\n onExit: handleExit,\n onExiting: handleExiting,\n childRef: children.ref,\n children: (state, innerProps) => /*#__PURE__*/React.cloneElement(children, { ...innerProps,\n className: classNames(className, children.props.className, collapseStyles[state], computedDimension === 'width' && 'collapse-horizontal')\n })\n });\n}); // @ts-ignore\n\n// @ts-ignore\nCollapse.defaultProps = defaultProps;\nexport default Collapse;","import * as React from 'react'; // TODO: check\n\nconst context = /*#__PURE__*/React.createContext(null);\ncontext.displayName = 'NavbarContext';\nexport default context;","import * as React from 'react';\nimport { useContext } from 'react';\nimport Collapse from './Collapse';\nimport { useBootstrapPrefix } from './ThemeProvider';\nimport NavbarContext from './NavbarContext';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst NavbarCollapse = /*#__PURE__*/React.forwardRef(({\n children,\n bsPrefix,\n ...props\n}, ref) => {\n bsPrefix = useBootstrapPrefix(bsPrefix, 'navbar-collapse');\n const context = useContext(NavbarContext);\n return /*#__PURE__*/_jsx(Collapse, {\n in: !!(context && context.expanded),\n ...props,\n children: /*#__PURE__*/_jsx(\"div\", {\n ref: ref,\n className: bsPrefix,\n children: children\n })\n });\n});\nNavbarCollapse.displayName = 'NavbarCollapse';\nexport default NavbarCollapse;","import classNames from 'classnames';\nimport * as React from 'react';\nimport { useContext } from 'react';\nimport useEventCallback from '@restart/hooks/useEventCallback';\nimport { useBootstrapPrefix } from './ThemeProvider';\nimport NavbarContext from './NavbarContext';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst defaultProps = {\n label: 'Toggle navigation'\n};\nconst NavbarToggle = /*#__PURE__*/React.forwardRef(({\n bsPrefix,\n className,\n children,\n label,\n // Need to define the default \"as\" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595\n as: Component = 'button',\n onClick,\n ...props\n}, ref) => {\n bsPrefix = useBootstrapPrefix(bsPrefix, 'navbar-toggler');\n const {\n onToggle,\n expanded\n } = useContext(NavbarContext) || {};\n const handleClick = useEventCallback(e => {\n if (onClick) onClick(e);\n if (onToggle) onToggle();\n });\n\n if (Component === 'button') {\n props.type = 'button';\n }\n\n return /*#__PURE__*/_jsx(Component, { ...props,\n ref: ref,\n onClick: handleClick,\n \"aria-label\": label,\n className: classNames(className, bsPrefix, !expanded && 'collapsed'),\n children: children || /*#__PURE__*/_jsx(\"span\", {\n className: `${bsPrefix}-icon`\n })\n });\n});\nNavbarToggle.displayName = 'NavbarToggle';\nNavbarToggle.defaultProps = defaultProps;\nexport default NavbarToggle;","import { useEffect, useLayoutEffect } from 'react';\nvar isReactNative = typeof global !== 'undefined' && // @ts-ignore\nglobal.navigator && // @ts-ignore\nglobal.navigator.product === 'ReactNative';\nvar isDOM = typeof document !== 'undefined';\n/**\n * Is `useLayoutEffect` in a DOM or React Native environment, otherwise resolves to useEffect\n * Only useful to avoid the console warning.\n *\n * PREFER `useEffect` UNLESS YOU KNOW WHAT YOU ARE DOING.\n *\n * @category effects\n */\n\nexport default isDOM || isReactNative ? useLayoutEffect : useEffect;","import useEffect from './useIsomorphicEffect';\nimport { useState } from 'react';\nvar matchersByWindow = new WeakMap();\n\nvar getMatcher = function getMatcher(query, targetWindow) {\n if (!query || !targetWindow) return undefined;\n var matchers = matchersByWindow.get(targetWindow) || new Map();\n matchersByWindow.set(targetWindow, matchers);\n var mql = matchers.get(query);\n\n if (!mql) {\n mql = targetWindow.matchMedia(query);\n mql.refCount = 0;\n matchers.set(mql.media, mql);\n }\n\n return mql;\n};\n/**\n * Match a media query and get updates as the match changes. The media string is\n * passed directly to `window.matchMedia` and run as a Layout Effect, so initial\n * matches are returned before the browser has a chance to paint.\n *\n * ```tsx\n * function Page() {\n * const isWide = useMediaQuery('min-width: 1000px')\n *\n * return isWide ? \"very wide\" : 'not so wide'\n * }\n * ```\n *\n * Media query lists are also reused globally, hook calls for the same query\n * will only create a matcher once under the hood.\n *\n * @param query A media query\n * @param targetWindow The window to match against, uses the globally available one as a default.\n */\n\n\nexport default function useMediaQuery(query, targetWindow) {\n if (targetWindow === void 0) {\n targetWindow = typeof window === 'undefined' ? undefined : window;\n }\n\n var mql = getMatcher(query, targetWindow);\n\n var _useState = useState(function () {\n return mql ? mql.matches : false;\n }),\n matches = _useState[0],\n setMatches = _useState[1];\n\n useEffect(function () {\n var mql = getMatcher(query, targetWindow);\n\n if (!mql) {\n return setMatches(false);\n }\n\n var matchers = matchersByWindow.get(targetWindow);\n\n var handleChange = function handleChange() {\n setMatches(mql.matches);\n };\n\n mql.refCount++;\n mql.addListener(handleChange);\n handleChange();\n return function () {\n mql.removeListener(handleChange);\n mql.refCount--;\n\n if (mql.refCount <= 0) {\n matchers == null ? void 0 : matchers.delete(mql.media);\n }\n\n mql = undefined;\n };\n }, [query]);\n return matches;\n}","import useMediaQuery from './useMediaQuery';\nimport { useMemo } from 'react';\n\n/**\n * Create a responsive hook we a set of breakpoint names and widths.\n * You can use any valid css units as well as a numbers (for pixels).\n *\n * **NOTE:** The object key order is important! it's assumed to be in order from smallest to largest\n *\n * ```ts\n * const useBreakpoint = createBreakpointHook({\n * xs: 0,\n * sm: 576,\n * md: 768,\n * lg: 992,\n * xl: 1200,\n * })\n * ```\n *\n * **Watch out!** using string values will sometimes construct media queries using css `calc()` which\n * is NOT supported in media queries by all browsers at the moment. use numbers for\n * the widest range of browser support.\n *\n * @param breakpointValues A object hash of names to breakpoint dimensions\n */\nexport function createBreakpointHook(breakpointValues) {\n var names = Object.keys(breakpointValues);\n\n function and(query, next) {\n if (query === next) {\n return next;\n }\n\n return query ? query + \" and \" + next : next;\n }\n\n function getNext(breakpoint) {\n return names[Math.min(names.indexOf(breakpoint) + 1, names.length - 1)];\n }\n\n function getMaxQuery(breakpoint) {\n var next = getNext(breakpoint);\n var value = breakpointValues[next];\n if (typeof value === 'number') value = value - 0.2 + \"px\";else value = \"calc(\" + value + \" - 0.2px)\";\n return \"(max-width: \" + value + \")\";\n }\n\n function getMinQuery(breakpoint) {\n var value = breakpointValues[breakpoint];\n\n if (typeof value === 'number') {\n value = value + \"px\";\n }\n\n return \"(min-width: \" + value + \")\";\n }\n /**\n * Match a set of breakpoints\n *\n * ```tsx\n * const MidSizeOnly = () => {\n * const isMid = useBreakpoint({ lg: 'down', sm: 'up' });\n *\n * if (isMid) return \n ليه تستخدم آجل\n آجل دايماً معاك , وعلشان آجل شريك التجار بنقدملك مميزات كتير\n
\n\n {/* main part */}\n \n 
\n
\n \n\n\n {/* box2 */}\n\n \n تسهيل البيع\n \n آجل بتوفرلك نظام تقدر تشتري وتبيع بسهولة سواء كنت تاجر جملة أو تجزئة من خلال تطبيق آجل .\n \n
\n \n 
\n
\n \n\n \n زيادة المبيعات\n \n تاجر الجملة دلوقتي يقدر يتابع كل مبيعات فروعه من خلال حسابه الشخصي على تطبيق آجل .\n \n
\n \n 
\n
\n \n\n \n متابعة أعمالك\n \n تاجر تجزئة ومش معاك كاش هتاخد بضاعتك بالأجل مع آجل . \n \n
\n \n 
\n
\n \n\n \n المرابحة الإسلامية\n \n التعامل بنظام المرابحة التجارية وفقا لأعراف السوق التجارية . (مرابحة بالأمر المباشر )\n \n
\n On a Reasonable sized Screen!
\n * return null;\n * }\n * ```\n * @param breakpointMap An object map of breakpoints and directions, queries are constructed using \"and\" to join\n * breakpoints together\n * @param window Optionally specify the target window to match against (useful when rendering into iframes)\n */\n\n\n function useBreakpoint(breakpointOrMap, direction, window) {\n var breakpointMap;\n\n if (typeof breakpointOrMap === 'object') {\n breakpointMap = breakpointOrMap;\n window = direction;\n direction = true;\n } else {\n var _breakpointMap;\n\n direction = direction || true;\n breakpointMap = (_breakpointMap = {}, _breakpointMap[breakpointOrMap] = direction, _breakpointMap);\n }\n\n var query = useMemo(function () {\n return Object.entries(breakpointMap).reduce(function (query, _ref) {\n var key = _ref[0],\n direction = _ref[1];\n\n if (direction === 'up' || direction === true) {\n query = and(query, getMinQuery(key));\n }\n\n if (direction === 'down' || direction === true) {\n query = and(query, getMaxQuery(key));\n }\n\n return query;\n }, '');\n }, [JSON.stringify(breakpointMap)]);\n return useMediaQuery(query, window);\n }\n\n return useBreakpoint;\n}\nvar useBreakpoint = createBreakpointHook({\n xs: 0,\n sm: 576,\n md: 768,\n lg: 992,\n xl: 1200,\n xxl: 1400\n});\nexport default useBreakpoint;","import createWithBsPrefix from './createWithBsPrefix';\nexport default createWithBsPrefix('offcanvas-body');","import classNames from 'classnames';\nimport * as React from 'react';\nimport { ENTERED, ENTERING, EXITING } from 'react-transition-group/Transition';\nimport transitionEndListener from './transitionEndListener';\nimport TransitionWrapper from './TransitionWrapper';\nimport { useBootstrapPrefix } from './ThemeProvider';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst defaultProps = {\n in: false,\n mountOnEnter: false,\n unmountOnExit: false,\n appear: false\n};\nconst transitionStyles = {\n [ENTERING]: 'show',\n [ENTERED]: 'show'\n};\nconst OffcanvasToggling = /*#__PURE__*/React.forwardRef(({\n bsPrefix,\n className,\n children,\n ...props\n}, ref) => {\n bsPrefix = useBootstrapPrefix(bsPrefix, 'offcanvas');\n return /*#__PURE__*/_jsx(TransitionWrapper, {\n ref: ref,\n addEndListener: transitionEndListener,\n ...props,\n childRef: children.ref,\n children: (status, innerProps) => /*#__PURE__*/React.cloneElement(children, { ...innerProps,\n className: classNames(className, children.props.className, (status === ENTERING || status === EXITING) && `${bsPrefix}-toggling`, transitionStyles[status])\n })\n });\n});\nOffcanvasToggling.defaultProps = defaultProps;\nOffcanvasToggling.displayName = 'OffcanvasToggling';\nexport default OffcanvasToggling;","import classNames from 'classnames';\nimport * as React from 'react';\nimport { useBootstrapPrefix } from './ThemeProvider';\nimport AbstractModalHeader from './AbstractModalHeader';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst defaultProps = {\n closeLabel: 'Close',\n closeButton: false\n};\nconst OffcanvasHeader = /*#__PURE__*/React.forwardRef(({\n bsPrefix,\n className,\n ...props\n}, ref) => {\n bsPrefix = useBootstrapPrefix(bsPrefix, 'offcanvas-header');\n return /*#__PURE__*/_jsx(AbstractModalHeader, {\n ref: ref,\n ...props,\n className: classNames(className, bsPrefix)\n });\n});\nOffcanvasHeader.displayName = 'OffcanvasHeader';\nOffcanvasHeader.defaultProps = defaultProps;\nexport default OffcanvasHeader;","import createWithBsPrefix from './createWithBsPrefix';\nimport divWithClassName from './divWithClassName';\nconst DivStyledAsH5 = divWithClassName('h5');\nexport default createWithBsPrefix('offcanvas-title', {\n Component: DivStyledAsH5\n});","import classNames from 'classnames';\nimport useEventCallback from '@restart/hooks/useEventCallback';\nimport * as React from 'react';\nimport { useCallback, useContext, useMemo, useRef } from 'react';\nimport BaseModal from '@restart/ui/Modal';\nimport Fade from './Fade';\nimport OffcanvasBody from './OffcanvasBody';\nimport OffcanvasToggling from './OffcanvasToggling';\nimport ModalContext from './ModalContext';\nimport NavbarContext from './NavbarContext';\nimport OffcanvasHeader from './OffcanvasHeader';\nimport OffcanvasTitle from './OffcanvasTitle';\nimport { useBootstrapPrefix } from './ThemeProvider';\nimport BootstrapModalManager, { getSharedManager } from './BootstrapModalManager';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst defaultProps = {\n show: false,\n backdrop: true,\n keyboard: true,\n scroll: false,\n autoFocus: true,\n enforceFocus: true,\n restoreFocus: true,\n placement: 'start'\n};\n\nfunction DialogTransition(props) {\n return /*#__PURE__*/_jsx(OffcanvasToggling, { ...props\n });\n}\n\nfunction BackdropTransition(props) {\n return /*#__PURE__*/_jsx(Fade, { ...props\n });\n}\n\nconst Offcanvas = /*#__PURE__*/React.forwardRef(({\n bsPrefix,\n className,\n children,\n 'aria-labelledby': ariaLabelledby,\n placement,\n\n /* BaseModal props */\n show,\n backdrop,\n keyboard,\n scroll,\n onEscapeKeyDown,\n onShow,\n onHide,\n container,\n autoFocus,\n enforceFocus,\n restoreFocus,\n restoreFocusOptions,\n onEntered,\n onExit,\n onExiting,\n onEnter,\n onEntering,\n onExited,\n backdropClassName,\n manager: propsManager,\n ...props\n}, ref) => {\n const modalManager = useRef();\n bsPrefix = useBootstrapPrefix(bsPrefix, 'offcanvas');\n const {\n onToggle\n } = useContext(NavbarContext) || {};\n const handleHide = useEventCallback(() => {\n onToggle == null ? void 0 : onToggle();\n onHide == null ? void 0 : onHide();\n });\n const modalContext = useMemo(() => ({\n onHide: handleHide\n }), [handleHide]);\n\n function getModalManager() {\n if (propsManager) return propsManager;\n\n if (scroll) {\n // Have to use a different modal manager since the shared\n // one handles overflow.\n if (!modalManager.current) modalManager.current = new BootstrapModalManager({\n handleContainerOverflow: false\n });\n return modalManager.current;\n }\n\n return getSharedManager();\n }\n\n const handleEnter = (node, ...args) => {\n if (node) node.style.visibility = 'visible';\n onEnter == null ? void 0 : onEnter(node, ...args);\n };\n\n const handleExited = (node, ...args) => {\n if (node) node.style.visibility = '';\n onExited == null ? void 0 : onExited(...args);\n };\n\n const renderBackdrop = useCallback(backdropProps => /*#__PURE__*/_jsx(\"div\", { ...backdropProps,\n className: classNames(`${bsPrefix}-backdrop`, backdropClassName)\n }), [backdropClassName, bsPrefix]);\n\n const renderDialog = dialogProps => /*#__PURE__*/_jsx(\"div\", {\n role: \"dialog\",\n ...dialogProps,\n ...props,\n className: classNames(className, bsPrefix, `${bsPrefix}-${placement}`),\n \"aria-labelledby\": ariaLabelledby,\n children: children\n });\n\n return /*#__PURE__*/_jsx(ModalContext.Provider, {\n value: modalContext,\n children: /*#__PURE__*/_jsx(BaseModal, {\n show: show,\n ref: ref,\n backdrop: backdrop,\n container: container,\n keyboard: keyboard,\n autoFocus: autoFocus,\n enforceFocus: enforceFocus && !scroll,\n restoreFocus: restoreFocus,\n restoreFocusOptions: restoreFocusOptions,\n onEscapeKeyDown: onEscapeKeyDown,\n onShow: onShow,\n onHide: handleHide,\n onEnter: handleEnter,\n onEntering: onEntering,\n onEntered: onEntered,\n onExit: onExit,\n onExiting: onExiting,\n onExited: handleExited,\n manager: getModalManager(),\n transition: DialogTransition,\n backdropTransition: BackdropTransition,\n renderBackdrop: renderBackdrop,\n renderDialog: renderDialog\n })\n });\n});\nOffcanvas.displayName = 'Offcanvas';\nOffcanvas.defaultProps = defaultProps;\nexport default Object.assign(Offcanvas, {\n Body: OffcanvasBody,\n Header: OffcanvasHeader,\n Title: OffcanvasTitle\n});","import * as React from 'react';\nimport { useContext } from 'react';\nimport useBreakpoint from '@restart/hooks/useBreakpoint';\nimport classNames from 'classnames';\nimport { useBootstrapPrefix } from './ThemeProvider';\nimport Offcanvas from './Offcanvas';\nimport NavbarContext from './NavbarContext';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst NavbarOffcanvas = /*#__PURE__*/React.forwardRef(({\n className,\n bsPrefix,\n backdrop,\n backdropClassName,\n keyboard,\n scroll,\n placement,\n autoFocus,\n enforceFocus,\n restoreFocus,\n restoreFocusOptions,\n onShow,\n onHide,\n onEscapeKeyDown,\n onEnter,\n onEntering,\n onEntered,\n onExit,\n onExiting,\n onExited,\n ...props\n}, ref) => {\n const context = useContext(NavbarContext);\n bsPrefix = useBootstrapPrefix(bsPrefix, 'offcanvas');\n const hasExpandProp = typeof (context == null ? void 0 : context.expand) === 'string';\n const shouldExpand = useBreakpoint(hasExpandProp ? context.expand : 'xs', 'up');\n return hasExpandProp && shouldExpand ? /*#__PURE__*/_jsx(\"div\", {\n ref: ref,\n ...props,\n className: classNames(className, bsPrefix, `${bsPrefix}-${placement}`)\n }) : /*#__PURE__*/_jsx(Offcanvas, {\n ref: ref,\n show: !!(context != null && context.expanded),\n bsPrefix: bsPrefix,\n backdrop: backdrop,\n backdropClassName: backdropClassName,\n keyboard: keyboard,\n scroll: scroll,\n placement: placement,\n autoFocus: autoFocus,\n enforceFocus: enforceFocus,\n restoreFocus: restoreFocus,\n restoreFocusOptions: restoreFocusOptions,\n onShow: onShow,\n onHide: onHide,\n onEscapeKeyDown: onEscapeKeyDown,\n onEnter: onEnter,\n onEntering: onEntering,\n onEntered: onEntered,\n onExit: onExit,\n onExiting: onExiting,\n onExited: onExited,\n ...props\n });\n});\nNavbarOffcanvas.displayName = 'NavbarOffcanvas';\nexport default NavbarOffcanvas;","import classNames from 'classnames';\nimport * as React from 'react';\nimport { useCallback, useMemo } from 'react';\nimport SelectableContext from '@restart/ui/SelectableContext';\nimport { useUncontrolled } from 'uncontrollable';\nimport createWithBsPrefix from './createWithBsPrefix';\nimport NavbarBrand from './NavbarBrand';\nimport NavbarCollapse from './NavbarCollapse';\nimport NavbarToggle from './NavbarToggle';\nimport NavbarOffcanvas from './NavbarOffcanvas';\nimport { useBootstrapPrefix } from './ThemeProvider';\nimport NavbarContext from './NavbarContext';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst NavbarText = createWithBsPrefix('navbar-text', {\n Component: 'span'\n});\nconst defaultProps = {\n expand: true,\n variant: 'light',\n collapseOnSelect: false\n};\nconst Navbar = /*#__PURE__*/React.forwardRef((props, ref) => {\n const {\n bsPrefix: initialBsPrefix,\n expand,\n variant,\n bg,\n fixed,\n sticky,\n className,\n // Need to define the default \"as\" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595\n as: Component = 'nav',\n expanded,\n onToggle,\n onSelect,\n collapseOnSelect,\n ...controlledProps\n } = useUncontrolled(props, {\n expanded: 'onToggle'\n });\n const bsPrefix = useBootstrapPrefix(initialBsPrefix, 'navbar');\n const handleCollapse = useCallback((...args) => {\n onSelect == null ? void 0 : onSelect(...args);\n\n if (collapseOnSelect && expanded) {\n onToggle == null ? void 0 : onToggle(false);\n }\n }, [onSelect, collapseOnSelect, expanded, onToggle]); // will result in some false positives but that seems better\n // than false negatives. strict `undefined` check allows explicit\n // \"nulling\" of the role if the user really doesn't want one\n\n if (controlledProps.role === undefined && Component !== 'nav') {\n controlledProps.role = 'navigation';\n }\n\n let expandClass = `${bsPrefix}-expand`;\n if (typeof expand === 'string') expandClass = `${expandClass}-${expand}`;\n const navbarContext = useMemo(() => ({\n onToggle: () => onToggle == null ? void 0 : onToggle(!expanded),\n bsPrefix,\n expanded: !!expanded,\n expand\n }), [bsPrefix, expanded, expand, onToggle]);\n return /*#__PURE__*/_jsx(NavbarContext.Provider, {\n value: navbarContext,\n children: /*#__PURE__*/_jsx(SelectableContext.Provider, {\n value: handleCollapse,\n children: /*#__PURE__*/_jsx(Component, {\n ref: ref,\n ...controlledProps,\n className: classNames(className, bsPrefix, expand && expandClass, variant && `${bsPrefix}-${variant}`, bg && `bg-${bg}`, sticky && `sticky-${sticky}`, fixed && `fixed-${fixed}`)\n })\n })\n });\n});\nNavbar.defaultProps = defaultProps;\nNavbar.displayName = 'Navbar';\nexport default Object.assign(Navbar, {\n Brand: NavbarBrand,\n Collapse: NavbarCollapse,\n Offcanvas: NavbarOffcanvas,\n Text: NavbarText,\n Toggle: NavbarToggle\n});","import * as React from 'react';\nconst NavContext = /*#__PURE__*/React.createContext(null);\nNavContext.displayName = 'NavContext';\nexport default NavContext;","import * as React from 'react';\nconst TabContext = /*#__PURE__*/React.createContext(null);\nexport default TabContext;","const _excluded = [\"as\", \"disabled\"];\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from 'react';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport function isTrivialHref(href) {\n return !href || href.trim() === '#';\n}\nexport function useButtonProps({\n tagName,\n disabled,\n href,\n target,\n rel,\n role,\n onClick,\n tabIndex = 0,\n type\n}) {\n if (!tagName) {\n if (href != null || target != null || rel != null) {\n tagName = 'a';\n } else {\n tagName = 'button';\n }\n }\n\n const meta = {\n tagName\n };\n\n if (tagName === 'button') {\n return [{\n type: type || 'button',\n disabled\n }, meta];\n }\n\n const handleClick = event => {\n if (disabled || tagName === 'a' && isTrivialHref(href)) {\n event.preventDefault();\n }\n\n if (disabled) {\n event.stopPropagation();\n return;\n }\n\n onClick == null ? void 0 : onClick(event);\n };\n\n const handleKeyDown = event => {\n if (event.key === ' ') {\n event.preventDefault();\n handleClick(event);\n }\n };\n\n if (tagName === 'a') {\n // Ensure there's a href so Enter can trigger anchor button.\n href || (href = '#');\n\n if (disabled) {\n href = undefined;\n }\n }\n\n return [{\n role: role != null ? role : 'button',\n // explicitly undefined so that it overrides the props disabled in a spread\n // e.g. \n * {JSON.stringify(rect)}\n *
\n * )\n * ```\n *\n * @param element The DOM element to observe\n */\n\n\nexport default function useResizeObserver(element) {\n var _useState = useState(null),\n rect = _useState[0],\n setRect = _useState[1];\n\n useEffect(function () {\n if (!element) return;\n getResizeObserver().observe(element);\n setRect(element.getBoundingClientRect());\n targetMap.set(element, function (rect) {\n setRect(rect);\n });\n return function () {\n targetMap.delete(element);\n };\n }, [element]);\n return rect;\n}","const _excluded = [\"onKeyDown\"];\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n\n/* eslint-disable jsx-a11y/anchor-has-content */\nimport * as React from 'react';\nimport { useEventCallback } from '@restart/hooks';\nimport { useButtonProps } from './Button';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport function isTrivialHref(href) {\n return !href || href.trim() === '#';\n}\n\n/**\n * An generic `` component that covers a few A11y cases, ensuring that\n * cases where the `href` is missing or trivial like \"#\" are treated like buttons.\n */\nconst Anchor = /*#__PURE__*/React.forwardRef((_ref, ref) => {\n let {\n onKeyDown\n } = _ref,\n props = _objectWithoutPropertiesLoose(_ref, _excluded);\n\n const [buttonProps] = useButtonProps(Object.assign({\n tagName: 'a'\n }, props));\n const handleKeyDown = useEventCallback(e => {\n buttonProps.onKeyDown(e);\n onKeyDown == null ? void 0 : onKeyDown(e);\n });\n\n if (isTrivialHref(props.href) || props.role === 'button') {\n return /*#__PURE__*/_jsx(\"a\", Object.assign({\n ref: ref\n }, props, buttonProps, {\n onKeyDown: handleKeyDown\n }));\n }\n\n return /*#__PURE__*/_jsx(\"a\", Object.assign({\n ref: ref\n }, props, {\n onKeyDown: onKeyDown\n }));\n});\nAnchor.displayName = 'Anchor';\nexport default Anchor;","import classNames from 'classnames';\nimport * as React from 'react';\nimport Anchor from '@restart/ui/Anchor';\nimport { useNavItem } from '@restart/ui/NavItem';\nimport { makeEventKey } from '@restart/ui/SelectableContext';\nimport { useBootstrapPrefix } from './ThemeProvider';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst defaultProps = {\n disabled: false\n};\nconst NavLink = /*#__PURE__*/React.forwardRef(({\n bsPrefix,\n className,\n as: Component = Anchor,\n active,\n eventKey,\n ...props\n}, ref) => {\n bsPrefix = useBootstrapPrefix(bsPrefix, 'nav-link');\n const [navItemProps, meta] = useNavItem({\n key: makeEventKey(eventKey, props.href),\n active,\n ...props\n });\n return /*#__PURE__*/_jsx(Component, { ...props,\n ...navItemProps,\n ref: ref,\n className: classNames(className, bsPrefix, props.disabled && 'disabled', meta.isActive && 'active')\n });\n});\nNavLink.displayName = 'NavLink';\nNavLink.defaultProps = defaultProps;\nexport default NavLink;","import classNames from 'classnames';\nimport all from 'prop-types-extra/lib/all';\nimport * as React from 'react';\nimport { useContext } from 'react';\nimport { useUncontrolled } from 'uncontrollable';\nimport BaseNav from '@restart/ui/Nav';\nimport { useBootstrapPrefix } from './ThemeProvider';\nimport NavbarContext from './NavbarContext';\nimport CardHeaderContext from './CardHeaderContext';\nimport NavItem from './NavItem';\nimport NavLink from './NavLink';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst defaultProps = {\n justify: false,\n fill: false\n};\nconst Nav = /*#__PURE__*/React.forwardRef((uncontrolledProps, ref) => {\n const {\n as = 'div',\n bsPrefix: initialBsPrefix,\n variant,\n fill,\n justify,\n navbar,\n navbarScroll,\n className,\n activeKey,\n ...props\n } = useUncontrolled(uncontrolledProps, {\n activeKey: 'onSelect'\n });\n const bsPrefix = useBootstrapPrefix(initialBsPrefix, 'nav');\n let navbarBsPrefix;\n let cardHeaderBsPrefix;\n let isNavbar = false;\n const navbarContext = useContext(NavbarContext);\n const cardHeaderContext = useContext(CardHeaderContext);\n\n if (navbarContext) {\n navbarBsPrefix = navbarContext.bsPrefix;\n isNavbar = navbar == null ? true : navbar;\n } else if (cardHeaderContext) {\n ({\n cardHeaderBsPrefix\n } = cardHeaderContext);\n }\n\n return /*#__PURE__*/_jsx(BaseNav, {\n as: as,\n ref: ref,\n activeKey: activeKey,\n className: classNames(className, {\n [bsPrefix]: !isNavbar,\n [`${navbarBsPrefix}-nav`]: isNavbar,\n [`${navbarBsPrefix}-nav-scroll`]: isNavbar && navbarScroll,\n [`${cardHeaderBsPrefix}-${variant}`]: !!cardHeaderBsPrefix,\n [`${bsPrefix}-${variant}`]: !!variant,\n [`${bsPrefix}-fill`]: fill,\n [`${bsPrefix}-justified`]: justify\n }),\n ...props\n });\n});\nNav.displayName = 'Nav';\nNav.defaultProps = defaultProps;\nexport default Object.assign(Nav, {\n Item: NavItem,\n Link: NavLink\n});","import React, { useState, useEffect } from \"react\";\nimport { Navbar, Container, Offcanvas, Nav } from \"react-bootstrap\";\nimport './Navbar.css'\nimport { Link, animateScroll as scroll } from \"react-scroll\";\n\nexport default function GlobalNavbar() {\n\n const [windowWidth, setWindowWidth] = useState(window.innerWidth)\n\n const [show, setShow] = useState(false);\n\n const [selectHomeScreen,setSelectHomeScreen] = useState(true)\n const [selectAboutAgel,setSelectAboutAgel] = useState(false)\n const [selectWhyAgel,setSelectWhyAgel] = useState(false)\n const [selectHowToUseAgel,setSelectHowToUseAgel] = useState(false)\n const [selectContactUs,setSelectContactUs] = useState(false)\n const [selectDownloadApp,setSelectDownloadApp] = useState(false)\n const [selectFQA,setSelectFQA] = useState(false)\n\n\n useEffect(() => {\n window.addEventListener('resize', () => {\n setWindowWidth(window.innerWidth)\n }\n )\n\n }, [])\n\n\n\n const handleClose = () => setShow(false);\n const handleShow = () => setShow(true);\n\n\n const ShowSelectedItem=(selectedItem)=>{\n handleClose();\n if(selectedItem===\"selectHomeScreen\"){\n setSelectHomeScreen(true);\n setSelectAboutAgel(false);\n setSelectWhyAgel(false);\n setSelectHowToUseAgel(false);\n setSelectContactUs(false);\n setSelectDownloadApp(false);\n setSelectFQA(false);\n }\n else if(selectedItem===\"selectAboutAgel\"){\n setSelectHomeScreen(false);\n setSelectAboutAgel(true);\n setSelectWhyAgel(false);\n setSelectHowToUseAgel(false);\n setSelectContactUs(false);\n setSelectDownloadApp(false);\n setSelectFQA(false);\n }\n else if(selectedItem===\"selectWhyAgel\"){\n setSelectHomeScreen(false);\n setSelectAboutAgel(false);\n setSelectWhyAgel(true);\n setSelectHowToUseAgel(false);\n setSelectContactUs(false);\n setSelectDownloadApp(false);\n setSelectFQA(false);\n }\n else if(selectedItem===\"selectHowToUseAgel\"){\n setSelectHomeScreen(false);\n setSelectAboutAgel(false);\n setSelectWhyAgel(false);\n setSelectHowToUseAgel(true);\n setSelectContactUs(false);\n setSelectDownloadApp(false);\n setSelectFQA(false);\n }\n else if(selectedItem===\"selectContactUs\"){\n setSelectHomeScreen(false);\n setSelectAboutAgel(false);\n setSelectWhyAgel(false);\n setSelectHowToUseAgel(false);\n setSelectContactUs(true);\n setSelectDownloadApp(false);\n setSelectFQA(false);\n }\n else if(selectedItem===\"selectDownloadApp\"){\n setSelectHomeScreen(false);\n setSelectAboutAgel(false);\n setSelectWhyAgel(false);\n setSelectHowToUseAgel(false);\n setSelectContactUs(false);\n setSelectDownloadApp(true);\n setSelectFQA(false);\n }\n else if(selectedItem===\"selectFQA\"){\n setSelectHomeScreen(false);\n setSelectAboutAgel(false);\n setSelectWhyAgel(false);\n setSelectHowToUseAgel(false);\n setSelectContactUs(false);\n setSelectDownloadApp(false);\n setSelectFQA(true);\n }\n }\n\n\n return (\n \n \n \n \n ![\"navbar-logo\"](\"/images/navbar-logo-img.png\")
\n \n\n \n \n \n\n \n {\n windowWidth <= 991 ? (\n \n ) : null\n }\n \n \n\n \n \n\n \n \n \n
\n )\n} ","import { useEffect, useRef } from 'react';\n/**\n * Runs an effect only when the dependencies have changed, skipping the\n * initial \"on mount\" run. Caution, if the dependency list never changes,\n * the effect is **never run**\n *\n * ```ts\n * const ref = useRef\n \n ) : null\n }\n \n * {hello ?
\n * );\n * ```\n */\n\n\nexport default function useTimeout() {\n var isMounted = useMounted(); // types are confused between node and web here IDK\n\n var handleRef = useRef();\n useWillUnmount(function () {\n return clearTimeout(handleRef.current);\n });\n return useMemo(function () {\n var clear = function clear() {\n return clearTimeout(handleRef.current);\n };\n\n function set(fn, delayMs) {\n if (delayMs === void 0) {\n delayMs = 0;\n }\n\n if (!isMounted()) return;\n clear();\n\n if (delayMs <= MAX_DELAY_MS) {\n // For simplicity, if the timeout is short, just set a normal timeout.\n handleRef.current = setTimeout(fn, delayMs);\n } else {\n setChainedTimeout(handleRef, fn, Date.now() + delayMs);\n }\n }\n\n return {\n set: set,\n clear: clear\n };\n }, []);\n}","import createWithBsPrefix from './createWithBsPrefix';\nexport default createWithBsPrefix('carousel-caption');","import classNames from 'classnames';\nimport * as React from 'react';\nimport { useBootstrapPrefix } from './ThemeProvider';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst CarouselItem = /*#__PURE__*/React.forwardRef(({\n // Need to define the default \"as\" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595\n as: Component = 'div',\n bsPrefix,\n className,\n ...props\n}, ref) => {\n const finalClassName = classNames(className, useBootstrapPrefix(bsPrefix, 'carousel-item'));\n return /*#__PURE__*/_jsx(Component, {\n ref: ref,\n ...props,\n className: finalClassName\n });\n});\nCarouselItem.displayName = 'CarouselItem';\nexport default CarouselItem;","import * as React from 'react';\n/**\n * Iterates through children that are typically specified as `props.children`,\n * but only maps over children that are \"valid elements\".\n *\n * The mapFunction provided index will be normalised to the components mapped,\n * so an invalid component would not increase the index.\n *\n */\n\nfunction map(children, func) {\n let index = 0;\n return React.Children.map(children, child => /*#__PURE__*/React.isValidElement(child) ? func(child, index++) : child);\n}\n/**\n * Iterates through children that are \"valid elements\".\n *\n * The provided forEachFunc(child, index) will be called for each\n * leaf child with the index reflecting the position relative to \"valid components\".\n */\n\n\nfunction forEach(children, func) {\n let index = 0;\n React.Children.forEach(children, child => {\n if ( /*#__PURE__*/React.isValidElement(child)) func(child, index++);\n });\n}\n/**\n * Finds whether a component's `children` prop includes a React element of the\n * specified type.\n */\n\n\nfunction hasChildOfType(children, type) {\n return React.Children.toArray(children).some(child => /*#__PURE__*/React.isValidElement(child) && child.type === type);\n}\n\nexport { map, forEach, hasChildOfType };","import useEventCallback from '@restart/hooks/useEventCallback';\nimport useUpdateEffect from '@restart/hooks/useUpdateEffect';\nimport useCommittedRef from '@restart/hooks/useCommittedRef';\nimport useTimeout from '@restart/hooks/useTimeout';\nimport Anchor from '@restart/ui/Anchor';\nimport classNames from 'classnames';\nimport * as React from 'react';\nimport { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';\nimport { useUncontrolled } from 'uncontrollable';\nimport CarouselCaption from './CarouselCaption';\nimport CarouselItem from './CarouselItem';\nimport { map, forEach } from './ElementChildren';\nimport { useBootstrapPrefix, useIsRTL } from './ThemeProvider';\nimport transitionEndListener from './transitionEndListener';\nimport triggerBrowserReflow from './triggerBrowserReflow';\nimport TransitionWrapper from './TransitionWrapper';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Fragment as _Fragment } from \"react/jsx-runtime\";\nconst SWIPE_THRESHOLD = 40;\nconst defaultProps = {\n slide: true,\n fade: false,\n controls: true,\n indicators: true,\n indicatorLabels: [],\n defaultActiveIndex: 0,\n interval: 5000,\n keyboard: true,\n pause: 'hover',\n wrap: true,\n touch: true,\n prevIcon: /*#__PURE__*/_jsx(\"span\", {\n \"aria-hidden\": \"true\",\n className: \"carousel-control-prev-icon\"\n }),\n prevLabel: 'Previous',\n nextIcon: /*#__PURE__*/_jsx(\"span\", {\n \"aria-hidden\": \"true\",\n className: \"carousel-control-next-icon\"\n }),\n nextLabel: 'Next'\n};\n\nfunction isVisible(element) {\n if (!element || !element.style || !element.parentNode || !element.parentNode.style) {\n return false;\n }\n\n const elementStyle = getComputedStyle(element);\n return elementStyle.display !== 'none' && elementStyle.visibility !== 'hidden' && getComputedStyle(element.parentNode).display !== 'none';\n}\n\nconst Carousel = /*#__PURE__*/React.forwardRef((uncontrolledProps, ref) => {\n const {\n // Need to define the default \"as\" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595\n as: Component = 'div',\n bsPrefix,\n slide,\n fade,\n controls,\n indicators,\n indicatorLabels,\n activeIndex,\n onSelect,\n onSlide,\n onSlid,\n interval,\n keyboard,\n onKeyDown,\n pause,\n onMouseOver,\n onMouseOut,\n wrap,\n touch,\n onTouchStart,\n onTouchMove,\n onTouchEnd,\n prevIcon,\n prevLabel,\n nextIcon,\n nextLabel,\n variant,\n className,\n children,\n ...props\n } = useUncontrolled(uncontrolledProps, {\n activeIndex: 'onSelect'\n });\n const prefix = useBootstrapPrefix(bsPrefix, 'carousel');\n const isRTL = useIsRTL();\n const nextDirectionRef = useRef(null);\n const [direction, setDirection] = useState('next');\n const [paused, setPaused] = useState(false);\n const [isSliding, setIsSliding] = useState(false);\n const [renderedActiveIndex, setRenderedActiveIndex] = useState(activeIndex || 0);\n useEffect(() => {\n if (!isSliding && activeIndex !== renderedActiveIndex) {\n if (nextDirectionRef.current) {\n setDirection(nextDirectionRef.current);\n } else {\n setDirection((activeIndex || 0) > renderedActiveIndex ? 'next' : 'prev');\n }\n\n if (slide) {\n setIsSliding(true);\n }\n\n setRenderedActiveIndex(activeIndex || 0);\n }\n }, [activeIndex, isSliding, renderedActiveIndex, slide]);\n useEffect(() => {\n if (nextDirectionRef.current) {\n nextDirectionRef.current = null;\n }\n });\n let numChildren = 0;\n let activeChildInterval; // Iterate to grab all of the children's interval values\n // (and count them, too)\n\n forEach(children, (child, index) => {\n ++numChildren;\n\n if (index === activeIndex) {\n activeChildInterval = child.props.interval;\n }\n });\n const activeChildIntervalRef = useCommittedRef(activeChildInterval);\n const prev = useCallback(event => {\n if (isSliding) {\n return;\n }\n\n let nextActiveIndex = renderedActiveIndex - 1;\n\n if (nextActiveIndex < 0) {\n if (!wrap) {\n return;\n }\n\n nextActiveIndex = numChildren - 1;\n }\n\n nextDirectionRef.current = 'prev';\n onSelect == null ? void 0 : onSelect(nextActiveIndex, event);\n }, [isSliding, renderedActiveIndex, onSelect, wrap, numChildren]); // This is used in the setInterval, so it should not invalidate.\n\n const next = useEventCallback(event => {\n if (isSliding) {\n return;\n }\n\n let nextActiveIndex = renderedActiveIndex + 1;\n\n if (nextActiveIndex >= numChildren) {\n if (!wrap) {\n return;\n }\n\n nextActiveIndex = 0;\n }\n\n nextDirectionRef.current = 'next';\n onSelect == null ? void 0 : onSelect(nextActiveIndex, event);\n });\n const elementRef = useRef();\n useImperativeHandle(ref, () => ({\n element: elementRef.current,\n prev,\n next\n })); // This is used in the setInterval, so it should not invalidate.\n\n const nextWhenVisible = useEventCallback(() => {\n if (!document.hidden && isVisible(elementRef.current)) {\n if (isRTL) {\n prev();\n } else {\n next();\n }\n }\n });\n const slideDirection = direction === 'next' ? 'start' : 'end';\n useUpdateEffect(() => {\n if (slide) {\n // These callbacks will be handled by the Hello
: null}\n *\n\n
\n )\n}","import React from 'react';\n\n//components\nimport AboutAgel from './aboutAgel/aboutAgel';\nimport DownloadApp from './downloadApp/downloadApp';\nimport Footer from './footer/footer';\nimport HomeScreen from './homeScreen/homeScreen';\nimport HowToUseAgel from './HowToUseAgel/HowToUseAgel';\nimport WhyAgel from './WhyAgel/WhyAgel';\nimport GlobalNavbar from '../components/Navbar/Navbar';\nimport ApplyForm from './applyForm/applyForm';\nimport FQA from './FQA/FQA';\n\n\n\nexport default function Layout(){\n return(\n \n\n {/* text header */}\n
\n\n \n الأسئلة الشائعة\n
\n\n {/* form/image */}\n \n
\n\n \n ![\"FQA-img\"](\"/images/FQA.svg\")
\n
\n\n \n \n \n\n {/* item1 */}\n \n \n \n \n\n\n {/* item2 */}\n \n \n \n \n\n\n {/* item3 */}\n \n \n \n \n\n\n {/* item4 */}\n \n \n \n \n\n\n {/* item5 */}\n \n \n \n \n\n \n
\n \n \n هل آجل هتقدم خدمة نظام مدفوعات مالية شامل ولا نظام خاص بالتجار بس ؟\n \n \n سيتم تزويد الأجهزة بالقدرة على دفع الخدمات (قريبا) زي الكهرباء والمياه من خلال الأجهزة وتحويل الأموال عن طريق المحافظ المالية وبعض الخدمات الاخرى.\n \n
\n \n \n هل آجل بتستهدف تجارة الملابس بس؟\n \n \n التركيز الحالي لآجل على تجارة الملابس والاكسسوارات و نتوسع في مجالات اخرى قريباً.\n \n
\n \n \n هل آجل بتقدم خدمة مابعد البيع والصيانة في حالة وجود مشكلة في جهاز نقطة البيع؟\n \n \n آجل تقوم بتقديم الدعم الكامل لشركائها التجار في حالة تعطل الأجهزة من خلال الهاتف, وفي حالة عدم حل المشكلة يتم تحديد زيارة للتاجر لحل المشكلة في اسرع وقت.\n \n
\n \n \n يعنى اية مرابحة اسلامية ؟\n \n \n نظام المرابحة الاسلامية يعني جميع الإجراءات تتم من خلال عقود بيع وشراء بين تجار ( الجملة / التجزئة ) وشركة آجل . (متفق عليها بما في ذلك هامش الربح المتفق عليه مسبقاً )\n \n
\n \n \n آجل متواجد فين ؟\n \n \n متواجدين في القاهرة والإسكندرية , هدفنا نجمع كل تجار مصر في تطبيق واحد ونقدم لهم البضاعة المناسبة لاحتياجات تجارتهم.\n \n
\n \n {/* all screens well be put here */}\n
\n )\n}","import React from 'react'\nimport { Container } from 'react-bootstrap'\nimport './About-agel-web-Page.css'\n\n\n\nexport default function AboutAgelWebPage() {\n return (\n\n \n ![\"logo\"](\"./webPageAppsImages/logo.png\")
\n
\n\n {/* title */}\n \n \n
\n\n {/* content */}\n عن شركة آجل و خدماتها
\n- \n
- أجــل شريك التـجار الموثوق \n
- تم تأسيس شركة أجل على ايد خبراء في مجال تطوير الاعمال والتمويل والتكنولوجيا والتصنيع لأكثر من 50 سنة من\n الخبرة. \n\n
- بنوفر لتجار الجملة والتجزئة حلول لتوفير سيولة لتجارتهم، وبكدا هيستفيد تاجر الجملة من دورة مالية أسرع من المعتاد،\n وهيستفيد تاجر التجزئة من سداد بدون معاملات معقدة. \n\n
- بدأنا بإسكندرية، وهدفنا نجمع كل تجار مصر في تطبيق واحد ونقدم لهم المنتجات المناسبة لاحتياجات تجارتهم . \n
- أجــل دايما معــاك، وتقدم لك مميزات كتير زي: \n\n
- تعامل بنظام المرابحة التجارية المتوافق مع احكام الشريعة الاسلامية. \n\n
- تشتري وتبيع بسهولة من خلال جهاز اجل لتاجر الجملة ومن خلال تطبيق اجل لتاجر التجزئة. \n\n
- لو انت تاجر جملة تقدر تزود مبيعاتك ولو انت تاجر تجزئة تقدر تأخذ بضاعتك بالأجل. \n\n
- بيقدر تاجر الجملة يتابع كل مبيعات فروعـه من خلال حسابه الشخصي على تطبيق أجــل. \n
- هنوفر الحل للمعادلة الصعبة بين توفير البضاعة بالأجل للمشاريع الصغيرة لتجار التجزئة في نفس اليوم ودفع اموال\n تجار الجملة بدون أجــل خلال 24 ساعة فقط.
\n- هنساعدك توصل لهـدفـــك.. واكتــر كمــان
\n- التعامل مع أجـل بسيط ومريح لأنك مش هتحتاج حساب بنكي ولا معاملات معقدة.
\n- اشتري بضاعتك ومتشلش هم الكاش وسدد على دفعات خلال 90 يوم.
\n\n
\n
- \n
\n \n
\n\n {/* title */}\n \n \n
\n\n {/* content */}\n آجل لخدمات الدفع الإلكترونى
\nالشروط و الأحكام
\n- \n
- معلومات و بيانات الاتصال: \n\n
- العلاقة التعاقدية \n\n
- الخدمـات \n\n
- الترخيص \n\n
- الوصول إلى التطبيق واستخدامه عبر جهازك المحمول و / أو جهاز الحاسوب فقط لاستخدامك للخدمات\n\n \n
- الوصول إلى أي من المحتويات والمعلومات والمواد ذات الصلة بها، والتي يتم توفيرها من خلال هذه الخدمات،\n واستخدامها، في جميع الأحداث للاستخدام الشخصي وغير التجاري. تحتفظ الشركة ومرخصيها بأي حقوق غير ممنوحة\n صراحة في هذه (\" الشروط \") .\n \n
- القيود \n\n
- \n إزالة أي حقوق نشر أو علامات تجارية أو إشعارات ملكية أخرى من أي جزء من الخدمات\n \n
- \n إعادة إنتاج أو تعديل أو إنشاء أعمال مشتقة أو توزيع أو ترخيص أو تأجير أو بيع أو إعادة بيع أو نقل ملكية أو\n عرض أو تنفيذ أو نقل أو تعميم أو استغلال الخدمات بشكل عام، في كل حالة، باستثناء ما هو مسموح به صراحةً من\n قبل الشركة؛\n \n
- معالجة او التلاعب بالرم وز أو إجراء هندسة عكسية أو تفكيك، باستثناء ما تسمح به القوانين المعمول بها\n\n \n
- إنشاء رابط لأي جزء من الخدمات، أو عمل نسخ طبق الأصل منه أو عمل إطار منها\n\n \n
- خلق أو إنشاء أي برامج أو نصوص بغرض إ زالة أو فهرسة أو مسح أو استغلال أي جزء من الخدمات بطريقة غير صحيحة\n أو زيادة التحميل أو تعطيل عمل و / أو وظيفة أي خدمات\n \n
- محاولة الدخول في وصول غير مصرح به إلى الخدمات أو تدمير أي من جوانبها أو أي من الأنظمة والشبكات ذات\n الصلة.\n \n
- تقديم الخدمات \n\n
- \n بعض الشركات التابعة والشركات التابعة لـ آجل؛ أو\n أجل نفسها (\"الشركة\").\n \n
- خدمات ومحتوى الأطراف الثالثة \n\n
- الملكية \n\n
- \n\n فيما يتعلق بالخدمات بخلاف الترخيص المحدود الممنوح أعلاه\n \n
- \n\n لاستخدام أو الإشارة إلى أسماء الشركات أو الشعارات أو أسماء المنتجات أو الخدمات أو العلامات التجارية أو\n علامات الخدمة الخاصة بـ آجل أو تلك الخاصة بمرخصيها.\n \n
- حسابات المستخدمين \n\n
- متطلبات وسلوكيات المستخدم \n\n
- رسائل البريد الإلكتروني وإرسال الإخطارات \n\n
- رموز ترويجية \n\n
- \n\n يجب استخدامها للجمهور وللغرض المقصود وبطريقة قانونية\n \n
- \n\n لا يجوز نسخها أو بيعها أو نقلها بأي طريقة أو إتاحتها للجمهور (سواء تم نشرها في شكل عام أو غير ذلك) ما لم\n يتم الاتفاق صراحة من قبل الشركة\n \n
- \n\n يجوز تعطيلها من قبل الشركة في أي وقت ولأي سبب دون تحمل أي مسؤولية قانونية عليها\n \n
- \n\n لا يمكن استخدامها إلا وفقًا للشروط الخاصة التي وضعتها آجل لكل رمز ترويجي\n \n
- \n\n قد تنتهي صلاحيتها قبل أن يستخدمها العميل.\n \n
- المحتوى المقدم من المستخدم \n\n
- \n تكون انت إما المالك الحصري والوحيد لجميع محتوى المستخدم أو لديك جميع الحقوق التراخيص والموافقات\n والإعفاءات اللازمة لمنح ترخيص لـ آجل باستخدام محتوى المستخدم على النحو المبين أعلاه\n \n
- \n\n أنت توافق على عدم إرسال أي محتوى مستخدم تشهيري أو يحث علي الكراهية أو فاحش أو إباحي أو غير قانوني أو\n مسيء بطريقة او بأخرى، على النحو الذي تحدده الشركة وفقًا لتقديرها المطلق، سواء كانت هذه المواد محمية\n بموجب القانون أم لا. كما يجوز لـ آجل مراجعة أو مراقبة أو إزالة أي محتوى مستخدم وفقًا لتقديرها الخاص في\n أي وقت ولأي سبب من الأسباب مع عدم التزام آجل بالحصول على موافقتك او موافقة أي طرف ثالث على ذلك.\n \n
- الوصول إلى الشبكة والأجهزة : \n\n
- سياسة الخصوصية: \n\n
- نحن نستخدم المعلومات التي تقدمها لتشغيل وصيانة وتعزيز وتوفير جميع ميزات الخدمات ولتمكين الأطراف الثالثة\n من تقديم خدمات إضافية لك.\n \n
- نستخدم المعلومات التي تقدمها لفهم وتحليل اتجاهات الاستخدامات وتفضيلات مستخدمينا عبر أجهزة مختلفة، لتحسين\n الخدمات، وإنشاء ميزات جديدة، وتحسين الكشف عن الاحتيال وأمن المعلومات.\n \n
- \n قد نستخدم عنوان بريدك الإلكتروني أو معلومات شخصية أخرى\n
(أ) للاتصال بك لأغراض إدارية مثل خدمة العملاء
\n(ب) لمعالجة قضايا الملكية الفكرية أو حق الخصوصية أو التشهير المتعلقة بالمحتوى الذي نشرته على الخدمات\n و / أو\n
\n(ج) لإرسال مواد ترويجية و / أو عروض و / أو رسائل إليك تتعلق بالخدمات وأنشطة الأطراف الثالثة\n التي نعمل معها.\n
\n \n\n - \n قد نستخدم معلومات ملفات تعريف الارتباط والمعلومات المجمعة تلقائيًا من أجل:\n
(أ) تخصيص خدماتنا، مثل تذكر معلوماتك حتى لا تضطر إلى إعادة إدخالها أثناء زيارتك أو في المرة التالية التي\n تزور فيها الخدمات
\n\n (ب) توفير إعلانات ومحتوى ومعلومات مخصصة عبر أجهزتك\n
\n\n (ج) مراقبة وتحليل فعالية الخدمات وأنشطة تسويق الطرف الثالث\n
\n\n (د) مراقبة مقاييس استخدام الموقع الإجمالية مثل إجمالي عدد الزوار والصفحات التي تمت مشاهدتها؛\n
\n\n (هـ) تتبع إدخالاتك وعمليات الإرسال والحالة في أي عروض ترويجية أو أنشطة أخرى.\n
\n \n\n - \n قد نشارك المعلومات الشخصية مع بعض الأطراف الثالثة التابعة لنا للتحقق من هويتك فيما يتعلق باستخدامك لجوانب\n معينة من الخدمات.\n \n\n
- \n على سبيل المثال، قد نطلب الرقم القومي الخاص بك، أو جزء منه، للتحقق من هويتك.\n\n\n \n\n
- \n يجوز لنا مشاركة المعلومات الشخصية مع موفري الخدمات الخارجيين فيما يتعلق باستخدامك لجوانب محددة من الخدمات.\n تتضمن بعض الأمثلة على سبيل المثال لا الحصر:\n \n\n
- عندما تطلب ردودًا من خلال خدماتنا، قد تقدم آجل بعض المعلومات الخاصة بك لخبراء ومحاميين ومستشارين من أطراف\n ثالثة.\n \n\n
- \n عندما تطلب التواصل مع شركة أو كيان تجاري من المسجلين على التطبيق، ستوفر آجل بعض المعلومات الخاصة بك لمقدمي\n خدمات الطرف الثالث.\n \n\n
- \n عندما تقوم بالإبلاغ عن شكوى بخصوص منتج أو مزود خدمة تابع لجهة خارجية واردة على التطبيق الخاص بنا.\n\n \n\n
- \n من خلال تقديم طلب من خلال خدماتنا، فإنك توافق على الكشف عن معلوماتك لأطراف ثالثة حتى نتمكن من تنفيذ طلبك.\n يخضع جمع المعلومات الخاصة بك واستخدامها من قبل جهات خارجية لسياسة الخصوصية وشروط الاستخدام الخاصة بكل طرف\n ثالث. لا تتحكم الشركة في الوسائل التي تستخدم بها الأطراف الثالثة معلوماتك أو تفصح عنها.\n \n\n
- \n نحن نعمل مع مزودي خدمات من جهات خارجية لتوفير خدمات الموقع الإلكتروني وتطوير التطبيقات والاستضافة وتخزين\n البيانات والصيانة وغيرها من الخدمات لنا. إلى الحد الذي يكون من الضروري لمقدمي الخدمات الخارجيين هؤلاء إكمال\n التزاماتهم التعاقدية تجاهنا، قد تتمكن هذه الأطراف الثالثة من الوصول إلى معلوماتك.\n \n\n
- \n نوفر معلومات معينة لأطراف ثالثة، من أجل :\n\n
- \n
- \n الامتثال لالتزامات إعداد التقارير المختلفة \n
- \n لأغراض تجارية أو تسويقية \n
- \n لمساعدة هذه الأطراف في فهم اهتمامات مستخدمينا وعاداتهم وأنماط استخدامهم لبعض البرامج والمحتوى\n والخدمات والإعلانات والعروض الترويجية و / أو الوظائف المتاحة من خلال الخدمات. عندما يكون ذلك ممكنًا،\n نقدم هذه المعلومات بطريقة مجهولة الهوية.\n \n
\n\n - \n قد نكشف عن معلوماتك إذا طُلب منك ذلك بموجب القانون أو بحسن نية أن مثل هذا الإجراء ضروري للامتثال للقوانين\n واللوائح (مثل قانون حقوق الطبع والنشر)، استجابةً لأمر محكمة أو أمر قضائي أو حكومي آخر.\n \n\n
- \n قد نكشف عن معلوماتك وفقًا للقوانين وكما هو مطلوب من قبل السلطات لحماية الشركة من الاستخدامات أو الأنشطة\n الاحتيالية أو المسيئة أو غير القانونية؛ للتحقيق والدفاع عن أنفسنا ضد أي ادعاءات أو مزاعم من طرف ثالث؛\n لمساعدة وكالات الإنفاذ الحكومية؛ لحماية أمن أو سلامة الخدمات؛ أو لحماية الحقوق أو الممتلكات أو السلامة\n الشخصية لـ آجل أو مستخدمينا أو غيرهم.\n \n\n
- خلاء المسؤولية وحدود المسؤولية والتعويض \n\n - اخلاء المسئولية:\n\n
- \n استخدامك أو اعتمادك أو عدم قدرتك على الوصول إلى الخدمات أو استخدامها.\n \n
- \n أي معاملة تجارية أو علاقة بين المستخدمين وأي مقدم خدمة حتى لو تم إخطار آجل بإمكانية حدوث مثل هذه\n الأضرار. لن تكون لآجل مسؤولة عن أي تأخير أو أداء غير ملائم ناتج عن أسباب خارجة عن سيطرة آجل المعقولة.\n \n
- \n استخدامك للخدمات و / أو التطبيق، أو العناصر المقدمة لك عند استخدام الخدمات \n
- \n انتهاكك أو خرقك للشروط بموجب هذا العقد\n\n \n
- \n\n استخدام محتوى ملف محتوي المستخدم الخاص بك بواسطة آجل\n \n\n
- \n انتهاك العميل لحقوق أي طرف ثالث بما في ذلك مقدم الخدمة (مع الأخذ في الاعتبار أن مقدم الخدمة ليس أحد\n موظفي آجل).\n\n \n
- \n القوانين المعمول بها وتسوية النزاعات.\n\n \n\n
- \n دعاوى انتهاك حقوق الملكية\n \n\n
- \n الإخطارات\n \n\n
- \n أحكام عامة\n \n\n
- \n أي شركة فرعية أو شركة تابعة.\n \n
- \n - أحد مساهمي آجل أو أصحاب الأعمال أو الأصول المرتبطين بها.\n \n
- \n أي شركة لاحقة في حالة الاندماج. أنت لست في أي مشروع مشترك أو شراكة أو أي علاقة توظيف أو تمثيل بينك وبين\n آجل، أو بين العميل وأي مقدم خدمة آخر وفقًا للعقد المبرم بينك وبين آجل أو وفقًا لاستخدامك للخدمات.\n \n
\n نحن شركة آجـل لخدمات الدفع الإلكتروني (\"الشركـة\") ، شركة مساهمة مصرية تأستت وفقاً\n لقوانين جمهورية مصر العربية ، تحمل بطاقة ضريبية رقم (652 - 964 -052 )\n ومسجلة بسجل تجاري استثمار القاهرة
تحت رقم (174334 )وعنوانها\n ( ٧ شارع الجولف المعادى القاهرة)المسجل.\n
\n تعمل الشركة في مجال التجارة والتكنولوجيا المالية، وتقدم خدمتها من خلال تطبيقاً رقمياً يسهم في رفع كفاءة\n وزيادة حجم التجارة\n في الأسواق المحلية من خلال تحفيز حجم مبيعات التجار، توفير قنوات سداد
و تحصيل الكترونية لمقابل السلع كذلك\n اتاحة\n اليات مبتكرة للدفع بالأجل مقابل السلع والمنتجات المباعة باعتماد أنظمة المرابحة والمشاركة المتوافقة مع احكام\n الشريعة\n الإسلامية. تتواجد الشركة حاليا في
محافظتي القاهرة الكبرى والإسكندرية وتهدف للتوسع في محافظات أخري.\n\n يمكنكم التواصل معنا مباشرة عن طريق ممثلي خدمة العملاء (0225210075/0225210348) أو عبر البريد الإكتروني التالى\n : (cs@agel.io).\n\n في حالة رغبتنا في التواصل معكم سنقوم بذلك عبر الهاتف، أو البريد الإلكتروني، أو من خلال العنوان البريدي\n المسجل لدينا\n في قاعدة بيانات تطبيق الهاتف المحمول أو موقعنا الإلكتروني.\n
\n هذه الشروط والأحكام (\"الشروط\") تحكم وصول و/أو استخدام الأشخاص الطبيعية والأشخاص الاعتبارية في أي منطقة في\n الجمهورية\n مصر العربية للتطبيقات والمواقع والمحتوى والمنتجات والخدمات (\"الخدمات\") التي تقدمها الشركة.\n يرجى االطالع على الشروط التالية وقراءتها بعناية وقبولها دون قيد أو شرط عبر الضغط على زر \"موافقة\".\n يشكل وصولك إلى الخدمات واستخدامك لها، موافقه على الالتزام بهذه الشروط، مما ينشئ علاقة تعاقدية بينك وبين\n الشركة. إذا\n كنت لا توافق على هذه الشروط، فلا يجوز لك الحصول على الخدمات أو استخدامها. تحكم هذه الشروط على وجه التحديد\n العلاقة بين الشركة والمستخدمين الذين ليسوا ملزمين بـ الشركة بأي ترتيب تجاري سابق؛ علاوة على ذلك. يجوز للشركة\n إنهاء\n أي من هذه الشروط أو أي من الخدمات المتعلقة بك على الفور، أو قد توقف أو ترفض الوصول إلى الخدمات أو أي جزء\n منها\n في أي وقت ولأي سبب من الأسباب. يعرف مصطلح \"الكتابة \" بأنه\n محتوى رسائل البريد الإلكتروني و/اوالاشعارات المرسلة للمستخدم من خلال التطبيق الخاص\n بالشركة.\n\n إن استخدامك لتطبيق الهاتف أو البوابة الإكترونية، هو إقرار منك على فهمك لهذه الشروط. وفي حال عدم الموافقة على\n هذه\n الشروط، يتوجب عليك عدم استخدام أي من تطبيق الهاتف المحمول أو البوابة الإلكترونية. بالضغط علي \"موافقة\"، فأنت\n تؤكد\n قبول هذه الشروط والالتزام بالإشعارات القانونية، وسياسة الخصوصية، وشروط الإخلاء من المسئولية، والبنود والشروط\n الإضافية\n التي تظهر أعلى تطبيق الهاتف و/أو البوابة الإلكترونية. يرجي الاطلاع على هذه الشروط وقراءتها بعناية. لا تتحمل\n الشركة\n أي مسئولية عن المنتجات و/أو الخدمات المقدمة عبر تطبيقات الهاتف أو البوابة الالكترونية. ويعتبر الضغط على زر\n \"موافقة\"\n أسفل هذه الصفحة، هو إقرار منك بقبول الشروط والأحكام\n تحتفظ شركة آجل بكامل الحقوق ، وفقاً لتقديراتها، في تغيير أو تعديل أو إضافة أو إزالة أي من الشروط والأحكام في\n أي وقت\n دون إخطار مسبق. تسري هذه التغييرات فور نشرها أو الكشف عنها عبر تطبيق الهاتف أو البوابة االإلكترونية. يرجى\n مراجعة\n هذه الشروط بشكل منتظم للحصول على كافة التحديثات. عند إجراء أية تعديلات على هذه الشروط، فإن الاستمرار في\n استخدام\n تطبيق الهاتف و/أو البوابة الإلكترونية يشكل موافقة منك على هذه التعديلات\n قد تنطبق بعض الشروط التكميلية على خدمات معينة، مثل السياسات الخاصة بحدث أو نشاط أو ترويج معين، وسيتم إبلاغك\n بهذه\n الشروط التكميلية المتعلقة بالحدث أو النشاط أو الترويج المذكور. تتم إضافة الشروط التكميلية إلى (\"الشروط\")\n لأغراض الخدمات المقدمة ، و تعتبر جزءاً منها. تسود الشروط التكميلية على هذه (\"الشروط\") في حالة وجود تعارض\n فيما يتعلق بالخدمات المقدمة.\n نقوم بإدارة بياناتك الشخصية فيما يتعلق بالخدمات على النحو المنصوص عليه في سياسة خصوصية آجل، والتي يمكن\n الوصول إليها من خلال موقع الويب\n (www.agel.com.eg).\n قد توفر شركة آجل الوصول الضروري إلى معلوماتك لغرض وحيد هو\n الاستفادة من الخدمات التي طلبتها من واحد أو أكثر من مقدمي الخدمات الذين يمكن الوصول إليهم من خلال التطبيق\n الخاص\n بالشركة.\n يتم توفير المواد المتاحة من خلال الخدمات \"كما هي\"، دون ضمان من أي نوع، سواء أكان صريحاً او ضمنياً\n ، بما في ذلك، على سبيل المثال لا الحصر\n ضمانات القابلية للتسويق أو الملاءمة لغرض معين أو عدم الانتهاك. على وجه الخصوص، لا يتم تقديم\n أي ضمانات أو بيانات فيما يتعلق بدقة أو اكتمال المواد المذكورة. ستقوم الشركة بشكل دوري، دون إشعار مسبق،\n بإضافة أو تغيير\n أو تحسين أو استكمال المواد المعروضة في الخدمات. لن تكون الشركة بأي حال من الأحوال مسؤولة عن أي خسارة أو ضرر\n أو\n مسؤولية أو مصاريف يزعم انها حدثت أو تكبدها استخدام الخدمات، بما في ذلك، على سبيل المثال لا الحصر، أي أخطاء\n أو سهو\n أو تأخير في تقديم الخدمة أو انقطاعها. يتحمل جميع المستخدمين (\"المستخدم\"، \"أنت\") المسؤولية الكاملة عن استخدام\n الخدمات.\n بأي حال من الأحوال، بما في ذلك، على سبيل المثال لا الحصر، الإهمال، ولن تكون الشركة مسؤولة عن أي أضرار مباشرة\n أو\n غير مباشرة أو عرضية أو خاصة أو تبعية، حتى في الحالات التي تم فيها إبالغ الشركة بإمكانية حدوث مثل هذه\n الأضرار. يقر\n المستخدم ويوافق بشكل خاص على أن الشركة ليست مسؤولة عن أي سلوك لأي مستخدم للتطبيق.\n
\n\n\n توفر آجل (\"الشركة\") للمستخدمين تطبيقاً رقمياً تفاعلياً (\"التطبيق \")\n يعمل على خدمة فئتين من التجار وهما،\n
\n\n (أ) تجار التجزئه\n\n \n يتيح التطبيق الخاص بشركة اجل لتجار التجزئة الخدمات الاتية:\n \n\n\n أولاً : \n\n التعرف، التواصل، رصد ومتابعة تجار الجملة، المصانع والمستوردين العاملين داخل جمهورية مصر العربية و الذين\n يوفرون\n البضائع التي يتعامل بها في تجارته، كما يقوم التطبيق بإرسال اشعار لتاجر التجزئة في حال قيام أحد تجار الجملة\n بإدخال منتجات\n جديدة او تخفيض على المنتجات التي لديه.\n
\n\n\n ثانياً : \n\n يمكن للتاجر الحصول على حد من البضائع بنظام المرابحة التجارية بحيث تقوم شركة آجل بشراء البضائع التي يحتجها\n لاستكمال دورته التجارية ثم تقوم ببيعها له بالقسط في مقابل هامش ربح ثابت. حال رغبة التاجر الاستفادة من هذه\n الخدمة يقوم بمليء\n كافة البيانات المطلوبة عن طريق التطبيق، ثم يقوم احد مندوبي الشركة بزيارته ميدانية للتأكد من صحة البيانات\n والمستندات ويطلب\n منه التوقيع علي العقد الخاص بالشركة ثم يقوم التطبيق باستخدام خاصية الذكاء الاصطناعي باحتساب الحد الائتماني\n الذي في وسع\n التاجر تحمله ويتم تفعيل هذا الحد المحتسب للتاجر والذي يمكنه من التوجه لأي من تجار الجملة المشتركين في الشبكة\n واختيار\n بضائع و/او سلع في يعادل ثمنها الحد الائتماني المقرر له ثم تقوم الشركة بشراء هذه البضائع وإعادة بيعها له\n مقابل هامش ربح ثابت\n علي ان يتسلم التاجر البضائع مباشرة من تاجر الجملة ثم يقوم بسداد ثمن البضائع للشركة علي أقساط بعد أن يقوم\n ببيع هذه البضائع\n لعملائه. يمكن للتاجر التجزئة اختيار عدد الدفعات التي يرغب في السداد عليها على الا تتجاوز ست دفعات، ومدة\n الدفعة أربعة عشر\n يوما. لا يتحمل التاجر أي مصاريف لفتح الحساب كما يمكنه في حالة تعسره إعادة البضائع التي لم يتمكن من سداد\n ثمنها عن طريق\n أن تقوم الشركة بإعادة شرائها منه واسقاط ما عليه من دفعات مستحقة.\n
\n\n\n ثالثاً : \n\n تتعاون الشركة مع بنك مرخص داخل جمهورية مصر العربية لإصدار بطاقة بنكية مسبقة الدفع تحمل شعار مزدوج هو شعار\n الشركة والبنكي، علي أن يمنح كل تاجر مشترك في خدمات الشركة بطاقة تمكنه من سداد الدفعات المستحقة للشركة من\n خلال أي\n من مكن الصراف الالي او نقاط الدفع الالكترونية كما ستوفر البطاقة أيضا إمكانية الاستخدام في سداد كافة\n المدفوعات سواء الحكومية\n وغير الحكومية بما فيها سداد الفواتير او إتمام عمليات الشراء بشكل الكتروني.\n\n
\n\n\n رابعاً : \n\n له الاستفادة من عدد من أدوات تنظيم و إدارة الاعمال الرقمية التي تتيح له إدارة وتسجيل مبيعاته، ومتابعة حسابات\n عملائه غير\n مكتمل سدادها، مع إدارة تدفقاته النقدية، كذلك يتيح التطبيق عدد من الدراسات والمقالات التوعوية والتعليمية\n لتحسين الوعي المالي\n ورفع الثقافة المالية والتجارية.\n
\n\n\n (ب) تجار الجملة: \n\n \n يتيح التطبيق الخاص بشركة آجل لتجار الجملة الخدمات الاتية:\n \n\n\n أولاً : \n\n التعرف، التواصل، رصد ومتابعة المصانع والمستوردين العاملين داخل جمهورية مصر العربية والذين يوفرون البضائع\n التي يتعامل بها في تجارته، كما يقوم التطبيق بإرسال اشعار للتاجر في حال قيام أحد المصانع بإدخال منتجات جديدة\n او تخفيض على المنتجات التي لديه.\n
\n\n\n ثانياً : \n\n يمكن للتاجر الحصول على حد من البضائع بنظام الم اربحة التجارية بحيث تقوم شركة آجل بش ارء البضائع التي يحتجها\n لاستكمال دورته التجارية ثم تقوم ببيعها له بالقسط في مقابل هامش ربح ثابت. حال رغبة التاجر الاستفادة من هذه\n الخدمة يقوم\n بمليء كافة البيانات المطلوبة عن طريق التطبيق، ثم يقوم احد مندوبي الشركة بزيارته ميدانية للتأكد من صحة\n البيانات والمستندات ويطلب منه التوقيع علي العقد الخاص بالشركة ثم يقوم التطبيق باستخدام خاصية الذكاء\n الاصطناعي باحتساب الحد الائتماني الذي في وسع التاجر تحمله ويتم تفعيل هذا الحد المحتسب للتاجر والذي يمكنه من\n التوجه لأي من المصانع المشتركين في الشبكةواختيار بضائع و/او سلع في يعادل ثمنها الحد الائتماني المقرر له ثم\n تقوم الشركة بش ارء هذه البضائع وإعادة بيعها له مقابل هامش ربح صغير علي ان يتسلم التاجر البضائع مباشرة من\n المصنع ثم يقوم بسداد ثمن البضائع للشركة علي أقساط بعد أن يقوم ببيع هذه البضائع لعملائه. يمكن للتاجر اختيار\n عدد الدفعات التي يرغب في السداد عليها على الا تتجاوز ست دفعات، ومدة الدفعةأربعة عشر يوما .\n
\n\n\n ثالثاً : \n\n تتعاون الشركة مع بنك مرخص داخل جمهورية مصر العربية لإصدار بطاقة بنكية مسبقة الدفع تحمل شعار مزدوج هو شعار\n الشركة والبنكي، علي أن يمنح كل تاجر مشترك في خدمات الشركة بطاقة تمكنه من سداد الدفعات المستحقة للشركة من\n خلال أي من مكن الص ارف الالي او نقاط الدفع الالكترونية كما ستوفر البطاقة أيضا إمكانية الاستخدام في سداد كافة\n المدفوعات سواءالحكومية وغير الحكومية بما فيها سداد الفواتير او إتمام عمليات الشراء بشكل الكتروني.\n
\n\n\n رابعاً : \n\n له الاستفادة من عدد من أدوات تنظيم و إدارة الاعمال الرقمية التي تتيح له إدارة وتسجيل مبيعاته، ومتابعة حسابات\n عملائه غير\n مكتمل سدادها، مع إدارة تدفقاته النقدية، كذلك يتيح التطبيق عدد من الدراسات والمقالات التوعوية والتعليمية\n لتحسين الوعي المالي\n ورفع الثقافة المالية والتجارية.\n
\n\n\n خامساً : \n نظام الترويج الشبكي، تتيح هذه الخدمة للطرف الثاني عرض معلوماته، بضائعة ومنتجاته على التطبيق المعد من جانب\n الشركة، والذي يعمل على ايصاله بشبكة من تجار التجزئة الراغبين في الاستفادة من خدماته\n\n
\n\n\n سادساً : \n نظام إدارة التدفقات النقدية والتحصيل الالكتروني من خلال نقطة بيع الكترونية – POS، والتي تقوم الشركة بتوفيرها\n للتجار دون مقابل وتمكن هذه الخدمة التاجر من توفير حلول دفع ميسرة لعملائه، وبيع بالأجل للمتعاملين معه من خلال\n استخدام التطبيق المعد من جانب الشركة الذي يتيح الية لتغطية الحسابات المدينة لتوفير السيولة، كما تقوم الشركة\n بتوفير خدمات التحصيل الالكتروني للمستحقات المالية من خلال قنوات الدفع الخاصة بالشركة.\n
\n\n\n تمنحك الشركة، بشرط أن تمتثل لهذه(\" الشروط \")، ترخيصًا محدودًا غير حصري لا يمكن ترخيصه من الباطن أو\n نقله إلى شخص آخر وقابل للإلغاء من أجل:\n\n
- \n
\n لا يحق لك:\n
- \n
\n يقر العميل بأنه قد يتم توفير أجزا ء من الخدمات تحت العلامات التجارية المختلفة لـ آجل أو طلب خيارات الخدمات\n المرتبطة بخدمات الشركة. يقر العميل أيضًا بأنه يجوز تقديم الخدمات بموجب هذه العلامات التجارية أو خيارات الطلب\n من قبل أو فيما يتعلق بما يلي:\n
\n\n- \n
\n قد يتضمن هذا الموقع خطوط اتصال وروابط بمواقع طرف ثالث على الشبكة. هذه المواقع المترابطة ليست تحت سيطرة\n الشركة ولا تتحمل الشركة مسؤولية محتويات أي من هذه المواقع المتصلة أو عن أي خط اتصال موجود في أي من المواقع\n المتصلة. توفر الشركة خطوط الاتصال هذه فقط لغرض تسهيل الوصول إلى المواقع، ولا يعني إنشاء خط اتصال أو اربط أن\n تتعرف الشركة على الموقع المرتبط بموقعها على الويب.\n\n
\n\n\n قد يتم توفير الخدمات أو إتاحتها بالاقتران مع خدمات ومحتوى طرف ثالث لا يخضع لسيطرة الشركة. تقر الشركة أن شروط\n الاستخدام وسياسات الخصوصية المختلفة قد تنطبق على استخدامك لخدمات ومحتوى الطرف الثالث. لا توافق الشركة على\n خدمات ومحتوى الأطراف الثالثة ولا تتحمل بأي شكل من الأشكال المسؤولية تجاه أي من منتجات أو خدمات مزودي الخدمة.\n بالإضافة إلى ذلك، تعتبرApple أوGoogle أوMicrosoft Corporation أوBlackBerry Limited و / أو الشركات التابعة\n لها مستفيدين خارجيين من هذا العقد، إذا قمت بالوصول إلى الخدمات باستخدام التطبيقات المصممة خصيصًا للأجهزة\n المحمولة التي تعمل بنظام Android ،Apple iOS أو Microsoft Windows أو Blackberry على التوالي. هؤلاء المستفيدون\n الخارجيون ليسوا أطرافًا في هذا العقد وليسوا مسؤولين عن تقديم الخدمات أو دعمها بأي طريقة كانت يخضع وصولك إلى\n الخدمات باستخدام هذه الأجهزة للشروط المنصوص عليها في الشروط والأحكام المعمول بها للمستفيد الخارجي.\n
\n\n\n تظل الخدمات وجميع الحقوق المتعلقة بها ملكية حصرية لـ آجل أو المرخصين التابعين لها. لا تمنحك هذه الشروط\n واستخدامك للخدمات أي حقوق:\n\n
- \n
\n من أجل استخدام الخدمات، يجب عليك التسجيل للحصول على حساب شخصي فعال لخدمات المستخدم والحفاظ عليه، (\"الحساب\")\n يجب أن يكون عمرك 18 عامًا على الأقل حتى يكون لديك حساب. يتطلب تسجيل الحساب تقديم بيانات شخصية معينة إلى\n الشركة،بما في ذلك على سبيل المثال لا الحصر، الاسم الأول والأخير، والعنوان ورقم الهاتف المحمول والعمر(\n يرجى\n الرجوع إلى سياسةالخصوصية للحصول على مزيد من المعلومات في هذا الصدد). أنت توافق، من جانبك، على\n تسجيل معلومات\n دقيقة وكاملة وحديثة والاحتفاظ بها في حسابك الخاص. قد يؤدي عدم وجود معلومات دقيقة وكاملة وحديثة عن حسابك إلى\n عدم قدرتك على الوصول إلى هذه الخدمات أو استخدامها، أو إنهاء الشركة لهذه الخدمات. أنت تتحمل مسؤولية أي نشاط\n يتم إجراؤه باسم حسابك وتوافق على الحفاظ على أمان اسم المستخدم وكلمة المرور لحسابك في جميع الأوقات. لا يحق لك\n امتلاك أكثر من حساب ما لم تحصل على إذن كتابي مسبق من الشركة في هذا الصدد. علاوة على ذلك.\n
\n\n\n لا يجوز لك تعيين أو نقل حسابك إلى أي شخص أو كيان آخر. أنت توافق على الامتثال لجميع القوانين المعمول بها عند\n استخدام الخدمات ولا يجوز لك استخدامها إلا للأغراض القانونية. عند استخدام الخدمات، لا يجوز لك التسبب في أي\n ضرر أو إزعاج أو مضايقة أو ضرر للممتلكات، سواء للمستخدمين الآخرين أو لأطراف ثالثة. في بعض الحالات، قد يطلب\n منك تقديم بطاقه رقم قومي للوصول إلى الخدمات أو استخدامها، وتوافق على أنه قد يتم رفض وصولك إلى الخدمات أو\n استخدامها إذا رفضت تقديم بطاقه رقم قومي.\n
\n\n\n بمجرد إنشاء الحساب، فإنك توافق على أنه يجوز للخدمات أن ترسل لك بعض رسائل البريد الإلكتروني المعلوماتية\n وارسال الإخطارات كجزء من سياق العمل العادي لاستخدامك للخدمات. لديك الحق في إلغاء الاشتراك، عبر خيار \"إلغاء\n الاشتراك\"، من تلقي رسائل البريد الإلكتروني هذه، ويجوز لك تعطيل الإشعارات هذه عبر الخدمات في أي وقت. أنت تقر\n بأن رفض تلقي رسائل البريد الإلكتروني المعلوماتية والإشعارات الفورية قد يؤثر على استخدامك للخدمات.\n
\n\n\n يجوز لشركة آجل، وفقًا لتقديرها المطلق، إنشاء رموز ترويجية يمكن استردادها وإضافتها إلى الحساب أو المزايا أو\n الامتيازات الأخرى المتعلقة بالخدمات و / أو خدمات الشركة، مع مراعاة أي شروط إضافية تضعها الشركة على أساس كل\n رمز ترويجي (\"الرموز الترويجية\") يوافق العميل على أن الرموز الترويجية:\n\n
- \n
\n يحق لـ آجل، وفقًا لتقديرها المطلق، السماح لك بإرسال أو تحميل أو نشر أو تقديم معلومات نصية و / أو صوتية و /\n أو مرئية إلى الشركة و / أو مقدم الخدمة من خلال تقديم الخدمات، بما في ذلك التعليقات وردود الافعال على\n الخدمات، وإنشاء طلبات الدعم، وتقديم مدخلات في المسابقات والعروض الترويجية (\"محتوى المستخدم\"). يظل أي محتوى\n تم إنشاؤه بواسطة المستخدم والذي قدمته ملكًا لك. ومع ذلك، بمجرد تقديم المحتوى الذي ينشئه المستخدمون إلى\n الشركة، فإنك تمنح الشركة ترخيصًا عالميًا ودائمًا وغير قابل للإلغاء وغير قابل للتحويل وخالي من حقوق الملكية،\n بالإضافة إلى الحق في الترخيص والاستخدام والنسخ والتعديل وإنشاء أعمال مشتقة وتوزيع، وعرض وتنفيذ محتوى\n المستخدم بشكل علني واستغلاله بأي طريقة أخرى في جميع الأشكال وقنوات التوزيع المعروفة حاليًا أو التي تم\n إنشاؤها لاحقًا (بما في ذلك ما يتعلق بخدمات وأعمال الشركة وكذلك مواقع وخدمات الأطراف الثالثة)، دون إرسال\n المزيد من الإشعارات لك أو الحصول على موافقة من جانبك ودون الحاجة إلى الدفع لك أو لأي شخص أو كيان آخر .\n\n تتعهد بما يلي: \n\n
- \n
ستكون مسؤولاً عن الحصول على البيانات اللازمة للوصول إلى الشبكة لاستخدام الخدمات. إذا قمت بالوصول إلى الخدمات\n أو استخدامها من جهاز محمول، فقد يتم تحصيل رسوم وتكاليف الخدمات والرسائل التي تطبقها شبكة الهاتف المحمول\n الخاصة بك؛ أنت مسؤول عن دفع هذه الأسعار والرسوم. ستكون مسؤولاً عن الحصول وتحديث الأجهزة المناسبة اللازمة\n للوصول إلى الخدمات واستخدامها وأي تحديثات لها واستخدامها. لا تضمن الشركة أن كامل الخدمات، أو أي جزء منها،\n سيعمل على أي أجهزة أو أجهزة معينة. بالإضافة إلى ذلك، قد تعاني الخدمات من أعطال وتأخيرات ناتجة عن استخدام\n الإنترنت والاتصالات الإلكترونية.\n
\n\n\n
\n\n - التزامنا بأمن البيانات:\n\n \n تنطبق سياسة الخصوصية على وجودك واستخدامك لجميع الخدمات التي توفرها شركة آجل أو الشركات التابعة لها (\"خدمات\n آجل\") من خلال التطبيق الرقمي و/او صفحة الويب الخاصة بنا بما في ذلك على سبيل المثال لا الحصر (رابط الموقع\n الإلكتروني الداخلي) www.agel.com.eg\n توضح سياسة الخصوصية هذه المعلومات التي نتلقاها منك، وكيف نتعامل مع معلوماتك ونفصح عنها، والخطوات التي نتخذها\n لحماية معلوماتك. باستخدام الخدمات، فإنك توافق على ممارسات الخصوصية الموضحة في هذه السياسة.\n\n
\n\n المعلومات التي نتلقاها: \n\n\n - معلومات شخصية\n
\n\n\n عند استخدامك للخدمات، يمكنك تقديم وقد نطلب معلومات عنك أو يمكن استخدامها لتحديد هويتك، بما في ذلك اسمك\n وعنوان بريدك الإلكتروني وعنوانك البريدي ورقم هاتفك المحمول والعمر والجنس وتاريخ الميلاد. على سبيل المثال لا\n الحصر، يمكنك تزويدنا بالمعلومات الشخصية عند التسجيل للحصول على حساب الشركة، وعند ملء النماذج أو الحقول على\n الموقع، وعند المشاركة في الاستطلاعات عبر الإنترنت، وعندما تتصل بنا أو تطلب معلومات عنا، فإن هذا الموقع\n وخدمتنا (سواء عن طريق البريد الإلكتروني أو أي وسيلة أخرى).\n عند استخدامك للخدمات، يمكنك تقديم وقد نقوم بجمع معلومات معينة بما في ذلك رقمك القومي، حجم اعمالك، والتغطية\n التأمينية الحالية وأنواع أخرى مماثلة من المعلومات.\n عندما تستخدم خدمات معينة (مثل طلب الاشتراك في نظام المرابحة التجارية)، فإنك تفوض شركة آجل بمشاركة معلوماتك\n مع أطراف ثالثة معينة نيابة عنك وتفويض هذه الأطراف الثالثة.\n يشار إلى المعلومات السابقة باسم\n \"المعلومات الشخصية\" .\n
\n\n - معلومات ملفات تعريف الارتباط (كوكيز)\n\n\n عند استخدام الخدمات، قد نرسل ملف تعريف ارتباط واحدًا أو أكثر (وهي ملفات نصية صغيرة تحتوي على سلسلة من الأحرف\n الأبجدية الرقمية) إلى جهاز الحاسوب أو الجهاز المحمول الخاص بك. قد نستخدم ملفات تعريف الارتباط للجلسة وملفات\n تعريف الارتباط الدائمة. يختفي ملف تعريف ارتباط الجلسة بعد إغلاق المتصفح. يظل ملف تعريف الارتباط الدائم بعد\n إغلاق المتصفح الخاص بك ويمكن أن يستخدمه متصفحك في الزيارات اللاحقة للخدمات. يمكن إزالة ملفات تعريف الارتباط\n الدائمة. يرجى مراجعة متصفح الويب الخاص بك، ملف \"المساعدة\" لمعرفة الطريقة الصحيحة لتعديل إعدادات ملفات تعريف\n الارتباط الخاصة بك. إذا قمت بحذف ملفات تعريف الارتباط من الخدمات أو اخترت عدم قبولها، فقد لا تتمكن من\n استخدام ميزات الخدمات إلى أقصى امكانياتها.\n
\n\n - المعلومات التي يتم جمعها تلقائيًا\n\n\n عندما تزور التطبيق و/او صفحة الويب أو تستخدم الخدمات أو تفتح بريدًا إلكترونيًا من آجل، فقد نتلقى تلقائيًا\n ونسجل معلومات معينة من جهاز الكمبيوتر و / أو متصفح الويب و / أو الجهاز المحمول الخاص بك، بما في ذلك عنوان IP\n الخاص بك أو عنوان أو معرف جهاز آخر، مستعرض الويب و / أو نوع الجهاز، وإعدادات وتكوينات الأجهزة والبرامج،\n وصفحات الويب أو المواقع التي تزورها قبل أو بعد زيارة صفحة الويب مباشرة، والصفحات التي تشاهدها على موقعنا،\n وإجراءاتك على صفحة الويب، والتواريخ والأوقات التي تقوم فيها بزيارة الخدمات أو الوصول إليها أو استخدامها.\n عندما تستخدم صفحة الويب على جهاز محمول، فقد نجمع أيضًا الموقع الفعلي لجهازك، على سبيل المثال، باستخدام\n إشارات الأقمار الصناعية أو برج الهاتف الخلوي أو إشارات الشبكة المحلية اللاسلكية.\n
\n\n\n كيف نتعامل مع المعلومات التي نتلقاها: \n معلوماتك هي جزء لا يتجزأ من عملياتنا، ونحن نستخدمها بعدة طرق في تقديم الخدمات وتشغيل أعمالنا. على سبيل\n المثال:\n
\n\n\n عندما نشارك معلوماتك: \n قد نكشف عن معلوماتك فيما يتعلق بتوفير الخدمات وتشغيل أعمالنا. على سبيل المثال:\n
\n\n\n إذا قمت بتقديم طلب من خلال خدماتنا، يجوز لـ آجل و / أو مزود خدمة الطرف ثالث الاتصال بك مباشرة لتقديم عروض\n الأسعار أو المعلومات عبر الهاتف و / أو الفاكس و / أو البريد الإلكتروني.\n لا ترسل طلبًا للحصول على معلومات أو خدمات إذا كنت لا تريد مشاركة معلوماتك الشخصية كما هو موضح أعلاه. بمجرد\n إرسال طلب عبر الخدمات ومشاركة معلوماتك كما هو موضح أعلاه، ستنطبق شروط سياسة الخصوصية الخاصة بالطرف الثالث\n على استخدام هذا الطرف لمعلوماتك.\n
\n\n\n نحن نستخدم ضمانات فنية محدده مصممة لحماية سلامة وأمن معلوماتك. ومع ذلك، لا يمكننا ضمان أمن أي معلومات ترسلها\n إلينا من خلال الخدمات أو المتجر على الموقع وأنت تقوم بذلك على مسؤوليتك الخاصة. لا يمكننا أيضًا ضمان عدم\n إمكانية الوصول إلى هذه المعلومات أو الكشف عنها أو تغييرها أو إتلافها عن طريق انتهاك أي من الضمانات التقنية\n الخاصة بنا. لا يمكننا التحكم في تصرفات المستخدمين الآخرين أو الجهات الخارجية الأخرى التي قد تختار مشاركة\n معلوماتك معها. لذلك، لا يمكننا ولا نضمن أن المعلومات التي تنشرها من خلال الخدمات وعلى التطبيق و/او صفحة\n الويب لن يتم عرضها بواسطة أشخاص غير مصرح لهم. نحن لسنا مسؤولين عن التحايل على أي إعدادات خصوصية أو إجراءات\n أمنية واردة في صفحة الويب. حتى بعد الإزالة، قد تظل نسخ المعلومات التي نشرتها قابلة للعرض في الصفحات المخبأة\n والأرشفة أو إذا قام المستخدمون الآخرون بنسخ هذه المعلومات أو تخزينها.\n
\n حقوقك: \n
\n يجوز لك ولديك الحق في الامتناع عن الموافقة المسبقة للاحتفاظ ببياناتك الشخصية أو معالجتها، أو تصحيح بياناتك\n الشخصية أو تعديلها أو محوها أو إضافتها أو تحديثها، أو تخصيص معالجة بياناتك الشخصية لنطاق محدد، كن على علم\n بأي خرق أو انتهاك بياناتك الشخصية، والاعتراض على معالجة بياناتك الشخصية أو نتائجها عندما تتعارض مع حقوقك\n وحرياتك الأساسية.\n
\n يتم توفير خدمات آجل \"حسب حالتها الحالية\" وتوافرها. تُخلي آجل مسئوليتها عن أي اتفاقيات أو إقرارات ضمنية أو\n صريحة أو تشريعية غير منصوص عليها صراحة هنا بما في ذلك الإقرارات الضمنية بقابلية التسويق والملاءمة لغرض معين\n وعدم الانتهاك. بالإضافة إلى ذلك، لا تقدم آجل أي إقرارات أو اتفاقيات أو ضمانات بدقة التوقيت والجودة والملاءمة\n وتوافر جميع الخدمات، أو أي جزء منها، أو التغطيات المطلوبة أثناء إكمال هذه الخدمات. وبالمثل، لا تقدم آجل أيا\n من التأكيدات المذكورة أعلاه لتعطيل الخدمات أو لكونها خالية من الأخطاء. ومع ذلك، تضمن الشركة أن جميع مقدمي\n الخدمات الموجودين على التطبيق وصفحة الويب الخاصة بها مرخصون ومتوافقون تمامًا مع قوانين جمهورية مصر العربية\n التي تنظم أداء الخدمات المقدمة من قبلهم، ولكنها لا تضمن سلامتها وأهليتها. يجب أن توافق على أن جميع المخاطر\n الناشئة عن استخدامك للخدمات أو أي جزء منها، إلى الحد الذي تسمح به القوانين المعمول بها، هي التي تتحملها\n وحدك. علاوة على ذلك، يوافق مقدمي الخدمة على أنك تتحمل وحدك جميع المخاطر الناتجة عن عملية تقديم الخدمة.\n
\n\n - نطاق المسؤولية\n\n\n لا تتحمل آجل المسؤولية عن أي أضرار غير مباشرة أو عرضية أو نموذجية أو عقابية أو تبعية بما في ذلك الربح أو\n فقدان البيانات أو الإصابة على مستوى الاشخاص أو أضرار الممتلكات المتعلقة بأي وسيلة لاستخدام الخدمة. يتم إخلاء\n المسؤولية عن هذا الامر حتى لو تم إخطار آجل بذلك. لن تكون الشرة مسؤولة عن أي أضرار أو التزامات أو خسائر ناتجة\n عن:\n\n
- \n
\n يجب أن توافق على التأكد من أن آجل وجميع مسؤوليها ومديريها وموظفيها ووكلائها سيتم إبراء ذمتهم وتعويضهم عن\n جميع المطالبات والطلبات وتحمل الخسائر والنفقات بما في ذلك، أتعاب المحاماة) التي ينتج عنها / من أي مما يلي :\n\n
- \n
\n ما لم ينص على خلاف ذلك هنا، تخضع جميع هذه الشروط لقوانين جمهورية مصر العربية. يجب تسوية جميع النزاعات أو\n الخلافات أو الدعاوى القضائية أو النزاعات التي قد تنشأ عن هذه الخدمات أو الشروط أو ذات الصلة بها، بما في ذلك\n فعاليتها وتفسيرها وتطبيقها (\"النزاع\") بشكل إلزامي من خلال رسالة بريد إلكتروني مرسلة إلى \n (cs@agel.io) تُفصّل النزاع.\n يحق لـ آجل طلب ملفات ووثائق إضافية من المستخدم لتسوية النزاع. إذا لم تتم تسوية هذا النزاع في غضون ستين (60)\n يومًا بعد تقديم طلب تسوية النزاع، فسيتم الرجوع إلى التحكيم وفقًا لقواعد وأحكام مركز القاهرة الإقليمي للتحكيم\n التجاري الدولي (CRCICA)، القاهرة، جمهورية مصر العربية.\n
\n\n\n قد ترسل آجل إخطارات بخصوص الخدمات عبر البريد الإلكتروني أو عن طريق اشعارات على التطبيق الخاص بها. يمكنك\n إخطار آجل عبر مراسلات مكتوبة إلى [www.agel.com.eg].\n
\n\n\n لا يجوز لك، كليًا أو جزئيًا، التنازل عن هذه الشروط أو نقلها دون موافقة مسبقة من آجل، ومع ذلك، فإنك توافق على\n منح آجل موافقتك لتمكينها، جزئيًا أو كليًا، من التنازل عن هذه الشروط وتحويلها إلى:\n\n
- \n
\n في مثل هذه الحالة، يجب على كلا الطرفين استبدال كامل النص غير القانوني أو غير الصالح أو غير القابل للتنفيذ أو جزء\n منه بنص قانوني وصالح وقابل للتطبيق أو جزء منه بشرط أن يكون لهذا النص / جزء منه، إلى أقصى حد ممكن، تأثير مماثل\n إلى ذلك النص غير الصالح أو غير القانوني أو غير القابل للتنفيذ أو جزء منه، مع مراعاة المحتوى والغرض منه.\n
\n تشكل هذه الشروط والاحكام مجمل الاتفاق والتفاهم المتبادل بين الطرفين فيما يتعلق بموضوع هذه الاتفاقية. كما تحل هذه\n الشروط محل جميع الاتفاقيات السابقة والحالية وتحل محلها. تشير عبارة \"بما في ذلك\" المذكورة هنا إلى \"بما في ذلك على\n سبيل المثال لا الحصر\".\n \n\n
\n ![\"Payment-methods-for-retailer-web-page-logo\"](\"./webPageAppsImages/PaymentMethodsForRetailerWebPageLogo.png\")
\n
\n\n {/* title */}\n \n \n
\n\n {/* content */}\n طرق السداد والمنافذ
\n\n عند قيامك بعملية الشراء يتم تقسيم قيمة الفاتورة على خطة الدفع التي اخترتها:\n
\n\n\n خطط الدفع:- \n
\n\n - \n
- \n 1 شهر (2 دفعة)\n\n \n
- \n 2 شهر (4 دفعة)\n \n
- \n 3 شهر (6 دفعة)\n \n
\n ويتم احتساب نسبه 3% من قيمة الفاتورة على كل شهر: -\n
\n \n علي سبيل المثال؛\n \n
\n لو كانت قيمة الفاتورة تساوي 10,000 جنيه واخترت خطه الدفع على 1 شهر ستكون اجمالي القيمة 10,300 جنيه مصري\n
\n اما إذا اخترت 2 شهر ستكون اجمالي القيمة 10,600 جنيه مصري\n
\n اما إذا اخترت 3 شهر ستكون اجمالي القيمة 10,900 جنيه مصري\n
\n تدفع الاقساط كل اسبوعين ومواعيدها ثابتة وهي يومي 1 و14 من كل شهر ميلادي.\n
\n ملحوظه؛ يتم احتساب مواعيد الأقساط من تاريخ عمليه الشراء يحسب القسط الأول بعد اسبوعين؛\n يجب ان يكون الفارق بين العملية وميعاد القسط على الاقل 10 ايام؛ بمعني إذا تمت العملية يوم 1 او 2 او 3 او 4 في\n الشهر،\n يكون القسط الاول يوم 14\n اما إذا تمت العملية بعد يوم 4 سيكون اول قسط يوم 1.\n
\n
\n\n \n \n ويتم دفع الاقساط من احدي الطرق التالية: -\n \n
\n\n ![\"vodafone\"](\"./webPageAppsImages/voda.png\")
\n
\n\n \n \n فودافون كاش: 01069890893\n
\n\n\n
\n ![\"fawry\"](\"/webPageAppsImages/fawry.png\")
\n
\n\n \n \n فوري:\n
\n- \n
- \n من صفحة الدفعات قم باختيار”تفاصيل الدفعة” من الدفعة المستحقة.\n \n
- \n اختر “ادفع الآن” ثم اختر “ادفع عن طريق فوري”.\n \n
- \n اضغط على “انسخ الرقم المرجعي” ثم اذهب لأقرب ماكينة فوري و أطلب منه الدفع باستخدام الكود.\n \n
- \n في حالة نجاح العملية ستظهر أن الدفعة مدفوعة على التطبيق خلال 48 ساعة.\n \n
\n\n
\n ![\"cib\"](\"/webPageAppsImages/cib.png\")
\n
\n\n \n \n إيداع او تحويل بنكي:-\n
\n\n اسم الشركة: آجل لخدمات الدفع\n
\n رقم الحساب: 100050698313\n
\n فرع: جراند مول\n
\n IBAN: EG890010001800000100050698313\n
\n سوفت كودCIBEEGX01:\n
\n
\n\n
\n تحويل من محفظة بنكية: -\n
\n محفظة بنكية : 01067484817\n
\n\n
\n يكون هناك فترة سماح مدتها 24 ساعة؛ إذا كان ميعاد استحقاق القسط يوم 1 في الشهر فاَخر ميعاد للدفع بدون مصاريف\n إدارية يكون يوم 2 في الشهر، وإذا كان ميعاد دفع القسط يوم 14 في الشهر فاَخر ميعاد للدفع بدون مصاريف إدارية يكون\n يوم 15 في الشهر.\n في حاله التأخير يتم احتساب مصاريف إدارية لكل يوم تأخير؛\n
\n طريقه احتساب المصاريف الإدارية: -\n
\n 5 جنيهات لكل 1000 جنيه من قيمة القسط في اليوم، على سبيل المثال لو كانت قيمة القسط 3000 جنيه ستكون المصاريف\n الإدارية 15 جنيه لكل يوم تأخير، فمثلا اذ كان التأخير لمده 3 ايام ستكون المصاريف الإدارية 45 جنيه و يتم دفع اصل\n القسط 3000 + 45 مصاريف إدارية.\n
\n
\n\n \n Land Line: (+20225210348) (+20225210075)\n
\n Website: www.agel.io E-mail: cs@agel.io\n
\n ![\"zammit-logo\"](\"/webPageAppsImages/zammit_logo.png\")
\n
\n\n {/* header */}\n \n \n بيع على الانترنت دلوقتي مع زامت شريك آجل لبناء متجرك الالكتروني:\n
\n\n\n {/* content */}\n\n- \n
- \n موجود واجهة بالعربي والانجليزي ليك عشان تتحكم في موقعك.\n \n
- \n وكمان واجهة بالعربي والانجليزي للعملاء عشان الموقع يكون باللغة الي تناسبه.\n \n
- \n ربط تام مع شركات شحن، يعني بتتعامل مع واجهة واحدة بس بتشوف الاوردر وتطبع البوليصة وتشوف خطوات الاوردر، مش مجرد نقل الاوردر لسيستم شركة الشحن وبس .\n \n
- \n مفيش نسبة على المبيعات.\n \n
- \n تقدر تربط مخزونك في المحل بمخزون المتجر الإلكتروني.\n \n
- \n فريق كامل بيساعدك تبني الموقع بتاعك وياخدك بإيديك خطوة خطوة لحد ما تبدا تشتغل وتبيع .\n \n
- \n فريق كامل للدعم معاك يساعدك في أي مشكلة .\n \n
\n تقدر تاخد خصم عملاء آجل وتقسط القيمة النهائية لاشتراك المتجر من خلال تطبيق آجل\n
\n\n {/* zammit links section*/}\n\n
\n\n {/* footer */}\n \n تقدر تعرف اكتر عن زامت من خلال Zammit\n
\n\n \n سجل الان\n
\n\n \n
\n )\n}","import React from 'react'\nimport { Row, Col } from 'react-bootstrap'\nimport './CompaniesWorkingWithAgel.css'\n\n\nexport default function CompaniesLogos() {\n\n\n const firstLogosContainer = [2, 3, 5, 6, 7, 11, 12, 13, 14, 15, 17, 19, 20, 22, 24, 25, 26, 28, 29, 30, 31, 32, 33, 34]\n const secondLogosContainer = [35, 38, 40, 41, 42, 44, 45, 46, 48, 50, 51, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, 63, 67, 68]\n const thirdLogosContainer = [69, 70, 71, 74, 75, 76, 77, 79, 80, 81, 84, 85, 86, 88, 89, 90, 94, 95, 96, 98, 99, 101, 102, 103]\n const fourthLogosContainer = [105, 106, 108, 109, 110, 111, 118, 119, 120, 121, 123, 125, 126, 127, 128, 129, 130, 131, 132, 133, 135, 137, 138, 140]\n const fifthLogosContainer = [8, 97, 100, 104, 113, 114, 115, 47, 39, 141, 92, 112, 136, 139]\n\n \n return (\n \n \n\n {/* logo img */}\n \n
\n\n {/* redirect btn to logos screen */}\n \n \n
\n\n {/* title */}\n \n بضاعتك بالآجل
\n\n {/*apps stores image download links*/}\n\n\n \n 
\n
\n\n \n \n \n \n \n \n
\n\n\n \n
\n )\n}","import classNames from 'classnames';\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst propTypes = {\n /**\n * Specify whether the feedback is for valid or invalid fields\n *\n * @type {('valid'|'invalid')}\n */\n type: PropTypes.string,\n\n /** Display feedback as a tooltip. */\n tooltip: PropTypes.bool,\n as: PropTypes.elementType\n};\nconst Feedback = /*#__PURE__*/React.forwardRef( // Need to define the default \"as\" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595\n({\n as: Component = 'div',\n className,\n type = 'valid',\n tooltip = false,\n ...props\n}, ref) => /*#__PURE__*/_jsx(Component, { ...props,\n ref: ref,\n className: classNames(className, `${type}-${tooltip ? 'tooltip' : 'feedback'}`)\n}));\nFeedback.displayName = 'Feedback';\nFeedback.propTypes = propTypes;\nexport default Feedback;","import * as React from 'react'; // TODO\n\nconst FormContext = /*#__PURE__*/React.createContext({});\nexport default FormContext;","import classNames from 'classnames';\nimport * as React from 'react';\nimport { useContext } from 'react';\nimport FormContext from './FormContext';\nimport { useBootstrapPrefix } from './ThemeProvider';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst FormCheckInput = /*#__PURE__*/React.forwardRef(({\n id,\n bsPrefix,\n className,\n type = 'checkbox',\n isValid = false,\n isInvalid = false,\n // Need to define the default \"as\" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595\n as: Component = 'input',\n ...props\n}, ref) => {\n const {\n controlId\n } = useContext(FormContext);\n bsPrefix = useBootstrapPrefix(bsPrefix, 'form-check-input');\n return /*#__PURE__*/_jsx(Component, { ...props,\n ref: ref,\n type: type,\n id: id || controlId,\n className: classNames(className, bsPrefix, isValid && 'is-valid', isInvalid && 'is-invalid')\n });\n});\nFormCheckInput.displayName = 'FormCheckInput';\nexport default FormCheckInput;","import classNames from 'classnames';\nimport * as React from 'react';\nimport { useContext } from 'react';\nimport FormContext from './FormContext';\nimport { useBootstrapPrefix } from './ThemeProvider';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst FormCheckLabel = /*#__PURE__*/React.forwardRef(({\n bsPrefix,\n className,\n htmlFor,\n ...props\n}, ref) => {\n const {\n controlId\n } = useContext(FormContext);\n bsPrefix = useBootstrapPrefix(bsPrefix, 'form-check-label');\n return /*#__PURE__*/_jsx(\"label\", { ...props,\n ref: ref,\n htmlFor: htmlFor || controlId,\n className: classNames(className, bsPrefix)\n });\n});\nFormCheckLabel.displayName = 'FormCheckLabel';\nexport default FormCheckLabel;","import classNames from 'classnames';\nimport * as React from 'react';\nimport { useContext, useMemo } from 'react';\nimport Feedback from './Feedback';\nimport FormCheckInput from './FormCheckInput';\nimport FormCheckLabel from './FormCheckLabel';\nimport FormContext from './FormContext';\nimport { useBootstrapPrefix } from './ThemeProvider';\nimport { hasChildOfType } from './ElementChildren';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nconst FormCheck = /*#__PURE__*/React.forwardRef(({\n id,\n bsPrefix,\n bsSwitchPrefix,\n inline = false,\n disabled = false,\n isValid = false,\n isInvalid = false,\n feedbackTooltip = false,\n feedback,\n feedbackType,\n className,\n style,\n title = '',\n type = 'checkbox',\n label,\n children,\n // Need to define the default \"as\" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595\n as = 'input',\n ...props\n}, ref) => {\n bsPrefix = useBootstrapPrefix(bsPrefix, 'form-check');\n bsSwitchPrefix = useBootstrapPrefix(bsSwitchPrefix, 'form-switch');\n const {\n controlId\n } = useContext(FormContext);\n const innerFormContext = useMemo(() => ({\n controlId: id || controlId\n }), [controlId, id]);\n const hasLabel = !children && label != null && label !== false || hasChildOfType(children, FormCheckLabel);\n\n const input = /*#__PURE__*/_jsx(FormCheckInput, { ...props,\n type: type === 'switch' ? 'checkbox' : type,\n ref: ref,\n isValid: isValid,\n isInvalid: isInvalid,\n disabled: disabled,\n as: as\n });\n\n return /*#__PURE__*/_jsx(FormContext.Provider, {\n value: innerFormContext,\n children: /*#__PURE__*/_jsx(\"div\", {\n style: style,\n className: classNames(className, hasLabel && bsPrefix, inline && `${bsPrefix}-inline`, type === 'switch' && bsSwitchPrefix),\n children: children || /*#__PURE__*/_jsxs(_Fragment, {\n children: [input, hasLabel && /*#__PURE__*/_jsx(FormCheckLabel, {\n title: title,\n children: label\n }), feedback && /*#__PURE__*/_jsx(Feedback, {\n type: feedbackType,\n tooltip: feedbackTooltip,\n children: feedback\n })]\n })\n })\n });\n});\nFormCheck.displayName = 'FormCheck';\nexport default Object.assign(FormCheck, {\n Input: FormCheckInput,\n Label: FormCheckLabel\n});","import classNames from 'classnames';\nimport * as React from 'react';\nimport { useContext } from 'react';\nimport warning from 'warning';\nimport Feedback from './Feedback';\nimport FormContext from './FormContext';\nimport { useBootstrapPrefix } from './ThemeProvider';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst FormControl = /*#__PURE__*/React.forwardRef(({\n bsPrefix,\n type,\n size,\n htmlSize,\n id,\n className,\n isValid = false,\n isInvalid = false,\n plaintext,\n readOnly,\n // Need to define the default \"as\" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595\n as: Component = 'input',\n ...props\n}, ref) => {\n const {\n controlId\n } = useContext(FormContext);\n bsPrefix = useBootstrapPrefix(bsPrefix, 'form-control');\n let classes;\n\n if (plaintext) {\n classes = {\n [`${bsPrefix}-plaintext`]: true\n };\n } else {\n classes = {\n [bsPrefix]: true,\n [`${bsPrefix}-${size}`]: size\n };\n }\n\n process.env.NODE_ENV !== \"production\" ? warning(controlId == null || !id, '`controlId` is ignored on `\n\n {/* firstLogosContainer.jpg */}\n \n {firstLogosContainer.map((i) =>\n 
\n \n )}\n
\n\n\n\n\n {/* secondLogosContainer.jpg */}\n \n {secondLogosContainer.map((i) =>\n
\n\n\n\n\n {/* thirdLogosContainer.jpg */}\n \n {thirdLogosContainer.map((i) =>\n
\n\n\n\n\n {/* fourthLogosContainer.jpg*/}\n \n {fourthLogosContainer.map((i) =>\n
\n\n\n\n\n {/* fifthLogosContainer.jpg*/}\n \n {fifthLogosContainer.map((i) =>\n
\n\n
\n \n \n )}\n \n \n )}\n \n \n )}\n \n \n )}\n \n \n )}\n \n
\n\n {/* content */}\n\n {/* form */}\n \n مسح حساب العميل\n
\n