@sikka/hawa 0.0.41 → 0.0.42
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/index.es.js +1 -1
- package/lib/index.js +1 -1
- package/package.json +12 -5
- package/src/blocks/Account/UserProfileForm.js +39 -1
- package/src/blocks/AuthForms/SignInForm.js +1 -1
- package/src/blocks/AuthForms/SignInPhone.js +43 -0
- package/src/blocks/AuthForms/SignUpForm.js +2 -0
- package/src/blocks/AuthForms/index.js +1 -0
- package/src/elements/AdaptiveButton.js +1 -1
- package/src/elements/HawaPhoneInput.js +48 -0
- package/src/elements/PinInput.js +9 -1
- package/src/elements/index.js +1 -1
- package/src/styles.css +54 -3
- package/src/theme/HawaTheme.js +26 -12
- package/storybook-static/iframe.html +1 -1
- package/storybook-static/main.73b8ca43.iframe.bundle.js +1 -0
- package/storybook-static/project.json +1 -1
- package/storybook-static/{vendors~main.40879e99.iframe.bundle.js → vendors~main.55d84da5.iframe.bundle.js} +3 -3
- package/storybook-static/{vendors~main.40879e99.iframe.bundle.js.LICENSE.txt → vendors~main.55d84da5.iframe.bundle.js.LICENSE.txt} +6 -0
- package/storybook-static/vendors~main.55d84da5.iframe.bundle.js.map +1 -0
- package/src/elements/HawaInputLabel.js +0 -9
- package/storybook-static/main.066fa5c5.iframe.bundle.js +0 -1
- package/storybook-static/vendors~main.40879e99.iframe.bundle.js.map +0 -1
package/es/index.es.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import t,{useState as r,useEffect as n}from"react";import i from"@mui/material/Button";import o from"@mui/material/Tooltip";import a from"prop-types";import{jsxs as l,jsx as s,Fragment as d}from"react/jsx-runtime";import c from"@mui/material/Snackbar";import u from"@mui/material/AlertTitle";import p from"@mui/material/Alert";import{IconButton as m,Button as h,InputAdornment as g,Container as f,Typography as v,Stack as b,useTheme as y,createTheme as x,lighten as w,darken as C}from"@mui/material";import T from"@mui/icons-material/Close";import k from"@mui/material/FormControlLabel";import R from"@mui/material/Checkbox";import L from"@mui/material/Container";import S from"@mui/material/Chip";import M from"@mui/material/Typography";import P from"@mui/icons-material/CheckCircleOutlined";import O from"@mui/material/Input";import B from"@mui/material/InputLabel";import I from"@mui/material/Switch";import W from"@emotion/styled";import A from"@mui/material/Slider";import D from"@mui/material/Stack";import N from"@mui/icons-material/GitHub";import q from"@mui/icons-material/Twitter";import j from"@mui/icons-material/AccountBalanceWallet";import z from"@mui/material/Select";import E from"@mui/material/Table";import U from"@mui/material/TableBody";import F from"@mui/material/TableCell";import G from"@mui/material/TableContainer";import $ from"@mui/material/TableHead";import _ from"@mui/material/TableRow";import{Search as V,MoreVert as Z}from"@mui/icons-material";import H from"@mui/icons-material/ExpandMore";import Y from"@mui/material/Accordion";import X from"@mui/material/AccordionSummary";import J from"@mui/material/AccordionDetails";import{useDropzone as K}from"react-dropzone";import{useForm as Q,FormProvider as ee,Controller as te}from"react-hook-form";import re from"@mui/material/InputAdornment";import ne from"@mui/icons-material/HttpsOutlined";import ie from"@mui/icons-material/MailOutline";import oe from"@mui/icons-material/PermIdentityOutlined";import ae from"@mui/material/Divider";import{styled as le,useTheme as se}from"@mui/material/styles";import de from"@mui/material/Box";import ce from"@mui/material/Drawer";import ue from"@mui/material/CssBaseline";import pe from"@mui/material/AppBar";import me from"@mui/material/Toolbar";import he from"@mui/material/List";import ge from"@mui/material/IconButton";import fe from"@mui/icons-material/Menu";import ve from"@mui/icons-material/ChevronLeft";import be from"@mui/icons-material/ChevronRight";import ye from"@mui/material/ListItem";import xe from"@mui/material/ListItemIcon";import we from"@mui/material/ListItemText";import Ce from"@mui/icons-material/MoveToInbox";import Te from"@mui/icons-material/Mail";import ke from"@mui/material/Dialog";import Re from"@mui/material/DialogActions";import Le from"@mui/material/DialogContent";import Se from"@mui/material/DialogTitle";import Me from"@mui/material/Avatar";import Pe from"@mui/material/Menu";import Oe from"@mui/material/MenuItem";function Be(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Ie(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?Be(Object(r),!0).forEach((function(t){We(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Be(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function We(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function Ae(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}function De(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function Ne(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==r)return;var n,i,o=[],a=!0,l=!1;try{for(r=r.call(e);!(a=(n=r.next()).done)&&(o.push(n.value),!t||o.length!==t);a=!0);}catch(e){l=!0,i=e}finally{try{a||null==r.return||r.return()}finally{if(l)throw i}}return o}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return qe(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return qe(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function qe(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}var je=function(e){return e.showText?l(i,{variant:"adaptive-dark",onClick:e.onClick,children:[e.icon,s("div",{style:{width:10}}),e.buttonText]}):s(o,{title:e.buttonText,placement:"top",children:s(i,{variant:"adaptive-dark",onClick:e.onClick,children:e.icon})})};je.propTypes={buttonText:a.string,onClick:a.func,showText:a.bool};var ze=function(e){return s(i,Ie(Ie({},e),{},{children:e.text}))},Ee=function(e){var t=Ne(r({vertical:"",horizontal:""}),2),i=t[0],o=t[1];return n((function(){if(e.position){var t=e.position.split("-");o({vertical:t[0],horizontal:t[1]})}}),[e.position]),s(c,{open:e.open,autoHideDuration:e.autoHide?e.duration:null,onClose:e.handleClose,anchorOrigin:i,action:s(d,{children:s(m,{"aria-label":"close",style:{color:"black"},sx:{p:.5},onClick:e.handleClose,children:s(T,{})})}),children:l(p,{icon:!1,severity:e.severity,onClose:e.isClosable?e.handleClose:null,children:[e.title&&s(u,{children:e.title}),e.text]})})},Ue=function(e){return console.log("props : ",e),s(t.Fragment,{children:s(k,{label:e.label,control:s(R,{style:{color:e.color||null},defaultChecked:e.defaultValue})})})},Fe=function(e){var t=Ne(r(e.defaultValue),2),n=t[0],o=t[1];return s(L,{variant:e.location||"panelTabs",children:e.options.map((function(t,r){var a;return s(i,{onClick:function(){e.handleChange(t.value),o(t.value)},fullWidth:!0,variant:(null==n?void 0:n.toLowerCase())===(null===(a=t.value)||void 0===a?void 0:a.toLowerCase())?"selected":"unselected",children:t.label},r)}))})};Fe.propTypes={lang:a.string,options:a.arrayOf(a.shape({label:a.string,value:a.string})),defaultValue:a.string,handleChange:a.func,location:a.string};var Ge=function(e){return s(S,Ie({},e))},$e=function(e){var t="ar"===e.lang;return l(L,{onClick:function(t){t.stopPropagation(),e.onCardClick()},maxWidth:"xs",variant:"card-container",dataValue:"parent",style:{direction:t?"rtl":"ltr"},children:[e.header&&l(L,{style:{zIndex:20},variant:"card-header",children:[e.headerActions&&s("div",{style:{margin:0,marginRight:-20,marginLeft:-20,marginBottom:-20,display:"flex",paddingTop:5,paddingLeft:5,paddingRight:5,justifyContent:"flex-end"},children:e.headerActions}),e.header]}),e.content&&s(L,{style:{zIndex:20},variant:"card-content",children:e.content}),e.actions&&s(L,{style:{zIndex:20},variant:"card-actions",children:e.actions})]})};$e.propTypes={lang:a.string,onCardClick:a.func};var _e=function(e){var t,r,n="ar"===e.lang,o={monthly:"شهرياً","3-months":"كل 3 أشهر","6-months":"كل 6 أشهر",annually:"سنوياً"},a={monthly:"Monthly","3-months":"3 Months","6-months":"6 Months",annually:"Annually"},d={usd:n?"دولار":"$",sar:n?"ريال":"SAR"},c=n?e.features_ar:e.features,u=n?{left:10}:{right:10};return l(L,{maxWidth:"xs",variant:e.selectedPlan?"selected-plan-card":"plan-card",style:{direction:n?"rtl":"ltr"},children:[l(L,{variant:"plan-header",children:[e.discount&&s(S,{label:e.discount,variant:"standard",style:Ie({maxWidth:"fit-content",position:"absolute",bottom:10},u),color:"success"}),s(M,{variant:"h3",fontWeight:500,children:n?e.title_ar:e.title}),s(M,{variant:"caption",children:n?e.subtitle_ar:e.subtitle}),s("br",{}),s(M,{variant:"h4",fontWeight:500,style:{display:"flex",alignItems:"center"},children:"ar"===e.lang?l("div",{style:{width:"100%",display:"flex",flexDirection:"column",justifyContent:"center"},children:[l("div",{style:{display:"flex",flexDirection:"row"},children:[e.price,s("div",{style:{width:5}}),s(M,{children:d[null===(t=e.currency)||void 0===t?void 0:t.toLowerCase()]})]}),s(M,{style:{fontSize:14,margin:5},children:n?o[e.cycleText]:a[e.cycleText]})]}):l("div",{style:{width:"100%",display:"flex",flexDirection:"column",justifyContent:"center"},children:[l("div",{style:{display:"flex",flexDirection:"row"},children:[s(M,{children:d[null===(r=e.currency)||void 0===r?void 0:r.toLowerCase()]}),s("div",{style:{width:5}}),e.price]}),s(M,{style:{fontSize:14,margin:5},children:"ar"===e.lang?o[e.cycleText]:a[e.cycleText]})]})})]}),s("div",{style:{padding:20,color:e.selectedPlan?"white":"black"},children:null==c?void 0:c.map((function(e){return l("div",{style:{display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"flex-start",marginTop:10,width:"100%"},children:[s("div",{style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",width:"10%"},children:s(P,{fontSize:"small"})}),s("div",{style:{width:10}}),s(M,{variant:"subtitle2",children:e})]})}))}),s(i,{onClick:e.selectPlan,variant:e.selectedPlan?"outlined":"contained",style:{margin:20},children:e.buttonText})]})};_e.propTypes={lang:a.string,buttonText:a.string,selectedPlan:a.string,title:a.string,title_ar:a.string,subtitle:a.string,subtitle_ar:a.string,features:a.array,features_ar:a.array,currency:a.oneOf(["sar","usd"]),cycleText:a.oneOf(["monthly","3-months","6-months","annually"])};var Ve=function(e){return s(M,Ie(Ie({},e),{},{children:e.children}))},Ze=function(e){return s("div",{style:e.inForm&&{width:"100%"},children:l("div",{style:{width:e.fullWidth?"100%":"fit-content"},children:[l("div",{style:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center"},children:[e.label&&s(B,{children:e.label}),e.helperText&&s(M,{style:{marginBottom:!e.label&&10},variant:"validation",children:e.helperText})]}),s(O,Ie({disableUnderline:!0},e))]})})},He=function(e){return s(I,Ie({},e))};var Ye="production"!==process.env.NODE_ENV?a.oneOfType([a.number,a.string,a.object,a.array]):{};function Xe(){return Xe=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},Xe.apply(this,arguments)}function Je(e){return null!==e&&"object"==typeof e&&e.constructor===Object}function Ke(e,t,r={clone:!0}){const n=r.clone?Xe({},e):e;return Je(e)&&Je(t)&&Object.keys(t).forEach((i=>{"__proto__"!==i&&(Je(t[i])&&i in e&&Je(e[i])?n[i]=Ke(e[i],t[i],r):n[i]=t[i])})),n}const Qe=["m","mt","mr","mb","ml","mx","my","margin","marginTop","marginRight","marginBottom","marginLeft","marginX","marginY","marginInline","marginInlineStart","marginInlineEnd","marginBlock","marginBlockStart","marginBlockEnd"],et=["p","pt","pr","pb","pl","px","py","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","paddingX","paddingY","paddingInline","paddingInlineStart","paddingInlineEnd","paddingBlock","paddingBlockStart","paddingBlockEnd"],tt=[...Qe,...et];function rt(e){return function(e,t,r,n){const i=(o=e,((a=t)&&"string"==typeof a?a.split(".").reduce(((e,t)=>e&&e[t]?e[t]:null),o):null)||r);var o,a;return"number"==typeof i?e=>"string"==typeof e?e:("production"!==process.env.NODE_ENV&&"number"!=typeof e&&console.error(`MUI: Expected ${n} argument to be a number or a string, got ${e}.`),i*e):Array.isArray(i)?e=>"string"==typeof e?e:("production"!==process.env.NODE_ENV&&(Number.isInteger(e)?e>i.length-1&&console.error([`MUI: The value provided (${e}) overflows.`,`The supported values are: ${JSON.stringify(i)}.`,`${e} > ${i.length-1}, you need to add the missing values.`].join("\n")):console.error([`MUI: The \`theme.${t}\` array type cannot be combined with non integer values.You should either use an integer value that can be used as index, or define the \`theme.${t}\` as a number.`].join("\n"))),i[e]):"function"==typeof i?i:("production"!==process.env.NODE_ENV&&console.error([`MUI: The \`theme.${t}\` value (${i}) is invalid.`,"It should be a number, an array or a function."].join("\n")),()=>{})}(e,"spacing",8,"spacing")}function nt(e,t){if(null==e)return{};var r,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}"production"===process.env.NODE_ENV||Qe.reduce(((e,t)=>(e[t]=Ye,e)),{}),"production"===process.env.NODE_ENV||et.reduce(((e,t)=>(e[t]=Ye,e)),{}),"production"===process.env.NODE_ENV||tt.reduce(((e,t)=>(e[t]=Ye,e)),{});const it=["values","unit","step"];function ot(e){const{values:t={xs:0,sm:600,md:900,lg:1200,xl:1536},unit:r="px",step:n=5}=e,i=nt(e,it),o=(e=>{const t=Object.keys(e).map((t=>({key:t,val:e[t]})))||[];return t.sort(((e,t)=>e.val-t.val)),t.reduce(((e,t)=>Xe({},e,{[t.key]:t.val})),{})})(t),a=Object.keys(o);function l(e){return`@media (min-width:${"number"==typeof t[e]?t[e]:e}${r})`}function s(e){return`@media (max-width:${("number"==typeof t[e]?t[e]:e)-n/100}${r})`}function d(e,i){const o=a.indexOf(i);return`@media (min-width:${"number"==typeof t[e]?t[e]:e}${r}) and (max-width:${(-1!==o&&"number"==typeof t[a[o]]?t[a[o]]:i)-n/100}${r})`}return Xe({keys:a,values:o,up:l,down:s,between:d,only:function(e){return a.indexOf(e)+1<a.length?d(e,a[a.indexOf(e)+1]):l(e)},not:function(e){const t=a.indexOf(e);return 0===t?l(a[1]):t===a.length-1?s(a[t]):d(e,a[a.indexOf(e)+1]).replace("@media","@media not all and")},unit:r},i)}var at={borderRadius:4};const lt=["breakpoints","palette","spacing","shape"];const st=e.createContext(null);"production"!==process.env.NODE_ENV&&(st.displayName="ThemeContext");var dt=st;function ct(t=null){const r=function(){const t=e.useContext(dt);return"production"!==process.env.NODE_ENV&&e.useDebugValue(t),t}();return r&&(n=r,0!==Object.keys(n).length)?r:t;var n}const ut=function(e={},...t){const{breakpoints:r={},palette:n={},spacing:i,shape:o={}}=e,a=nt(e,lt),l=ot(r),s=function(e=8){if(e.mui)return e;const t=rt({spacing:e}),r=(...e)=>("production"!==process.env.NODE_ENV&&(e.length<=4||console.error(`MUI: Too many arguments provided, expected between 0 and 4, got ${e.length}`)),(0===e.length?[1]:e).map((e=>{const r=t(e);return"number"==typeof r?`${r}px`:r})).join(" "));return r.mui=!0,r}(i);let d=Ke({breakpoints:l,direction:"ltr",components:{},palette:Xe({mode:"light"},n),spacing:s,shape:Xe({},at,o)},a);return d=t.reduce(((e,t)=>Ke(e,t)),d),d}();function pt(e=ut){return ct(e)}var mt,ht,gt=W.input(mt||(mt=De(["\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border: none;\n cursor: pointer;\n height: 35px;\n border-radius: ","px;\n background-color: ",";\n &::-webkit-color-swatch {\n border: none;\n }\n &::-moz-color-swatch {\n border: none;\n }\n"])),(function(e){return e.borderRadius}),(function(e){return e.value})),ft=W.input(ht||(ht=De(["\n max-width: 70px;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border: none;\n // height: 30px;\n padding: 10px;\n border-radius: ","px;\n &::-webkit-color-swatch {\n border: none;\n }\n &::-moz-color-swatch {\n border: none;\n }\n"])),(function(e){return e.borderRadius})),vt=function(e){var t=pt();return l("div",{style:{display:"flex",flexDirection:"row"},children:[s(ft,{type:"text",value:e.color,borderRadius:t.allBorderRadius,onChange:e.handleChange}),s("div",{style:{width:10}}),s(gt,{type:"color",value:e.color,onChange:e.handleChange,borderRadius:t.allBorderRadius})]})};vt.propTypes={color:a.string,handleChange:a.func};var bt=function(e){return l(D,{spacing:2,direction:"row",alignItems:"center",style:e.style,children:[e.startElement,s(A,{size:"small","aria-label":"Volume",value:e.value,onChange:e.handleChange}),e.endElement]})};bt.propTypes={startElement:a.element,endElement:a.element,handleChange:a.func};var yt=function(e){return l(L,{variant:"settingsRow",children:[s(Ve,{children:e.settingsLabel}),"checkbox"===e.settingsType&&s(R,Ie({},e)),"text"===e.settingsType&&s(Ze,Ie({},e)),"boolean"===e.settingsType&&s(He,Ie({},e)),"range"===e.settingsType&&s(bt,Ie({},e)),"color"===e.settingsType&&s(vt,Ie({},e)),"radio"===e.settingsType&&s(Fe,Ie({location:"inSettings"},e))]})};yt.propTypes={settingsLabel:a.string,settingsType:a.oneOf(["checkbox","text","radio","boolean","color"])};var xt=function(e){var t,r="ar"===e.lang,n="";switch(null===(t=e.logo)||void 0===t?void 0:t.toLowerCase()){case"google":n=s("img",{src:"https://upload.wikimedia.org/wikipedia/commons/5/53/Google_%22G%22_Logo.svg"});break;case"github":n=s(N,{});break;case"twitter":n=s(q,{});break;case"mada":n=s("img",{src:"https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/mada.png",height:20});break;case"stcpay":n=s("img",{src:"https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/stc-pay.png",height:20});break;case"visa/master":n=s("img",{src:"https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/visa-master.png",height:30});break;case"paypal":n=s("img",{src:"https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/paypal.png",height:25});break;case"googlepay":n=s("img",{src:"https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/google-pay.png",height:20});break;case"applepay":n=s("img",{src:"https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/apple-pay.png",height:40});break;case"wallet":n=s(j,{})}return l(i,Ie(Ie({style:{direction:r?"rtl":"ltr"}},e),{},{variant:"withLogo",children:[n,s("div",{style:{width:10}}),s(M,{style:{color:"black",fontSize:14,textAlign:"center",letterSpacing:.4,fontFamily:"Roboto",fontWeight:500},children:e.buttonText})]}))};xt.propTypes={lang:a.string,logo:a.oneOf(["google","github","twitter","wallet","googlepay","applepay","stcpay","visa/master","paypal","mada"]),buttonText:a.string};var wt=function(e){return s(i,Ie(Ie({},e),{},{children:e.children}))},Ct=function(e){return l("div",{style:{width:"100%"},children:[l("div",{style:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center"},children:[s(B,{children:e.label}),e.helperText&&s(M,{variant:"validation",children:e.helperText})]}),s(z,Ie(Ie({},e),{},{children:e.children}))]})},Tt=function(e){return s(B,{children:s("div",{style:{fontSize:15},children:e.label})})},kt=function(e){return l(p,{severity:e.severity,icon:e.hideIcon,children:[e.title&&s(u,{children:e.title}),e.text]})};kt.propTypes={severity:a.oneOf(["error","info","success","warning"]),title:a.string,text:a.string,hideIcon:a.bool};var Rt=function(e){var t="ar"===e.lang;return s(G,{style:{direction:t?"rtl":"ltr"},children:l(E,{"aria-label":"a dense table",children:[s($,{children:l(_,{children:[e.columns.map((function(e,r){return s(F,{align:t?"right":"left",style:{fontWeight:700},variant:r>0?t?"borderedRight":"borderedLeft":"body",children:e},r)})),e.actions&&s(F,{align:t?"right":"left",style:{fontWeight:700},variant:t?"borderedRight":"borderedLeft",children:"Actions"})]})}),s(U,{children:e.rows?e.rows.map((function(r,n){return l(_,{children:[r.map((function(e,r){return s(F,{align:t?"right":"left",component:"th",scope:"row",variant:r>0?t?"borderedRight":"borderedLeft":"body",children:e},r)})),e.actions&&s(F,{align:t?"right":"left",style:{fontWeight:700},variant:t?"borderedRight":"borderedLeft",children:e.actions.map((function(t){return s(h,{style:{margin:2},variant:"outlined",size:"small",onClick:function(){return e.handleActionClick(r)},children:t})}))})]},n)})):s(_,{align:"center",children:s(F,{align:"center",component:"th",colSpan:6,children:e.noDataText})})}),e.end&&s(_,{children:e.end.map((function(e,r){return s(F,{align:t?"right":"left",style:{fontWeight:700},component:"th",scope:"row",variant:r>0?t?"borderedRight":"borderedLeft":"body",children:e},r)}))})]})})};Rt.propTypes={handleActionClick:a.func,noDataText:a.string,lang:a.string,columns:a.array,rows:a.array,end:a.array};var Lt=function(e){return s(Ze,Ie({endAdornment:s(g,{position:"start",children:s(V,{})})},e))},St=function(e){return l(Y,{elevation:0,children:[s(X,{expandIcon:s(H,{}),"aria-controls":"panel1a-content",id:"panel1a-header",children:s(M,{children:e.title})}),s(J,{children:l(M,{children:[e.content," "]})})]})};St.propTypes={title:a.string,content:a.string};var Mt={display:"flex",flexDirection:"row",flexWrap:"wrap",marginTop:10},Pt=function(e){var t,i,o,a,d=e.texts,c=e.files,u=e.setFiles;e.setDeletedFiles;var p=e.maxFiles,g=e.accept;e.onAcceptedFiles;var b=e.showPreview,y=e.onDeleteFile,x=e.onClearFiles,w=e.maxSize;e.errorMessages;var C=Ne(r(0),2),k=C[0],R=C[1],L=Ne(r(0),2),S=L[0],M=L[1],P=pt(),O=K({multiple:!0,accept:g,maxSize:w,maxFiles:p,onDrop:function(e){u(e.map((function(e,t){return Object.assign(e,{preview:URL.createObjectURL(e)})})))}}),B=O.getRootProps,I=O.getInputProps,W=O.fileRejections,A=O.acceptedFiles,D=O.isDragActive;n((function(){return function(){null==c||c.forEach((function(e){URL.revokeObjectURL(e.preview)}))}}),[c]),n((function(){u(A)}),[A,k]),x=function(){A.length=0,A.splice(0,A.length),u([])},n((function(){if(w>0){var e=Math.floor(Math.log(w)/Math.log(1024));M(parseFloat((w/Math.pow(1024,e)).toFixed(2))+" "+["Bytes","KB","MB","GB","TB","PB","EB","ZB","YB"][e])}}),[w]);var N=W.map((function(e,t){return l("div",{children:[s("div",{children:e.file.name}),s("div",{children:e.errors[0].code})]},t)})),q=null==c?void 0:c.map((function(e,t){return l("div",{style:{position:"relative",margin:10},children:[s(m,{onClick:function(t){t.stopPropagation(),A.splice(A.indexOf(e),1),R(Math.random),y(e)},size:"small",variant:"contained",style:{position:"absolute",top:-10,right:-10,backgroundColor:P.primaryActionColor,color:"white",padding:3},children:s(T,{fontSize:"small"})}),s("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",overflow:"hidden",height:100,width:100,backgroundImage:"url(".concat(e.preview,")"),backgroundSize:"cover",backgroundPosition:"center",border:"1px solid black"}},e.name)]})}));return console.log("error",W),l(f,Ie(Ie({variant:"drop-area"},B({style:{backgroundColor:D&&"white"}})),{},{children:[s("input",Ie({},I())),s(v,{children:"Click here or drop files here to upload"}),l(v,{children:["Max file size is ",S]}),A.length>0&&s(h,{style:{color:"black"},onClick:function(e){e.stopPropagation(),x()},children:"Clear All"}),q&&b?s("aside",{style:Mt,children:q}):null,"too-many-files"===(null===(t=W[0])||void 0===t||null===(i=t.errors[0])||void 0===i?void 0:i.code)?s(kt,{text:d.tooManyFiles,severity:"error"}):"file-too-large"===(null===(o=W[0])||void 0===o||null===(a=o.errors[0])||void 0===a?void 0:a.code)?s(kt,{text:d.fileTooLarge,severity:"error"}):N]}))},Ot=function(e){return l(b,{variant:"card",direction:"row",maxWidth:e.maxWidth,style:{paddingLeft:5},children:[s("div",{style:{display:"flex",alignItems:"center",borderRight:"1px solid grey",marginRight:20},children:s(Z,{})}),s("div",{style:{width:"100%"},children:e.children})]})},Bt=function(e){var t=Q(),r=t.formState.errors,n=t.handleSubmit,o=t.control;return s(L,{maxWidth:"sm",children:s(ee,Ie(Ie({},t),{},{children:l("form",{onSubmit:n(e.handleUpdateProfile),children:[s(te,{control:o,name:"fullName",render:function(t){var n,i,o=t.field;return s(Ze,Ie({fullWidth:!0,type:"text",value:null!==(n=o.value)&&void 0!==n?n:"",label:e.texts.fullNameLabel,placeholder:e.texts.fullNamePlaceholder,helperText:null===(i=r.fullName)||void 0===i?void 0:i.message},o))}}),s(te,{control:o,name:"phoneNumber",render:function(e){var t=e.field;return s(Ze,Ie({fullWidth:!0,type:"tel",label:"Phone Number",placeholder:"+966"},t))}}),s(te,{control:o,name:"email",render:function(t){var n,i,o=t.field;return s(Ze,Ie({fullWidth:!0,type:"text",value:null!==(n=o.value)&&void 0!==n?n:"",label:e.texts.emailLabel,helperText:null===(i=r.email)||void 0===i?void 0:i.message,placeholder:e.texts.emailPlaceholder},o))},rules:{required:e.texts.emailRequiredText,pattern:{value:/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,message:e.texts.emailInvalidText}}}),s(te,{control:o,name:"password",render:function(t){var n,i,o=t.field;return s(Ze,Ie({fullWidth:!0,type:"password",value:null!==(n=o.value)&&void 0!==n?n:"",label:e.texts.passwordLabel,placeholder:e.texts.passwordPlaceholder,helperText:null===(i=r.password)||void 0===i?void 0:i.message},o))},rules:{required:e.texts.passwordRequiredText}}),s(te,{control:o,name:"confirmPassword",render:function(t){var n,i,o=t.field;return s(Ze,Ie({fullWidth:!0,type:"password",value:null!==(n=o.value)&&void 0!==n?n:"",label:e.texts.confirmPasswordLabel,placeholder:e.texts.confirmPasswordPlaceholder,helperText:null===(i=r.confirmPassword)||void 0===i?void 0:i.message},o))},rules:{required:e.texts.confirmPasswordRequiredText}}),s(i,{type:"submit",fullWidth:!0,variant:"last",children:e.texts.updateProfile})]})}))})},It=function(e){return l(L,{maxWidth:"sm",children:[e.children,s(i,{type:"submit",fullWidth:!0,variant:"last",onClick:e.handleSaveSettings,children:e.saveSettingsText})]})},Wt=function(e){var t=Ne(r(!1),2),n=t[0],o=t[1],a=Q(),d=a.formState.errors,c=a.handleSubmit,u=a.control;return l(L,{maxWidth:"xs",variant:"auth",children:[n&&s(kt,{text:e.texts.passwordMatchError,severity:"error"}),e.passwordChanged?s(Ve,{style:{textAlign:"center",margin:5},children:e.texts.passwordChanged}):s(ee,Ie(Ie({},a),{},{children:l("form",{onSubmit:c((function(t){console.log("handling subb",t),t.password===t.confirmPassword?e.handleNewPassword():o(!0)})),children:[s(te,{control:u,name:"password",render:function(t){var r,n,i=t.field;return s(Ze,Ie({fullWidth:!0,type:"password",value:null!==(r=i.value)&&void 0!==r?r:"",label:e.texts.passwordLabel,placeholder:e.texts.passwordPlaceholder,helperText:null===(n=d.password)||void 0===n?void 0:n.message,startAdornment:s(re,{position:"start",children:s(ne,{})})},i))},rules:{required:e.texts.passwordRequiredText}}),s(te,{control:u,name:"confirmPassword",render:function(t){var r,n,i=t.field;return s(Ze,Ie({fullWidth:!0,type:"password",value:null!==(r=i.value)&&void 0!==r?r:"",label:e.texts.confirmPasswordLabel,placeholder:e.texts.confirmPasswordPlaceholder,helperText:null===(n=d.confirmPassword)||void 0===n?void 0:n.message,startAdornment:s(re,{position:"start",children:s(ne,{})})},i))},rules:{required:e.texts.confirmPasswordRequiredText}}),s(i,{type:"submit",fullWidth:!0,variant:"last",children:e.texts.updatePassword})]})}))]})};Wt.propTypes={texts:a.shape({emailLabel:a.string,emailPlaceholder:a.string,emailRequiredText:a.string,passwordPlaceholder:a.string,updatePassword:a.string,passwordRequiredText:a.string,passwordLabel:a.string,confirmPasswordPlaceholder:a.string,confirmPasswordLabel:a.string,confirmPasswordRequiredText:a.string,passwordMatchError:a.string,forgotPasswordText:a.string,passwordChanged:a.string}),passwordChanged:a.bool,handleNewPassword:a.func};var At=function(e){var t=Q(),r=t.formState.errors,n=t.handleSubmit;t.register;var o=t.control;return s(L,{maxWidth:"xs",variant:"auth",children:e.sent?s(Ve,{style:{textAlign:"center",margin:5},children:e.texts.emailSentText}):l("form",{onSubmit:n(e.handleResetPassword),children:[s(te,{control:o,name:"email",render:function(t){var n,i,o=t.field;return s(Ze,Ie({fullWidth:!0,type:"text",value:null!==(n=o.value)&&void 0!==n?n:"",label:e.texts.emailLabel,helperText:null===(i=r.email)||void 0===i?void 0:i.message,placeholder:e.texts.emailPlaceholder,startAdornment:s(re,{position:"start",children:s(ie,{})})},o))},rules:{required:e.texts.emailRequiredText,pattern:{value:/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,message:e.texts.emailInvalidText}}}),s(i,{type:"submit",fullWidth:!0,variant:"last",children:e.texts.resetPassword})]})})};At.propTypes={texts:a.shape({emailLabel:a.string,emailPlaceholder:a.string,emailRequiredText:a.string,emailInvalidText:a.string,emailSentText:a.string,resetPassword:a.string}),sent:a.bool,handleResetPassword:a.func};var Dt=function(e){var t=Q(),r=t.formState.errors,n=t.handleSubmit,o=t.control;return l(L,{maxWidth:"xs",variant:"auth",style:{direction:"ar"===e.lang?"rtl":"ltr"},children:[e.showError&&s(kt,{title:e.errorTitle,text:e.errorText,severity:"error"}),s(ee,Ie(Ie({},t),{},{children:l("form",{onSubmit:n(e.handleSignUp),children:[s(te,{control:o,name:"fullName",render:function(t){var n,i,o=t.field;return s(Ze,{fullWidth:!0,type:"text",value:null!==(n=o.value)&&void 0!==n?n:"",label:e.texts.fullNameLabel,placeholder:e.texts.fullNamePlaceholder,helperText:null===(i=r.fullName)||void 0===i?void 0:i.message,startAdornment:s(re,{position:"start",children:s(oe,{})})})},rules:{required:e.texts.fullNameRequiredText}}),s(te,{control:o,name:"email",render:function(t){var n,i,o=t.field;return s(Ze,{fullWidth:!0,type:"text",value:null!==(n=o.value)&&void 0!==n?n:"",label:e.texts.emailLabel,helperText:null===(i=r.email)||void 0===i?void 0:i.message,placeholder:e.texts.emailPlaceholder,startAdornment:s(re,{position:"start",children:s(ie,{})})})},rules:{required:e.texts.emailRequiredText,pattern:{value:/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,message:e.texts.emailInvalidText}}}),s(te,{control:o,name:"password",render:function(t){var n,i,o,a=t.field;return s(Ze,Ie({fullWidth:!0,type:"password",defaultValue:null!==(n=a.value)&&void 0!==n?n:"",value:null!==(i=a.value)&&void 0!==i?i:"",label:e.texts.passwordLabel,placeholder:e.texts.passwordPlaceholder,helperText:null===(o=r.password)||void 0===o?void 0:o.message,startAdornment:s(re,{position:"start",children:s(ne,{})})},a))},rules:{required:e.texts.passwordRequiredText}}),s(i,{fullWidth:!0,variant:"last",type:"submit",children:e.texts.signUpText})]})})),l(M,{variant:"subtitle2",style:{marginTop:5,textAlign:"center",padding:5},children:[e.texts.existingUserText," ",s("span",{onClick:e.handleRouteToSignIn,style:{cursor:"pointer",color:"blue",textAlign:"center"},children:e.texts.signInText})]}),s(ae,{}),l("div",{style:{display:"flex",flexDirection:"column"},children:[e.viaGoogle&&s(xt,{logo:"google",buttonText:e.texts.googleButtonLabel,onClick:e.handleGoogleSignUp}),e.viaGithub&&s(xt,{logo:"github",buttonText:e.texts.githubButtonLabel,onClick:e.handleGithubSignUp}),e.viaTwitter&&s(xt,{logo:"twitter",buttonText:e.texts.twitterButtonLabel,onClick:e.handleTwitterSignUp})]})]})};Dt.propTypes={texts:a.shape({fullNameLabel:a.string,fullNamePlaceholder:a.string,fullNameRequiredText:a.string,emailLabel:a.string,emailPlaceholder:a.string,emailRequiredText:a.string,emailInvalidText:a.string,passwordLabel:a.string,passwordPlaceholder:a.string,passwordRequiredText:a.string,passwordTooShortText:a.string,forgotPasswordText:a.string,newUserText:a.string,signUpText:a.string,signInText:a.string,existingUserText:a.string,googleButtonLabel:a.string,githubButtonLabel:a.string,twitterButtonLabel:a.string}),viaGoogle:a.bool,viaGithub:a.bool,viaTwitter:a.bool,handleSignUp:a.func,handleRouteToSignIn:a.func,handleGoogleSignUp:a.func,handleGithubSignUp:a.func,handleTwitterSignUp:a.func};var Nt=function(e){var t=Q(),r=t.formState.errors,n=t.handleSubmit,o=t.control;return l(L,{maxWidth:"xs",variant:"auth",style:{direction:"ar"===e.lang?"rtl":"ltr"},children:[e.showError&&s(kt,{title:e.errorTitle,text:e.errorText,severity:"error"}),l("form",{onSubmit:n(e.handleSignIn),children:[s(te,{control:o,name:"email",render:function(t){var n,i,o=t.field;return s(Ze,Ie({fullWidth:!0,type:"text",value:null!==(n=o.value)&&void 0!==n?n:"",label:e.texts.emailLabel,helperText:null===(i=r.email)||void 0===i?void 0:i.message,placeholder:e.texts.emailPlaceholder,startAdornment:s(re,{position:"start",children:s(ie,{})})},o))},rules:{required:e.texts.emailRequiredText,pattern:{value:/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,message:e.texts.emailInvalidText}}}),s(te,{control:o,name:"password",render:function(t){var n,i,o,a=t.field;return s(Ze,Ie({fullWidth:!0,type:"password",defaultValue:null!==(n=a.value)&&void 0!==n?n:"",value:null!==(i=a.value)&&void 0!==i?i:"",label:e.texts.passwordLabel,placeholder:e.texts.passwordPlaceholder,helperText:null===(o=r.password)||void 0===o?void 0:o.message,startAdornment:s(re,{position:"start",children:s(ne,{})})},a))},rules:{required:e.texts.passwordRequiredText}}),s(M,{style:{cursor:"pointer",marginTop:5,width:"max-content",fontSize:15,padding:5},onClick:e.handleForgotPassword,children:e.texts.forgotPasswordText}),s(i,{type:"submit",fullWidth:!0,variant:"last",children:e.texts.signInText})]}),l(M,{variant:"subtitle2",style:{marginTop:5,textAlign:"center",padding:5},children:[e.texts.newUserText," ",s("span",{onClick:e.handleRouteToSignUp,style:{cursor:"pointer",color:"blue",textAlign:"center"},children:e.texts.signUpText})]}),s(ae,{}),l("div",{style:{display:"flex",flexDirection:"column"},children:[e.viaGoogle&&s(xt,{logo:"google",buttonText:e.texts.googleButtonLabel,onClick:e.handleGoogleSignIn}),e.viaGithub&&s(xt,{logo:"github",buttonText:e.texts.githubButtonLabel,onClick:e.handleGithubSignIn}),e.viaTwitter&&s(xt,{logo:"twitter",buttonText:e.texts.twitterButtonLabel,onClick:e.handleTwitterSignIn})]})]})};Nt.propTypes={texts:a.shape({emailLabel:a.string,emailPlaceholder:a.string,emailRequiredText:a.string,emailInvalidText:a.string,passwordLabel:a.string,passwordPlaceholder:a.string,passwordRequiredText:a.string,forgotPasswordText:a.string,newUserText:a.string,signUpText:a.string,signInText:a.string,googleButtonLabel:a.string,githubButtonLabel:a.string,twitterButtonLabel:a.string}),viaGoogle:a.bool,viaGithub:a.bool,viaTwitter:a.bool,handleSignIn:a.func,handleRouteToSignUp:a.func,handleGoogleSignIn:a.func,handleGithubSignIn:a.func,handleTwitterSignIn:a.func};var qt=function(e){var t=Q(),r=t.formState.errors,n=t.handleSubmit,o=t.control;return l(L,{maxWidth:"xs",variant:"auth",style:{direction:"ar"===e.lang?"rtl":"ltr"},children:[e.showError&&s(kt,{title:e.errorTitle,text:e.errorText,severity:"error"}),l("form",{onSubmit:n(e.handleSignIn),children:[s(te,{control:o,name:"code",render:function(t){var n,i,o=t.field;return s(Ze,Ie({fullWidth:!0,type:"number",value:null!==(n=o.value)&&void 0!==n?n:"",label:e.texts.codeLabel,helperText:null===(i=r.email)||void 0===i?void 0:i.message,placeholder:e.texts.codePlaceholder},o))},rules:{required:e.texts.codeRequiredText}}),s(i,{type:"submit",fullWidth:!0,variant:"last",children:e.texts.confirmText})]})]})};qt.propTypes={texts:a.shape({emailLabel:a.string,emailPlaceholder:a.string,emailRequiredText:a.string,emailInvalidText:a.string,passwordLabel:a.string,passwordPlaceholder:a.string,passwordRequiredText:a.string,forgotPasswordText:a.string,newUserText:a.string,signUpText:a.string,confirmText:a.string,googleButtonLabel:a.string,githubButtonLabel:a.string,twitterButtonLabel:a.string}),viaGoogle:a.bool,viaGithub:a.bool,viaTwitter:a.bool,handleSignIn:a.func,handleRouteToSignUp:a.func,handleGoogleSignIn:a.func,handleGithubSignIn:a.func,handleTwitterSignIn:a.func};var jt=function(e){return l(L,{maxWidth:"xs",children:[s(Ve,{align:"center",children:"Choose Payment Method"}),e.viaWallet&&s(xt,{logo:"wallet",buttonText:e.walletLabel,onClick:e.handleWallet}),e.viaCreditCard&&s(xt,{logo:"visa/master",buttonText:e.visaMasterLabel,onClick:e.handleCreditCard}),e.viaMada&&s(xt,{logo:"mada",buttonText:e.madaLabel,onClick:e.handleMada}),e.viaSTCPay&&s(xt,{logo:"stcpay",buttonText:e.stcPayLabel,onClick:e.handleSTCPay}),e.viaPayPal&&s(xt,{logo:"paypal",buttonText:e.paypalLabel,onClick:e.handlePayPal}),e.viaGooglePay&&s(xt,{logo:"googlepay",buttonText:e.googlePayLabel,onClick:e.handleGooglePay}),e.viaApplePay&&s(xt,{logo:"applepay",buttonText:e.applePayLabel,onClick:e.handleApplePay})]})};jt.propTypes={viaMada:a.bool,viaWallet:a.bool,viaSTCPay:a.bool,viaPayPal:a.bool,viaApplePay:a.bool,viaCreditCard:a.bool,madaLabel:a.string,stcPayLabel:a.string,paypalLabel:a.string,walletLabel:a.string,applePayLabel:a.string,visaMasterLabel:a.string,handleMada:a.func,handleWallet:a.func,handleSTCPay:a.func,handlePayPal:a.func,handleApplePay:a.func,handleCreditCard:a.func};var zt=function(e){var t,r=Q(),n=r.formState.errors,o=r.handleSubmit,a=r.control;return s(L,{maxWidth:"xs",children:l("form",{onSubmit:o(e.handle),children:[s(Ze,{fullWidth:!0,name:"password",placeholder:"Enter password",type:"tel",label:"Card Number",rules:{required:"Password is rquired"},helperText:null===(t=n.password)||void 0===t?void 0:t.message}),s(te,{control:a,name:"cardName",render:function(e){var t;return e.field,s(Ze,{fullWidth:!0,name:"password",placeholder:"Enter password",type:"password",label:"Name On Card",rules:{required:"Password is rquired"},helperText:null===(t=n.password)||void 0===t?void 0:t.message})}}),s(te,{control:a,name:"cardName",render:function(e){var t;return e.field,s(Ze,{fullWidth:!0,name:"password",placeholder:"Enter password",type:"password",label:"Expiry Date",rules:{required:"Password is rquired"},helperText:null===(t=n.password)||void 0===t?void 0:t.message})}}),s(te,{control:a,name:"cardName",render:function(e){var t;return e.field,s(Ze,{fullWidth:!0,name:"password",placeholder:"Enter password",type:"password",label:"CCV",rules:{required:"Password is rquired"},helperText:null===(t=n.password)||void 0===t?void 0:t.message})}}),s(i,{type:"submit",fullWidth:!0,variant:"last",onClick:e.handlePayWithCreditCard,children:"Pay with Credit Card"})]})})},Et=function(e){var t=Ne(r(0),2),n=t[0],o=t[1],a=Q(),d=a.formState.errors,c=a.handleSubmit,u=a.control;return l(L,{maxWidth:"xs",children:[l(M,{align:"center",variant:"h2",fontWeight:500,style:{marginBottom:20},children:[Number(n).toLocaleString("en")||"0",s(M,{children:e.currency||"SAR"})]}),s(ee,Ie(Ie({},a),{},{children:l("form",{onSubmit:c(e.handleChargeWallet),children:[s(te,{control:u,name:"amount",render:function(t){var r,n,i=t.field;return s(Ze,Ie(Ie({fullWidth:!0,placeholder:e.texts.amountLabel,type:"number",value:null!==(r=i.value)&&void 0!==r?r:""},i),{},{inputProps:{inputMode:"numeric",min:"1",max:"9999999",step:"0.01"},onChange:function(e){i.onChange(parseFloat(e.target.value)),o(e.target.value)},helperText:null===(n=d.amount)||void 0===n?void 0:n.message}))},rules:{required:e.texts.amountRequired}}),s(i,{type:"submit",fullWidth:!0,variant:"last",children:e.texts.chargeWallet})]})}))]})};Et.propTypes={texts:a.shape({amountLabel:a.string,chargeWallet:a.string,amountRequired:a.string}),handleChargeWallet:a.func,currency:a.string};var Ut=function(e){return l(L,{maxWidth:"xs",children:[s(M,{align:"center",children:"Wallet Balance"}),l(M,{align:"center",variant:"h1",children:[e.walletBalance||"0",s(M,{children:e.currency||"SAR"})]}),s(i,{type:"submit",fullWidth:!0,variant:"last",onClick:e.handlePayWithWallet,children:"Pay Now"})]})},Ft=function(e){var t,r,n,o,a,d,c,u,p,m,h="ar"===e.lang,g=Q(),f=g.formState.errors,v=g.handleSubmit;g.register;var b=g.control,y={display:"flex",padding:0,paddingRight:"0px !important",paddingLeft:"0px !important",flexDirection:{xs:"column",sm:"row",md:"row",lg:"row",xl:"row"}};return l(L,{maxWidth:"sm",style:{direction:h?"rtl":"ltr"},children:[s(M,{align:"center",variant:"h5",fontWeight:500,style:{marginBottom:10},children:e.texts.orderDetails}),s(Rt,{lang:e.lang,columns:["Product","Price"],rows:e.products,end:["Total",e.total]}),s(ae,{variant:"middle"}),s(M,{align:"center",variant:"h5",fontWeight:500,style:{marginBottom:10},children:e.texts.billingAddress}),s(ee,Ie(Ie({},g),{},{children:l("form",{onSubmit:v(e.handlePayNow),children:[l(L,{sx:y,children:[s(te,{control:b,name:"firstName",rules:{required:null===(t=e.texts)||void 0===t?void 0:t.required},render:function(t){var r,n,i,o=t.field;return s(Ze,Ie({inForm:!0,fullWidth:!0,type:"text",value:null!==(r=o.value)&&void 0!==r?r:"",label:(null===(n=e.texts)||void 0===n?void 0:n.firstNameLabel)+" *",helperText:null===(i=f.firstName)||void 0===i?void 0:i.message},o))}}),s("div",{style:{width:20}}),s(te,{control:b,name:"lastName",rules:{required:null===(r=e.texts)||void 0===r?void 0:r.required},render:function(t){var r,n,i,o=t.field;return s(Ze,Ie({inForm:!0,fullWidth:!0,type:"text",value:null!==(r=o.value)&&void 0!==r?r:"",label:(null===(n=e.texts)||void 0===n?void 0:n.lastNameLabel)+" *",helperText:null===(i=f.lastName)||void 0===i?void 0:i.message},o))}})]}),s(te,{control:b,name:"email",render:function(t){var r,n,i,o=t.field;return s(Ze,Ie({inForm:!0,fullWidth:!0,type:"text",value:null!==(r=o.value)&&void 0!==r?r:"",label:(null===(n=e.texts)||void 0===n?void 0:n.emailLabel)+" *",helperText:null===(i=f.email)||void 0===i?void 0:i.message},o))},rules:{required:null===(n=e.texts)||void 0===n?void 0:n.emailRequiredText,pattern:{value:/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,message:null===(o=e.texts)||void 0===o?void 0:o.emailInvalidText}}}),l(L,{sx:y,children:[s(te,{control:b,name:"streetAddress",rules:{required:null===(a=e.texts)||void 0===a?void 0:a.required},render:function(t){var r,n,i,o=t.field;return s(Ze,Ie({inForm:!0,fullWidth:!0,type:"text",value:null!==(r=o.value)&&void 0!==r?r:"",label:(null===(n=e.texts)||void 0===n?void 0:n.streetAddressLabel)+" *",helperText:null===(i=f.streetAddress)||void 0===i?void 0:i.message},o))}}),s("div",{style:{width:20}}),s(te,{control:b,name:"buildingNumber",rules:{required:null===(d=e.texts)||void 0===d?void 0:d.required},render:function(t){var r,n,i,o=t.field;return s(Ze,Ie({inForm:!0,fullWidth:!0,type:"text",value:null!==(r=o.value)&&void 0!==r?r:"",label:(null===(n=e.texts)||void 0===n?void 0:n.buildingNumberLabel)+" *",helperText:null===(i=f.buildingNumber)||void 0===i?void 0:i.message},o))}})]}),l(L,{sx:y,children:[s(te,{control:b,name:"province",rules:{required:null===(c=e.texts)||void 0===c?void 0:c.required},render:function(t){var r,n,i,o=t.field;return s(Ze,Ie({inForm:!0,fullWidth:!0,type:"text",value:null!==(r=o.value)&&void 0!==r?r:"",label:(null===(n=e.texts)||void 0===n?void 0:n.stateLabel)+" *",helperText:null===(i=f.province)||void 0===i?void 0:i.message},o))}}),s("div",{style:{width:20}}),s(te,{control:b,name:"city",rules:{required:null===(u=e.texts)||void 0===u?void 0:u.required},render:function(t){var r,n,i,o=t.field;return s(Ze,Ie({inForm:!0,fullWidth:!0,type:"text",value:null!==(r=o.value)&&void 0!==r?r:"",label:(null===(n=e.texts)||void 0===n?void 0:n.cityLabel)+" *",helperText:null===(i=f.city)||void 0===i?void 0:i.message},o))}})]}),l(L,{sx:y,children:[s(te,{control:b,name:"zipCode",rules:{required:null===(p=e.texts)||void 0===p?void 0:p.required},render:function(t){var r,n,i,o=t.field;return s(Ze,Ie({inForm:!0,fullWidth:!0,type:"number",variant:"unscrollable",value:null!==(r=o.value)&&void 0!==r?r:"",label:(null===(n=e.texts)||void 0===n?void 0:n.zipCodeLabel)+" *",helperText:null===(i=f.zipCode)||void 0===i?void 0:i.message},o))}}),s("div",{style:{width:20}}),s(te,{control:b,name:"country",rules:{required:null===(m=e.texts)||void 0===m?void 0:m.required},render:function(t){var r,n,i,o=t.field;return l(Ct,Ie(Ie({fullWidth:!0,native:!0,label:(null===(r=e.texts)||void 0===r?void 0:r.countryLabel)+" *",variant:"standard",value:null!==(n=o.value)&&void 0!==n?n:"",helperText:null===(i=f.country)||void 0===i?void 0:i.message,displayEmpty:!0,disableUnderline:!0,validators:["required"]},o),{},{children:[s("option",{}),e.countriesList.map((function(e,t){return s("option",{children:e},t)}))]}))}})]}),s(i,{type:"submit",fullWidth:!0,variant:"last",children:e.texts.payNow})]})}))]})};Ft.propTypes={texts:a.shape({orderDetails:a.string,billingAddress:a.string,payNow:a.string,emailLabel:a.string,emailRequiredText:a.string,emailInvalidText:a.string,firstNameLabel:a.string,required:a.string,lastNameLabel:a.string,streetAddressLabel:a.string,buildingNumberLabel:a.string,cityLabel:a.string,stateLabel:a.string,countryLabel:a.string,zipCodeLabel:a.string}),lang:a.string,countriesList:a.array,products:a.array,total:a.string,handlePayNow:a.func};var Gt=function(e){var t="ar"===e.lang;return l("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:[l(L,{maxWidth:"sm",style:{direction:t?"rtl":"ltr"},children:[s(M,{align:"center",variant:"h3",fontWeight:400,style:{marginBottom:10},children:e.confirmationTitle}),s(ae,{variant:"middle"}),l(M,{align:"center",variant:"body1",style:{marginBottom:10},children:[e.texts.successMessage," ",s("strong",{children:e.userEmail})]}),s(M,{align:"center",variant:"body1",children:e.texts.yourOrderNumber}),s(M,{align:"center",variant:"body1",fontWeight:700,style:{marginBottom:10},children:e.orderNumber}),s(ae,{variant:"middle"}),e.products&&l(d,{children:[s(M,{align:"center",variant:"h5",fontWeight:500,style:{marginBottom:10},children:e.texts.orderDetails}),s(Rt,{lang:e.lang,columns:["Product","Price"],rows:e.products,end:["Total",e.total]}),s(ae,{variant:"middle"})]}),s(i,{onClick:e.handlePrint,variant:"contained",children:e.texts.print}),s(i,{onClick:e.handleHistory,variant:"last",children:e.texts.history}),s(i,{onClick:e.handleHome,variant:"last",children:e.texts.homePage}),s(M,{align:"center",variant:"body2",style:{marginTop:10},children:e.texts.fasterPaymentNote})]}),s("a",{style:{marginTop:10,paddingTop:10,padding:5,cursor:"pointer"},onClick:e.handleRefundPolicyLink,children:s(M,{align:"center",variant:"caption",fontWeight:500,children:e.texts.refundPolicy})})]})};Gt.propTypes={texts:a.shape({print:a.string,history:a.string,homePage:a.string,successMessage:a.string,orderDetails:a.string,fasterPaymentNote:a.string,billingAddress:a.string,payNow:a.string,yourOrderNumber:a.string,emailLabel:a.string,emailRequiredText:a.string,emailInvalidText:a.string,firstNameLabel:a.string,required:a.string,lastNameLabel:a.string,streetAddressLabel:a.string,buildingNumberLabel:a.string,cityLabel:a.string,stateLabel:a.string,countryLabel:a.string,zipCodeLabel:a.string,refundPolicy:a.string}),products:a.array,countriesList:a.array,lang:a.string,total:a.string,userEmail:a.string,orderNumber:a.string,confirmationTitle:a.string,handleHome:a.func,handlePrint:a.func,handleHistory:a.func,handleRefundPolicyLink:a.func};var $t=function(e){var t=Ne(r("sar"),2),n=t[0],i=t[1],o=Ne(r("monthly"),2),a=o[0],d=o[1];return l(L,{style:{width:"fit-content"},variant:"plain",children:[l("div",{style:{display:"flex",flexDirection:"row",justifyContent:"space-between",marginBottom:10},children:[s(Fe,{location:"inPricing",handleChange:function(e){return d(e)},defaultValue:"monthly",options:[{label:"Monthly",value:"monthly"},{label:"3 Months",value:"3-months"},{label:"6 Months",value:"6-months"},{label:"Annually",value:"annually"}]}),s(Fe,{location:"inPricing",handleChange:function(e){i(e)},defaultValue:"sar",options:[{label:"USD",value:"usd"},{label:"SAR",value:"sar"}]})]}),s(L,{variant:"pricing",children:e.plans.map((function(t){return s(_e,Ie(Ie({lang:e.lang},t),{},{currency:n,cycleText:a}))}))})]})};$t.propTypes={plans:a.arrayOf(a.shape({title:a.string,title_ar:a.string,subtitle:a.string,subtitle_ar:a.string,price:a.number,currency:a.string,cycleText:a.string,buttonText:a.string,features:a.array,features_ar:a.array,selectedPlan:a.bool})),lang:a.string};var _t=function(e){return s("div",{children:e.children})},Vt=le("main",{shouldForwardProp:function(e){return"open"!==e}})((function(e){var t=e.theme,r=e.open,n=e.direction;return Ie({flexGrow:1,padding:t.spacing(3),transition:t.transitions.create("margin",{easing:t.transitions.easing.sharp,duration:t.transitions.duration.leavingScreen}),marginLeft:"rtl"===n?0:"-".concat(240,"px"),marginRight:"rtl"===n?"-".concat(240,"px"):0},r&&{transition:t.transitions.create("margin",{easing:t.transitions.easing.easeOut,duration:t.transitions.duration.enteringScreen}),marginLeft:"ltr"===n&&0,marginRight:"rtl"===n&&0})})),Zt=le(pe,{shouldForwardProp:function(e){return"open"!==e}})((function(e){var t=e.theme,r=e.open,n=e.direction;return Ie({transition:t.transitions.create(["margin","width"],{easing:t.transitions.easing.sharp,duration:t.transitions.duration.leavingScreen})},r&&{width:"calc(100% - ".concat(240,"px)"),marginLeft:"rtl"===n?0:"".concat(240,"px"),marginRight:"rtl"===n?"".concat(240,"px"):0,transition:t.transitions.create(["margin","width"],{easing:t.transitions.easing.easeOut,duration:t.transitions.duration.enteringScreen})})})),Ht=le("div")((function(e){var t=e.theme;return Ie(Ie({display:"flex",alignItems:"center",padding:t.spacing(0,1)},t.mixins.toolbar),{},{justifyContent:"flex-end"})})),Yt=function(t){var r=se(),n=Ne(e.useState(!1),2),i=n[0],o=n[1],a="ar"===t.lang,c=function(){o(!0)},u=function(){o(!1)};return l(de,{sx:{display:"flex"},children:[s(ue,{}),s(Zt,{position:"fixed",open:i,direction:a?"rtl":"ltr",style:{alignItems:a?"flex-end":"flex-start",justifyContent:"center"},children:s(me,{children:l(d,a?{children:[s(M,{variant:"h6",noWrap:!0,component:"div",children:"Persistent drawer"}),s(ge,{color:"inherit","aria-label":"open drawer",onClick:c,edge:a?"end":"start",sx:Ie({mr:2},i&&{display:"none"}),children:s(fe,{})})]}:{children:[s(ge,{color:"inherit","aria-label":"open drawer",onClick:c,edge:a?"end":"start",sx:Ie({marginRight:a?0:2,marginLeft:a?2:0},i&&{display:"none"}),children:s(fe,{})}),s(M,{variant:"h6",noWrap:!0,component:"div",children:"Persistent drawer"})]})})}),l(d,a?{children:[l(Vt,{open:i,direction:a?"rtl":"ltr",children:[s(Ht,{}),t.children]}),l(ce,{sx:{width:240,flexShrink:0,"& .MuiDrawer-paper":{width:240,boxSizing:"border-box"}},variant:"persistent",anchor:a?"right":"left",open:i,children:[s(Ht,{children:s(ge,{onClick:u,children:"ltr"===r.direction?s(ve,{}):s(be,{})})}),s(ae,{}),s(he,{children:["Inbox","Starred","Send email","Drafts"].map((function(e,t){return l(ye,{button:!0,children:[s(xe,{children:s(t%2==0?Ce:Te,{})}),s(we,{primary:e})]},e)}))}),s(ae,{}),s(he,{children:["All mail","Trash","Spam"].map((function(e,t){return l(ye,{button:!0,children:[s(xe,{children:s(t%2==0?Ce:Te,{})}),s(we,{primary:e})]},e)}))})]})]}:{children:[l(ce,{sx:{width:240,flexShrink:0,"& .MuiDrawer-paper":{width:240,boxSizing:"border-box"}},variant:"persistent",anchor:a?"right":"left",open:i,children:[s(Ht,{children:s(ge,{onClick:u,children:"ltr"===r.direction?s(ve,{}):s(be,{})})}),s(ae,{}),s(he,{children:["Inbox","Starred","Send email","Drafts"].map((function(e,t){return l(ye,{button:!0,children:[s(xe,{children:s(t%2==0?Ce:Te,{})}),s(we,{primary:e})]},e)}))}),s(ae,{}),s(he,{children:["All mail","Trash","Spam"].map((function(e,t){return l(ye,{button:!0,children:[s(xe,{children:s(t%2==0?Ce:Te,{})}),s(we,{primary:e})]},e)}))})]}),l(Vt,{open:i,direction:a?"rtl":"ltr",children:[s(Ht,{}),t.children]})]})]})},Xt=["children","onClose","hideClose"],Jt=function(e){var t=e.children,r=e.onClose,n=e.hideClose,i=Ae(e,Xt);return l(Se,Ie(Ie({sx:{m:0,p:2}},i),{},{children:[t,n?null:s(ge,{"aria-label":"close",onClick:r,sx:{position:"absolute",right:8,top:8,color:function(e){return e.palette.grey[500]}},children:s(T,{})})]}))};function Kt(e){var t=Ne(r(!1),2);return t[0],t[1],l(ke,Ie(Ie({},e),{},{variant:"main",children:[s(Jt,{onClose:e.onClose,hideClose:e.hideClose,children:e.title}),s(Le,{children:e.children}),s(Re,{children:e.actions})]}))}var Qt=function(e){var t=y();return s(Pe,{sx:{mt:"45px"},id:"menu-appbar",anchorEl:e.anchor,anchorOrigin:{vertical:"top",horizontal:"right"},keepMounted:!0,transformOrigin:{vertical:"top",horizontal:"right"},open:Boolean(e.anchor),onClose:e.handleClose,variant:"themed",PaperProps:{style:{boxShadow:"none",borderRadius:t.allBorderRadius,border:"1px solid ".concat(t.primaryActionColor)}},children:e.menuItems.map((function(e){return l(Oe,{onClick:e.action,children:[e.icon&&s(e.icon,{}),e.icon&&s("div",{style:{width:10}}),s(M,{textAlign:"center",children:e.label})]},e.label)}))})};Qt.propTypes={anchor:a.any,handleClose:a.func,menuItems:a.arrayOf(a.shape({icon:a.element,label:a.string,action:a.func}))};var er=function(e){y();var r=Ne(t.useState(null),2),n=r[0],a=r[1],d=Ne(t.useState(null),2),c=d[0],u=d[1],p=function(){return a(null)};return s(pe,{position:"static",variant:"appbar",children:s(L,{variant:"appbar",children:l(me,{disableGutters:!0,children:[s(de,{sx:{flexGrow:1,display:{xs:"none",md:"flex"}},children:e.logo}),l(de,{sx:{flexGrow:1,display:{xs:"flex",md:"none"}},children:[s(ge,{size:"large","aria-label":"account of current user","aria-controls":"menu-appbar","aria-haspopup":"true",onClick:function(e){return a(e.currentTarget)},color:"inherit",children:s(fe,{})}),s(Qt,{anchor:n,handleClose:p,menuItems:e.pages})]}),s(de,{sx:{flexGrow:1,display:{xs:"flex",md:"none"}},children:e.logo}),s(de,{sx:{flexGrow:1,display:{xs:"none",md:"flex"}},children:e.pages.map((function(e){return s(i,{onClick:p,sx:{my:2,display:"block"},children:e.label},e)}))}),l(de,{sx:{flexGrow:0},children:[s(o,{title:"Open settings",children:s(ge,{onClick:function(e){return u(e.currentTarget)},sx:{p:0},children:s(Me,{alt:"Remy Sharp",src:"/static/images/avatar/2.jpg"})})}),s(Qt,{anchor:c,handleClose:function(e){return u(null)},menuItems:e.accountMenu})]})]})})})};er.propTypes={pages:a.arrayOf(a.shape({icon:a.element,label:a.string,action:a.func})),accountMenu:a.arrayOf(a.shape({icon:a.element,label:a.string,action:a.func}))};var tr=function(e){var r=Ne(t.useState(null),2),n=r[0],i=r[1];return l(f,Ie(Ie({variant:"page-controls"},e),{},{style:{display:"flex",flexDirection:"row",justifyContent:"space-between"},children:[s(h,{variant:"layout",onClick:e.backAction,children:e.backText}),s(b,{direction:"row",spacing:1,sx:{display:{xs:"none",md:"flex"}},children:e.actionButtons.map((function(e){return s(h,{variant:"layout",children:e.label})}))}),l(b,{direction:"row",spacing:1,sx:{display:{xs:"flex",md:"none"}},children:[s(h,{variant:"layout",onClick:function(e){return i(e.currentTarget)},children:s(fe,{})}),s(Qt,{handleClose:function(e){return i(null)},anchor:n,menuItems:e.actionButtons})]})]}))};tr.propTypes={backText:a.string,backAction:a.func,actionButtons:a.arrayOf(a.shape({label:a.string,action:a.func}))};var rr=function(e,t,r,n,i,o){return console.log("achra achraf",o),x({typography:{fontFamily:["IBMPlex","Roboto"].join(",")},palette:{primary:{main:t}},breakpoints:{values:o||{xs:0,sm:600,md:900,lg:1200,xl:1536}},components:{MuiStack:{variants:[{props:{variant:"card"},style:{backgroundColor:r,padding:15,borderRadius:e}}]},MuiChip:{styleOverrides:{root:{borderRadius:e}}},MuiSlider:{styleOverrides:{root:{marginRight:15,marginLeft:15,minWidth:50}}},MuiAccordion:{styleOverrides:{root:{borderRadius:"".concat(e,"px !important"),marginBottom:10,position:"unset","&.Mui-expanded":{marginBottom:10,marginTop:10}}}},MuiDivider:{styleOverrides:{root:{margin:20}}},MuiTableContainer:{styleOverrides:{root:{backgroundColor:"white",width:"100%",borderRadius:e,margin:0}}},MuiTableCell:{variants:[{props:{variant:"borderedLeft"},style:{borderLeft:"1px solid #dddddd"}},{props:{variant:"borderedRight"},style:{borderRight:"1px solid #dddddd"}}]},MuiTable:{styleOverrides:{root:{borderRadius:e}}},MuiInputLabel:{styleOverrides:{root:{marginBottom:10,marginTop:10,fontSize:15}}},MuiFormControl:{variants:[{props:{variant:"hawa"},style:{width:"100%"}}]},MuiTypography:{styleOverrides:{},variants:[{props:{variant:"validation"},style:{textAlign:"start",whiteSpace:"nowrap",fontFamily:i,color:"red",fontSize:13,marginTop:0}}]},MuiSelect:{styleOverrides:{root:{backgroundColor:"white",padding:"0px !important",paddingRight:10,paddingLeft:10,borderRadius:e,"&:hover":{outline:"1px solid ".concat(t)},"&:focus":{outline:"1px solid ".concat(t)}},input:{margin:0,border:"none",padding:10,":focus":{border:"none"}}}},MuiInput:{styleOverrides:{root:{backgroundColor:"white",paddingRight:10,paddingLeft:10,borderRadius:e,"&:hover":{outline:"1px solid ".concat(t)},"&:focus":{outline:"1px solid ".concat(t)}},input:{margin:0,border:"none",padding:10,":focus":{border:"none"}}},variants:[{props:{variant:"unscrollable"},style:{"& input::-webkit-outer-spin-button, & input::-webkit-inner-spin-button":{display:"none"},"& input[type=number]":{MozAppearance:"textfield"}}},{props:{variant:"pin"},style:{height:60,width:50,textAlign:"center","& input::-webkit-outer-spin-button, & input::-webkit-inner-spin-button":{display:"none"},"& input[type=number]":{MozAppearance:"textfield"}}}]},MuiDialog:{styleOverrides:{paper:{borderRadius:e,backgroundColor:r,minWidth:300}}},MuiContainer:{styleOverrides:{root:{display:"flex",flexDirection:"column",backgroundColor:r,borderRadius:e,paddingLeft:20,paddingRight:20,padding:20}},variants:[{props:{variant:"drop-area"},style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",backgroundColor:w(r,.3),border:"1px dashed",borderRadius:e,":-moz-drag-over":{backgroundColor:"green"}}},{props:{variant:"page-controls"},style:{background:"none",fontSize:"2rem",padding:"0px !important",marginBottom:10,borderRadius:e}},{props:{variant:"auth"},style:{backgroundColor:r,fontSize:"2rem",padding:20,borderRadius:e}},{props:{variant:"plain"},style:{background:"none"}},{props:{variant:"panelTabs"},style:{display:"flex",flexDirection:"row",width:"fit-content",justifyContent:"space-between",backgroundColor:r,alignItems:"center",paddingLeft:"10px !important",paddingRight:"10px !important",padding:10}},{props:{variant:"pricingTabs"},style:{display:"flex",flexDirection:"row",width:"fit-content",justifyContent:"space-between",backgroundColor:r,alignItems:"center",paddingLeft:"10px !important",paddingRight:"10px !important",padding:10}},{props:{variant:"inSettings"},style:{display:"flex",flexDirection:"row",width:"fit-content",height:50,marginRight:0,backgroundColor:"white",padding:5,paddingLeft:"5px !important",paddingRight:"5px !important"}},{props:{variant:"inPricing"},style:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",width:"fit-content",margin:0,height:50,marginRight:0,marginLeft:0,backgroundColor:r,padding:5,paddingLeft:"5px !important",paddingRight:"5px !important"}},{props:{variant:"settingsRow"},style:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",borderRadius:e,backgroundColor:w(r,.4),height:70,marginTop:10,paddingLeft:"20px !important",paddingRight:"10px !important"}},{props:{variant:"plan-card"},style:{display:"flex",flexDirection:"column",borderRadius:e,border:"1px solid ".concat(r),backgroundColor:w(r,.4),margin:10,width:250,maxWidth:200,paddingLeft:"0px !important",paddingRight:"0px !important",padding:0}},{props:{variant:"selected-plan-card"},style:{display:"flex",flexDirection:"column",borderRadius:e,border:"1px solid ".concat(t),backgroundColor:w(t,.4),margin:10,width:250,maxWidth:200,paddingLeft:"0px !important",paddingRight:"0px !important",padding:0}},{props:{variant:"plan-header"},style:{display:"flex",flexDirection:"column",position:"relative",borderRadius:e,borderBottomLeftRadius:0,borderBottomRightRadius:0,border:"1px solid ".concat(r),backgroundColor:"white",margin:0,padding:20}},{props:{variant:"card-container"},style:{display:"flex",flexDirection:"column",borderRadius:e,border:"1px solid ".concat(r),margin:0,padding:"0px !important"}},{props:{variant:"card-header"},style:{display:"flex",flexDirection:"column",borderRadius:e,borderBottomLeftRadius:0,borderBottomRightRadius:0,border:"1px solid ".concat(r),backgroundColor:"white",margin:0,padding:"0px !important",paddingLeft:"20px !important",paddingRight:"20px !important"}},{props:{variant:"card-content"},style:{display:"flex",flexDirection:"column",borderRadius:e,borderBottomLeftRadius:0,borderBottomRightRadius:0,border:"1px solid ".concat(r),margin:0,padding:"0px !important",paddingLeft:"20px !important",paddingRight:"20px !important"}},{props:{variant:"card-actions"},style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",border:"1px solid ".concat(r),margin:0}},{props:{variant:"selected-plan-header"},style:{display:"flex",flexDirection:"column",borderRadius:e,borderBottomLeftRadius:0,borderBottomRightRadius:0,border:"1px solid ".concat(r),backgroundColor:"white",margin:0,padding:20}},{props:{variant:"pricing"},style:{display:"flex",flexDirection:"row",maxWidth:"max-content",width:"fit-content",padding:0,paddingLeft:"0px !important",paddingRight:"0px !important"}},{props:{variant:"appbar"},style:{boxShadow:"none",display:"flex",flexDirection:"column",backgroundColor:"none !important",background:"none !important",padding:"0px !important",paddingRight:"0px !important",paddingLeft:"0px !important"}}]},MuiSnackbar:{styleOverrides:{root:{borderWidth:10,borderRadius:e}}},MuiButton:{styleOverrides:{root:{textTransform:"uppercase",borderRadius:e,boxShadow:"none","&:hover":{boxShadow:"none"}},contained:{backgroundColor:t}},variants:[{props:{variant:"layout"},style:{backgroundColor:r,"&:hover":{backgroundColor:C(r,.3),color:"white"}}},{props:{variant:"color-picker"},style:function(t){var r=t.theme;return Ie({},{height:40,marginRight:5,marginLeft:5,backgroundColor:r.palette.error.main,color:n,borderRadius:e,"&:hover":{backgroundColor:C(r.palette.error.main,.5),color:"white"}})}},{props:{variant:"danger"},style:function(t){var r=t.theme;return Ie({},{backgroundColor:r.palette.error.main,color:n,borderRadius:e,"&:hover":{backgroundColor:C(r.palette.error.main,.5),color:"white"}})}},{props:{variant:"last"},style:{backgroundColor:t,color:n,marginTop:20,borderRadius:e,"&:hover":{backgroundColor:C(t,.5),color:"white"}}},{props:{variant:"withLogo"},style:{textTransform:"none",border:"1px solid ".concat(C(t,.1)),fontSize:"2rem",backgroundColor:"white",marginTop:10,padding:10,height:50,fontFamily:i,borderRadius:e}},{props:{variant:"selected"},style:{display:"flex",flexDirection:"row",width:"fit-content",backgroundColor:t,justifyContent:"space-between",alignItems:"center",margin:0,color:"white",borderRadius:e,"&:hover":{backgroundColor:C(t,.5),color:"white"}}},{props:{variant:"unselected"},style:{display:"flex",flexDirection:"row",width:"fit-content",background:"none",justifyContent:"space-between",alignItems:"center",margin:0,borderRadius:e}},{props:{variant:"adaptive-dark"},style:{backgroundColor:t,height:40,color:n,margin:0,borderRadius:e,"&:hover":{backgroundColor:C(t,.4)}}},{props:{variant:"adaptive-light"},style:{display:"flex",flexDirection:"row",width:"fit-content",backgroundColor:t,height:50,color:n,justifyContent:"space-between",alignItems:"center",margin:0,borderRadius:e,"&:hover":{backgroundColor:C(t,.4)}}}]},MuiSwitch:{styleOverrides:{root:{display:"flex",flexDirection:"row",alignItems:"center"},track:{backgroundColor:"grey",height:20,borderRadius:e},thumb:{borderRadius:e}}},MuiAlert:{styleOverrides:{root:{borderRadius:e,marginBottom:10},standardError:function(e){var t=e.theme;return Ie({},{backgroundColor:w(t.palette.error.main,.8),outline:"1px solid ".concat(C(t.palette.error.main,.1))})},standardInfo:function(e){var t=e.theme;return Ie({},{backgroundColor:w(t.palette.info.main,.8),outline:"1px solid ".concat(C(t.palette.info.main,.1))})},standardWarning:function(e){var t=e.theme;return Ie({},{backgroundColor:w(t.palette.warning.main,.8),outline:"1px solid ".concat(C(t.palette.warning.main,.1))})},standardSuccess:function(e){var t=e.theme;return Ie({},{backgroundColor:w(t.palette.success.main,.8),outline:"1px solid ".concat(C(t.palette.success.main,.1))})}},variants:[{props:{variant:"inContainer"},style:{color:"black",borderRadius:e}}]},MuiListItemButton:{styleOverrides:{root:{margin:5,borderRadius:e,"&:hover":{backgroundColor:t,color:"white"}}},variants:[{props:{variant:"clicked"},style:{backgroundColor:t,color:"white"}}]},MuiToolbar:{variants:[{props:{variant:"appbar"},style:{color:"black",height:60,backgroundColor:"white",display:"flex",flexDirection:"row",justifyContent:"space-between",padding:0}}]},MuiAppBar:{styleOverrides:{root:{boxShadow:"none",color:"black"}},variants:[{props:{variant:"appbar"},style:{color:"black",margin:0,padding:0,background:"none"}}]},MuiTextField:{styleOverrides:{root:{backgroundColor:"white",paddingRight:10,paddingLeft:10,borderRadius:e,"&:hover":{outline:"1px solid ".concat(t)},"&:focus":{outline:"1px solid ".concat(t)}}},variants:[{props:{variant:"pinInput"},style:{height:60,width:50,textAlign:"center","& input::-webkit-outer-spin-button, & input::-webkit-inner-spin-button":{display:"none"},"& input[type=number]":{MozAppearance:"textfield"}}}]}}})},nr=function(e,t,r,n,i,o){return e.allBorderRadius=t,e.primaryActionColor=r,e.primaryLayoutColor=n,e.primaryActionTextColor=i,e.mainFont=o,e.palette.primary.main=r,e.components.MuiStack.variants[0].style.borderRadius=t,e.components.MuiStack.variants[0].style.backgroundColor=n,e.components.MuiChip.styleOverrides.root.borderRadius=t,e.components.MuiAccordion.styleOverrides.root.borderRadius="".concat(t,"px !important"),e.components.MuiTableContainer.styleOverrides.root.borderRadius=t,e.components.MuiTable.styleOverrides.root.borderRadius=t,e.components.MuiTypography.variants[0].style.fontFamily=o,e.components.MuiSelect.styleOverrides.root.borderRadius=t,e.components.MuiSelect.styleOverrides.root["&:hover"].outline="1px solid ".concat(r),e.components.MuiSelect.styleOverrides.root["&:focus"].outline="1px solid ".concat(r),e.components.MuiInput.styleOverrides.root["&:hover"].outline="1px solid ".concat(r),e.components.MuiInput.styleOverrides.root["&:focus"].outline="1px solid ".concat(r),e.components.MuiDialog.styleOverrides.paper.borderRadius=t,e.components.MuiDialog.styleOverrides.paper.backgroundColor=n,e.components.MuiContainer.styleOverrides.root.backgroundColor=n,e.components.MuiContainer.styleOverrides.root.borderRadius=t,e.components.MuiContainer.variants[0].style.backgroundColor=w(n,.3),e.components.MuiContainer.variants[0].style.borderRadius=t,e.components.MuiContainer.variants[1].style.borderRadius=t,e.components.MuiContainer.variants[2].style.borderRadius=t,e.components.MuiContainer.variants[4].style.backgroundColor=n,e.components.MuiContainer.variants[5].style.backgroundColor=n,e.components.MuiContainer.variants[7].style.backgroundColor=n,e.components.MuiContainer.variants[8].style.backgroundColor=w(n,.4),e.components.MuiContainer.variants[8].style.borderRadius=t,e.components.MuiContainer.variants[9].style.borderRadius=t,e.components.MuiContainer.variants[9].style.border="1px solid ".concat(n),e.components.MuiContainer.variants[9].style.backgroundColor=w(n,.4),e.components.MuiContainer.variants[10].style.backgroundColor=w(r,.4),e.components.MuiContainer.variants[10].style.border="1px solid ".concat(r),e.components.MuiContainer.variants[10].style.borderRadius=t,e.components.MuiContainer.variants[11].style.borderRadius=t,e.components.MuiContainer.variants[11].style.border="1px solid ".concat(n),e.components.MuiContainer.variants[12].style.border="1px solid ".concat(n),e.components.MuiContainer.variants[12].style.borderRadius=t,e.components.MuiContainer.variants[13].style.borderRadius=t,e.components.MuiContainer.variants[13].style.border="1px solid ".concat(n),e.components.MuiContainer.variants[14].style.borderRadius=t,e.components.MuiContainer.variants[15].style.border="1px solid ".concat(n),e.components.MuiContainer.variants[16].style.border="1px solid ".concat(n),e.components.MuiContainer.variants[16].style.borderRadius=t,e.components.MuiSnackbar.styleOverrides.root.borderRadius=t,e.components.MuiButton.styleOverrides.root.borderRadius=t,e.components.MuiButton.styleOverrides.contained.backgroundColor=r,e.components.MuiButton.variants[0].style.backgroundColor=n,e.components.MuiButton.variants[0].style["&:hover"].backgroundColor=C(n,.3),e.components.MuiButton.variants[1].style=function(e){var r=e.theme;return Ie({},{height:40,marginRight:5,marginLeft:5,backgroundColor:r.palette.error.main,color:i,borderRadius:t,"&:hover":{backgroundColor:C(r.palette.error.main,.5),color:"white"}})},e.components.MuiButton.variants[2].style=function(e){var r=e.palette;return Ie({},{backgroundColor:r.error.main,color:i,borderRadius:t,"&:hover":{backgroundColor:C(r.error.main,.5),color:"white"}})},e.components.MuiButton.variants[3].style.backgroundColor=r,e.components.MuiButton.variants[3].style.color=i,e.components.MuiButton.variants[3].style.borderRadius=t,e.components.MuiButton.variants[3].style["&:hover"].backgroundColor=C(r,.5),e.components.MuiButton.variants[4].style.border="1px solid ".concat(C(r,.1)),e.components.MuiButton.variants[4].style.fontFamily=o,e.components.MuiButton.variants[4].style.borderRadius=t,e.components.MuiButton.variants[5].style.backgroundColor=r,e.components.MuiButton.variants[5].style.borderRadius=t,e.components.MuiButton.variants[5].style["&:hover"].backgroundColor=C(r,.5),e.components.MuiButton.variants[6].style.borderRadius=t,e.components.MuiButton.variants[7].style.backgroundColor=r,e.components.MuiButton.variants[7].style.color=i,e.components.MuiButton.variants[7].style.borderRadius=t,e.components.MuiButton.variants[7].style["&:hover"].backgroundColor=C(r,.4),e.components.MuiButton.variants[8].style.backgroundColor=r,e.components.MuiButton.variants[8].style.color=i,e.components.MuiButton.variants[8].style.borderRadius=t,e.components.MuiButton.variants[8].style["&:hover"].backgroundColor=C(r,.4),e.components.MuiSwitch.styleOverrides.track.borderRadius=t,e.components.MuiSwitch.styleOverrides.thumb.borderRadius=t,e.components.MuiAlert.styleOverrides.root.borderRadius=t,e.components.MuiAlert.variants[0].style.borderRadius=t,e.components.MuiListItemButton.styleOverrides.root.borderRadius=t,e.components.MuiListItemButton.styleOverrides.root["&:hover"].backgroundColor=r,e.components.MuiListItemButton.variants[0].style.backgroundColor=r,e};function ir(e){var t=Ne(r(!!e&&Boolean(e)),2),n=t[0],i=t[1];return{isOpen:n,onClose:function(){i(!1)},onOpen:function(){i(!0)}}}function or(e){var t,i=Ne(r(null!==(t=e.base)&&void 0!==t?t:""),2),o=i[0],a=i[1],l=y();return n((function(){function t(){e.mobile&&window.innerWidth>=l.breakpoints.values.mobile&&window.innerWidth<l.breakpoints.values.tablet&&a(e.mobile),e.tablet&&window.innerWidth>=l.breakpoints.values.tablet&&window.innerWidth<l.breakpoints.values.laptop&&a(e.tablet),e.laptop&&window.innerWidth>=l.breakpoints.values.laptop&&window.innerWidth<l.breakpoints.values.desktop&&a(e.laptop),e.desktop&&window.innerWidth>=l.breakpoints.values.desktop&&a(e.desktop)}return console.log("break point",l.breakpoints.values),window.addEventListener("resize",t),function(){return window.removeEventListener("resize",t)}}),[]),o}export{ze as ActionButton,je as AdaptiveButton,_t as Box,Et as ChargeWalletForm,Ft as CheckoutForm,qt as CodeConfirmation,Gt as ConfirmationPage,rr as CreateHawaTheme,zt as CreditCardForm,Pt as DragDropImages,Ot as DraggableCard,St as HawaAccordian,kt as HawaAlert,er as HawaAppBar,Yt as HawaAppLayout,wt as HawaButton,Ue as HawaCheckbox,Ge as HawaChip,vt as HawaColorPicker,Kt as HawaDialog,Tt as HawaInputLabel,$e as HawaItemCard,xt as HawaLogoButton,tr as HawaPageControls,Fe as HawaPanelTabs,_e as HawaPricingCard,bt as HawaRange,Lt as HawaSearchBar,Ct as HawaSelect,yt as HawaSettingsRow,Ee as HawaSnackbar,Rt as HawaTable,Ze as HawaTextField,Ve as HawaTypography,Wt as NewPasswordForm,Ut as PayWithWallet,$t as PricingPlans,At as ResetPasswordForm,jt as SelectPayment,Nt as SignInForm,Dt as SignUpForm,nr as UpdateHawaTheme,Bt as UserProfileForm,It as UserSettingsForm,or as useBreakPointValue,ir as useDisclosure};
|
|
1
|
+
import*as e from"react";import t,{useState as r,useEffect as n}from"react";import i from"@mui/material/Button";import o from"@mui/material/Tooltip";import a from"prop-types";import{jsxs as l,jsx as s,Fragment as d}from"react/jsx-runtime";import u from"@mui/material/Snackbar";import c from"@mui/material/AlertTitle";import p from"@mui/material/Alert";import{IconButton as m,Button as h,InputAdornment as g,Container as v,Typography as f,Stack as b,InputLabel as y,useTheme as x,createTheme as w,lighten as C,darken as T}from"@mui/material";import k from"@mui/icons-material/Close";import R from"@mui/material/FormControlLabel";import L from"@mui/material/Checkbox";import S from"@mui/material/Container";import M from"@mui/material/Chip";import P from"@mui/material/Typography";import O from"@mui/icons-material/CheckCircleOutlined";import B from"@mui/material/Input";import W from"@mui/material/InputLabel";import I from"@mui/material/Switch";import A from"@emotion/styled";import D from"@mui/material/Slider";import q from"@mui/material/Stack";import N from"@mui/icons-material/GitHub";import j from"@mui/icons-material/Twitter";import z from"@mui/icons-material/AccountBalanceWallet";import E from"@mui/material/Select";import F from"@mui/material/Table";import U from"@mui/material/TableBody";import G from"@mui/material/TableCell";import $ from"@mui/material/TableContainer";import V from"@mui/material/TableHead";import _ from"@mui/material/TableRow";import{Search as H,MoreVert as Z}from"@mui/icons-material";import Y from"@mui/icons-material/ExpandMore";import X from"@mui/material/Accordion";import J from"@mui/material/AccordionSummary";import K from"@mui/material/AccordionDetails";import{useDropzone as Q}from"react-dropzone";import ee from"react-phone-input-2";import"react-phone-input-2/lib/material.css";import{useForm as te,FormProvider as re,Controller as ne}from"react-hook-form";import ie from"@mui/material/InputAdornment";import oe from"@mui/icons-material/HttpsOutlined";import ae from"@mui/icons-material/MailOutline";import le from"@mui/icons-material/PermIdentityOutlined";import se from"@mui/material/Divider";import{styled as de,useTheme as ue}from"@mui/material/styles";import ce from"@mui/material/Box";import pe from"@mui/material/Drawer";import me from"@mui/material/CssBaseline";import he from"@mui/material/AppBar";import ge from"@mui/material/Toolbar";import ve from"@mui/material/List";import fe from"@mui/material/IconButton";import be from"@mui/icons-material/Menu";import ye from"@mui/icons-material/ChevronLeft";import xe from"@mui/icons-material/ChevronRight";import we from"@mui/material/ListItem";import Ce from"@mui/material/ListItemIcon";import Te from"@mui/material/ListItemText";import ke from"@mui/icons-material/MoveToInbox";import Re from"@mui/icons-material/Mail";import Le from"@mui/material/Dialog";import Se from"@mui/material/DialogActions";import Me from"@mui/material/DialogContent";import Pe from"@mui/material/DialogTitle";import Oe from"@mui/material/Avatar";import Be from"@mui/material/Menu";import We from"@mui/material/MenuItem";function Ie(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Ae(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?Ie(Object(r),!0).forEach((function(t){De(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Ie(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function De(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function qe(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}function Ne(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function je(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==r)return;var n,i,o=[],a=!0,l=!1;try{for(r=r.call(e);!(a=(n=r.next()).done)&&(o.push(n.value),!t||o.length!==t);a=!0);}catch(e){l=!0,i=e}finally{try{a||null==r.return||r.return()}finally{if(l)throw i}}return o}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return ze(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return ze(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function ze(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}var Ee=function(e){return e.showText?l(i,{variant:"adaptive-dark",onClick:e.onClick,children:[e.icon,s("div",{style:{width:10}}),e.buttonText]}):s(o,{title:e.buttonText,placement:"top",children:s(i,{variant:"adaptive-dark",onClick:e.onClick,children:e.icon})})};Ee.propTypes={buttonText:a.string,onClick:a.func,showText:a.bool};var Fe=function(e){return s(i,Ae(Ae({},e),{},{children:e.text}))},Ue=function(e){var t=je(r({vertical:"",horizontal:""}),2),i=t[0],o=t[1];return n((function(){if(e.position){var t=e.position.split("-");o({vertical:t[0],horizontal:t[1]})}}),[e.position]),s(u,{open:e.open,autoHideDuration:e.autoHide?e.duration:null,onClose:e.handleClose,anchorOrigin:i,action:s(d,{children:s(m,{"aria-label":"close",style:{color:"black"},sx:{p:.5},onClick:e.handleClose,children:s(k,{})})}),children:l(p,{icon:!1,severity:e.severity,onClose:e.isClosable?e.handleClose:null,children:[e.title&&s(c,{children:e.title}),e.text]})})},Ge=function(e){return console.log("props : ",e),s(t.Fragment,{children:s(R,{label:e.label,control:s(L,{style:{color:e.color||null},defaultChecked:e.defaultValue})})})},$e=function(e){var t=je(r(e.defaultValue),2),n=t[0],o=t[1];return s(S,{variant:e.location||"panelTabs",children:e.options.map((function(t,r){var a;return s(i,{onClick:function(){e.handleChange(t.value),o(t.value)},fullWidth:!0,variant:(null==n?void 0:n.toLowerCase())===(null===(a=t.value)||void 0===a?void 0:a.toLowerCase())?"selected":"unselected",children:t.label},r)}))})};$e.propTypes={lang:a.string,options:a.arrayOf(a.shape({label:a.string,value:a.string})),defaultValue:a.string,handleChange:a.func,location:a.string};var Ve=function(e){return s(M,Ae({},e))},_e=function(e){var t="ar"===e.lang;return l(S,{onClick:function(t){t.stopPropagation(),e.onCardClick()},maxWidth:"xs",variant:"card-container",dataValue:"parent",style:{direction:t?"rtl":"ltr"},children:[e.header&&l(S,{style:{zIndex:20},variant:"card-header",children:[e.headerActions&&s("div",{style:{margin:0,marginRight:-20,marginLeft:-20,marginBottom:-20,display:"flex",paddingTop:5,paddingLeft:5,paddingRight:5,justifyContent:"flex-end"},children:e.headerActions}),e.header]}),e.content&&s(S,{style:{zIndex:20},variant:"card-content",children:e.content}),e.actions&&s(S,{style:{zIndex:20},variant:"card-actions",children:e.actions})]})};_e.propTypes={lang:a.string,onCardClick:a.func};var He=function(e){var t,r,n="ar"===e.lang,o={monthly:"شهرياً","3-months":"كل 3 أشهر","6-months":"كل 6 أشهر",annually:"سنوياً"},a={monthly:"Monthly","3-months":"3 Months","6-months":"6 Months",annually:"Annually"},d={usd:n?"دولار":"$",sar:n?"ريال":"SAR"},u=n?e.features_ar:e.features,c=n?{left:10}:{right:10};return l(S,{maxWidth:"xs",variant:e.selectedPlan?"selected-plan-card":"plan-card",style:{direction:n?"rtl":"ltr"},children:[l(S,{variant:"plan-header",children:[e.discount&&s(M,{label:e.discount,variant:"standard",style:Ae({maxWidth:"fit-content",position:"absolute",bottom:10},c),color:"success"}),s(P,{variant:"h3",fontWeight:500,children:n?e.title_ar:e.title}),s(P,{variant:"caption",children:n?e.subtitle_ar:e.subtitle}),s("br",{}),s(P,{variant:"h4",fontWeight:500,style:{display:"flex",alignItems:"center"},children:"ar"===e.lang?l("div",{style:{width:"100%",display:"flex",flexDirection:"column",justifyContent:"center"},children:[l("div",{style:{display:"flex",flexDirection:"row"},children:[e.price,s("div",{style:{width:5}}),s(P,{children:d[null===(t=e.currency)||void 0===t?void 0:t.toLowerCase()]})]}),s(P,{style:{fontSize:14,margin:5},children:n?o[e.cycleText]:a[e.cycleText]})]}):l("div",{style:{width:"100%",display:"flex",flexDirection:"column",justifyContent:"center"},children:[l("div",{style:{display:"flex",flexDirection:"row"},children:[s(P,{children:d[null===(r=e.currency)||void 0===r?void 0:r.toLowerCase()]}),s("div",{style:{width:5}}),e.price]}),s(P,{style:{fontSize:14,margin:5},children:"ar"===e.lang?o[e.cycleText]:a[e.cycleText]})]})})]}),s("div",{style:{padding:20,color:e.selectedPlan?"white":"black"},children:null==u?void 0:u.map((function(e){return l("div",{style:{display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"flex-start",marginTop:10,width:"100%"},children:[s("div",{style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",width:"10%"},children:s(O,{fontSize:"small"})}),s("div",{style:{width:10}}),s(P,{variant:"subtitle2",children:e})]})}))}),s(i,{onClick:e.selectPlan,variant:e.selectedPlan?"outlined":"contained",style:{margin:20},children:e.buttonText})]})};He.propTypes={lang:a.string,buttonText:a.string,selectedPlan:a.string,title:a.string,title_ar:a.string,subtitle:a.string,subtitle_ar:a.string,features:a.array,features_ar:a.array,currency:a.oneOf(["sar","usd"]),cycleText:a.oneOf(["monthly","3-months","6-months","annually"])};var Ze=function(e){return s(P,Ae(Ae({},e),{},{children:e.children}))},Ye=function(e){return s("div",{style:e.inForm&&{width:"100%"},children:l("div",{style:{width:e.fullWidth?"100%":"fit-content"},children:[l("div",{style:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center"},children:[e.label&&s(W,{children:e.label}),e.helperText&&s(P,{style:{marginBottom:!e.label&&10},variant:"validation",children:e.helperText})]}),s(B,Ae({disableUnderline:!0},e))]})})},Xe=function(e){return s(I,Ae({},e))};var Je="production"!==process.env.NODE_ENV?a.oneOfType([a.number,a.string,a.object,a.array]):{};function Ke(){return Ke=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},Ke.apply(this,arguments)}function Qe(e){return null!==e&&"object"==typeof e&&e.constructor===Object}function et(e,t,r={clone:!0}){const n=r.clone?Ke({},e):e;return Qe(e)&&Qe(t)&&Object.keys(t).forEach((i=>{"__proto__"!==i&&(Qe(t[i])&&i in e&&Qe(e[i])?n[i]=et(e[i],t[i],r):n[i]=t[i])})),n}const tt=["m","mt","mr","mb","ml","mx","my","margin","marginTop","marginRight","marginBottom","marginLeft","marginX","marginY","marginInline","marginInlineStart","marginInlineEnd","marginBlock","marginBlockStart","marginBlockEnd"],rt=["p","pt","pr","pb","pl","px","py","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","paddingX","paddingY","paddingInline","paddingInlineStart","paddingInlineEnd","paddingBlock","paddingBlockStart","paddingBlockEnd"],nt=[...tt,...rt];function it(e){return function(e,t,r,n){const i=(o=e,((a=t)&&"string"==typeof a?a.split(".").reduce(((e,t)=>e&&e[t]?e[t]:null),o):null)||r);var o,a;return"number"==typeof i?e=>"string"==typeof e?e:("production"!==process.env.NODE_ENV&&"number"!=typeof e&&console.error(`MUI: Expected ${n} argument to be a number or a string, got ${e}.`),i*e):Array.isArray(i)?e=>"string"==typeof e?e:("production"!==process.env.NODE_ENV&&(Number.isInteger(e)?e>i.length-1&&console.error([`MUI: The value provided (${e}) overflows.`,`The supported values are: ${JSON.stringify(i)}.`,`${e} > ${i.length-1}, you need to add the missing values.`].join("\n")):console.error([`MUI: The \`theme.${t}\` array type cannot be combined with non integer values.You should either use an integer value that can be used as index, or define the \`theme.${t}\` as a number.`].join("\n"))),i[e]):"function"==typeof i?i:("production"!==process.env.NODE_ENV&&console.error([`MUI: The \`theme.${t}\` value (${i}) is invalid.`,"It should be a number, an array or a function."].join("\n")),()=>{})}(e,"spacing",8,"spacing")}function ot(e,t){if(null==e)return{};var r,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}"production"===process.env.NODE_ENV||tt.reduce(((e,t)=>(e[t]=Je,e)),{}),"production"===process.env.NODE_ENV||rt.reduce(((e,t)=>(e[t]=Je,e)),{}),"production"===process.env.NODE_ENV||nt.reduce(((e,t)=>(e[t]=Je,e)),{});const at=["values","unit","step"];function lt(e){const{values:t={xs:0,sm:600,md:900,lg:1200,xl:1536},unit:r="px",step:n=5}=e,i=ot(e,at),o=(e=>{const t=Object.keys(e).map((t=>({key:t,val:e[t]})))||[];return t.sort(((e,t)=>e.val-t.val)),t.reduce(((e,t)=>Ke({},e,{[t.key]:t.val})),{})})(t),a=Object.keys(o);function l(e){return`@media (min-width:${"number"==typeof t[e]?t[e]:e}${r})`}function s(e){return`@media (max-width:${("number"==typeof t[e]?t[e]:e)-n/100}${r})`}function d(e,i){const o=a.indexOf(i);return`@media (min-width:${"number"==typeof t[e]?t[e]:e}${r}) and (max-width:${(-1!==o&&"number"==typeof t[a[o]]?t[a[o]]:i)-n/100}${r})`}return Ke({keys:a,values:o,up:l,down:s,between:d,only:function(e){return a.indexOf(e)+1<a.length?d(e,a[a.indexOf(e)+1]):l(e)},not:function(e){const t=a.indexOf(e);return 0===t?l(a[1]):t===a.length-1?s(a[t]):d(e,a[a.indexOf(e)+1]).replace("@media","@media not all and")},unit:r},i)}var st={borderRadius:4};const dt=["breakpoints","palette","spacing","shape"];const ut=e.createContext(null);"production"!==process.env.NODE_ENV&&(ut.displayName="ThemeContext");var ct=ut;function pt(t=null){const r=function(){const t=e.useContext(ct);return"production"!==process.env.NODE_ENV&&e.useDebugValue(t),t}();return r&&(n=r,0!==Object.keys(n).length)?r:t;var n}const mt=function(e={},...t){const{breakpoints:r={},palette:n={},spacing:i,shape:o={}}=e,a=ot(e,dt),l=lt(r),s=function(e=8){if(e.mui)return e;const t=it({spacing:e}),r=(...e)=>("production"!==process.env.NODE_ENV&&(e.length<=4||console.error(`MUI: Too many arguments provided, expected between 0 and 4, got ${e.length}`)),(0===e.length?[1]:e).map((e=>{const r=t(e);return"number"==typeof r?`${r}px`:r})).join(" "));return r.mui=!0,r}(i);let d=et({breakpoints:l,direction:"ltr",components:{},palette:Ke({mode:"light"},n),spacing:s,shape:Ke({},st,o)},a);return d=t.reduce(((e,t)=>et(e,t)),d),d}();function ht(e=mt){return pt(e)}var gt,vt,ft=A.input(gt||(gt=Ne(["\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border: none;\n cursor: pointer;\n height: 35px;\n border-radius: ","px;\n background-color: ",";\n &::-webkit-color-swatch {\n border: none;\n }\n &::-moz-color-swatch {\n border: none;\n }\n"])),(function(e){return e.borderRadius}),(function(e){return e.value})),bt=A.input(vt||(vt=Ne(["\n max-width: 70px;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border: none;\n // height: 30px;\n padding: 10px;\n border-radius: ","px;\n &::-webkit-color-swatch {\n border: none;\n }\n &::-moz-color-swatch {\n border: none;\n }\n"])),(function(e){return e.borderRadius})),yt=function(e){var t=ht();return l("div",{style:{display:"flex",flexDirection:"row"},children:[s(bt,{type:"text",value:e.color,borderRadius:t.allBorderRadius,onChange:e.handleChange}),s("div",{style:{width:10}}),s(ft,{type:"color",value:e.color,onChange:e.handleChange,borderRadius:t.allBorderRadius})]})};yt.propTypes={color:a.string,handleChange:a.func};var xt=function(e){return l(q,{spacing:2,direction:"row",alignItems:"center",style:e.style,children:[e.startElement,s(D,{size:"small","aria-label":"Volume",value:e.value,onChange:e.handleChange}),e.endElement]})};xt.propTypes={startElement:a.element,endElement:a.element,handleChange:a.func};var wt=function(e){return l(S,{variant:"settingsRow",children:[s(Ze,{children:e.settingsLabel}),"checkbox"===e.settingsType&&s(L,Ae({},e)),"text"===e.settingsType&&s(Ye,Ae({},e)),"boolean"===e.settingsType&&s(Xe,Ae({},e)),"range"===e.settingsType&&s(xt,Ae({},e)),"color"===e.settingsType&&s(yt,Ae({},e)),"radio"===e.settingsType&&s($e,Ae({location:"inSettings"},e))]})};wt.propTypes={settingsLabel:a.string,settingsType:a.oneOf(["checkbox","text","radio","boolean","color"])};var Ct=function(e){var t,r="ar"===e.lang,n="";switch(null===(t=e.logo)||void 0===t?void 0:t.toLowerCase()){case"google":n=s("img",{src:"https://upload.wikimedia.org/wikipedia/commons/5/53/Google_%22G%22_Logo.svg"});break;case"github":n=s(N,{});break;case"twitter":n=s(j,{});break;case"mada":n=s("img",{src:"https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/mada.png",height:20});break;case"stcpay":n=s("img",{src:"https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/stc-pay.png",height:20});break;case"visa/master":n=s("img",{src:"https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/visa-master.png",height:30});break;case"paypal":n=s("img",{src:"https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/paypal.png",height:25});break;case"googlepay":n=s("img",{src:"https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/google-pay.png",height:20});break;case"applepay":n=s("img",{src:"https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/apple-pay.png",height:40});break;case"wallet":n=s(z,{})}return l(i,Ae(Ae({style:{direction:r?"rtl":"ltr"}},e),{},{variant:"withLogo",children:[n,s("div",{style:{width:10}}),s(P,{style:{color:"black",fontSize:14,textAlign:"center",letterSpacing:.4,fontFamily:"Roboto",fontWeight:500},children:e.buttonText})]}))};Ct.propTypes={lang:a.string,logo:a.oneOf(["google","github","twitter","wallet","googlepay","applepay","stcpay","visa/master","paypal","mada"]),buttonText:a.string};var Tt=function(e){return s(i,Ae(Ae({},e),{},{children:e.children}))},kt=function(e){return l("div",{style:{width:"100%"},children:[l("div",{style:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center"},children:[s(W,{children:e.label}),e.helperText&&s(P,{variant:"validation",children:e.helperText})]}),s(E,Ae(Ae({},e),{},{children:e.children}))]})},Rt=function(e){return l(p,{severity:e.severity,icon:e.hideIcon,children:[e.title&&s(c,{children:e.title}),e.text]})};Rt.propTypes={severity:a.oneOf(["error","info","success","warning"]),title:a.string,text:a.string,hideIcon:a.bool};var Lt=function(e){var t="ar"===e.lang;return s($,{style:{direction:t?"rtl":"ltr"},children:l(F,{"aria-label":"a dense table",children:[s(V,{children:l(_,{children:[e.columns.map((function(e,r){return s(G,{align:t?"right":"left",style:{fontWeight:700},variant:r>0?t?"borderedRight":"borderedLeft":"body",children:e},r)})),e.actions&&s(G,{align:t?"right":"left",style:{fontWeight:700},variant:t?"borderedRight":"borderedLeft",children:"Actions"})]})}),s(U,{children:e.rows?e.rows.map((function(r,n){return l(_,{children:[r.map((function(e,r){return s(G,{align:t?"right":"left",component:"th",scope:"row",variant:r>0?t?"borderedRight":"borderedLeft":"body",children:e},r)})),e.actions&&s(G,{align:t?"right":"left",style:{fontWeight:700},variant:t?"borderedRight":"borderedLeft",children:e.actions.map((function(t){return s(h,{style:{margin:2},variant:"outlined",size:"small",onClick:function(){return e.handleActionClick(r)},children:t})}))})]},n)})):s(_,{align:"center",children:s(G,{align:"center",component:"th",colSpan:6,children:e.noDataText})})}),e.end&&s(_,{children:e.end.map((function(e,r){return s(G,{align:t?"right":"left",style:{fontWeight:700},component:"th",scope:"row",variant:r>0?t?"borderedRight":"borderedLeft":"body",children:e},r)}))})]})})};Lt.propTypes={handleActionClick:a.func,noDataText:a.string,lang:a.string,columns:a.array,rows:a.array,end:a.array};var St=function(e){return s(Ye,Ae({endAdornment:s(g,{position:"start",children:s(H,{})})},e))},Mt=function(e){return l(X,{elevation:0,children:[s(J,{expandIcon:s(Y,{}),"aria-controls":"panel1a-content",id:"panel1a-header",children:s(P,{children:e.title})}),s(K,{children:l(P,{children:[e.content," "]})})]})};Mt.propTypes={title:a.string,content:a.string};var Pt={display:"flex",flexDirection:"row",flexWrap:"wrap",marginTop:10},Ot=function(e){var t,i,o,a,d=e.texts,u=e.files,c=e.setFiles;e.setDeletedFiles;var p=e.maxFiles,g=e.accept;e.onAcceptedFiles;var b=e.showPreview,y=e.onDeleteFile,x=e.onClearFiles,w=e.maxSize;e.errorMessages;var C=je(r(0),2),T=C[0],R=C[1],L=je(r(0),2),S=L[0],M=L[1],P=ht(),O=Q({multiple:!0,accept:g,maxSize:w,maxFiles:p,onDrop:function(e){c(e.map((function(e,t){return Object.assign(e,{preview:URL.createObjectURL(e)})})))}}),B=O.getRootProps,W=O.getInputProps,I=O.fileRejections,A=O.acceptedFiles,D=O.isDragActive;n((function(){return function(){null==u||u.forEach((function(e){URL.revokeObjectURL(e.preview)}))}}),[u]),n((function(){c(A)}),[A,T]),x=function(){A.length=0,A.splice(0,A.length),c([])},n((function(){if(w>0){var e=Math.floor(Math.log(w)/Math.log(1024));M(parseFloat((w/Math.pow(1024,e)).toFixed(2))+" "+["Bytes","KB","MB","GB","TB","PB","EB","ZB","YB"][e])}}),[w]);var q=I.map((function(e,t){return l("div",{children:[s("div",{children:e.file.name}),s("div",{children:e.errors[0].code})]},t)})),N=null==u?void 0:u.map((function(e,t){return l("div",{style:{position:"relative",margin:10},children:[s(m,{onClick:function(t){t.stopPropagation(),A.splice(A.indexOf(e),1),R(Math.random),y(e)},size:"small",variant:"contained",style:{position:"absolute",top:-10,right:-10,backgroundColor:P.primaryActionColor,color:"white",padding:3},children:s(k,{fontSize:"small"})}),s("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",overflow:"hidden",height:100,width:100,backgroundImage:"url(".concat(e.preview,")"),backgroundSize:"cover",backgroundPosition:"center",border:"1px solid black"}},e.name)]})}));return console.log("error",I),l(v,Ae(Ae({variant:"drop-area"},B({style:{backgroundColor:D&&"white"}})),{},{children:[s("input",Ae({},W())),s(f,{children:"Click here or drop files here to upload"}),l(f,{children:["Max file size is ",S]}),A.length>0&&s(h,{style:{color:"black"},onClick:function(e){e.stopPropagation(),x()},children:"Clear All"}),N&&b?s("aside",{style:Pt,children:N}):null,"too-many-files"===(null===(t=I[0])||void 0===t||null===(i=t.errors[0])||void 0===i?void 0:i.code)?s(Rt,{text:d.tooManyFiles,severity:"error"}):"file-too-large"===(null===(o=I[0])||void 0===o||null===(a=o.errors[0])||void 0===a?void 0:a.code)?s(Rt,{text:d.fileTooLarge,severity:"error"}):q]}))},Bt=function(e){return l(b,{variant:"card",direction:"row",maxWidth:e.maxWidth,style:{paddingLeft:5},children:[s("div",{style:{display:"flex",alignItems:"center",borderRight:"1px solid grey",marginRight:20},children:s(Z,{})}),s("div",{style:{width:"100%"},children:e.children})]})},Wt=["country","onChange","value","onlyContries","preferredCountries","inputProps","required","placeholder","name","label"];function It(e){var t=e.country,r=e.onChange,n=e.value,i=e.onlyContries,o=e.preferredCountries;e.inputProps;var a=e.required,d=e.placeholder,u=e.name,c=e.label,p=qe(e,Wt),m=ht();return l("div",{children:[c&&s(y,{children:e.label}),s(ee,Ae({country:null!=t?t:null,onChange:function(e){return r(e)},value:n,onlyCountries:(null==i?void 0:i.length)>0?i:[],preferredCountries:(null==o?void 0:o.length)>0?o:[],inputProps:{required:null!=a&&a,name:null!=u?u:null},specialLabel:"",placeholder:null!=d?d:"",inputStyle:{width:"100%",borderRadius:m.allBorderRadius}},p))]})}var At=function(e){var t=te(),r=e.inputs,n=t.formState.errors,o=t.handleSubmit,a=t.control;return s(S,{maxWidth:"sm",children:s(re,Ae(Ae({},t),{},{children:l("form",{onSubmit:o(e.handleUpdateProfile),children:[s(ne,{control:a,name:"fullName",render:function(t){var r,i,o=t.field;return s(Ye,Ae({fullWidth:!0,type:"text",value:null!==(r=o.value)&&void 0!==r?r:"",label:e.texts.fullNameLabel,placeholder:e.texts.fullNamePlaceholder,helperText:null===(i=n.fullName)||void 0===i?void 0:i.message},o))}}),s(ne,{control:a,name:"phoneNumber",render:function(e){var t=e.field;return s(Ye,Ae({fullWidth:!0,type:"tel",label:"Phone Number",placeholder:"+966"},t))}}),s(ne,{control:a,name:"email",render:function(t){var r,i,o=t.field;return s(Ye,Ae({fullWidth:!0,type:"text",value:null!==(r=o.value)&&void 0!==r?r:"",label:e.texts.emailLabel,helperText:null===(i=n.email)||void 0===i?void 0:i.message,placeholder:e.texts.emailPlaceholder},o))},rules:{required:e.texts.emailRequiredText,pattern:{value:/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,message:e.texts.emailInvalidText}}}),s(ne,{control:a,name:"password",render:function(t){var r,i,o=t.field;return s(Ye,Ae({fullWidth:!0,type:"password",value:null!==(r=o.value)&&void 0!==r?r:"",label:e.texts.passwordLabel,placeholder:e.texts.passwordPlaceholder,helperText:null===(i=n.password)||void 0===i?void 0:i.message},o))},rules:{required:e.texts.passwordRequiredText}}),s(ne,{control:a,name:"confirmPassword",render:function(t){var r,i,o=t.field;return s(Ye,Ae({fullWidth:!0,type:"password",value:null!==(r=o.value)&&void 0!==r?r:"",label:e.texts.confirmPasswordLabel,placeholder:e.texts.confirmPasswordPlaceholder,helperText:null===(i=n.confirmPassword)||void 0===i?void 0:i.message},o))},rules:{required:e.texts.confirmPasswordRequiredText}}),r.length>0&&r.map((function(e){return"textArea"===e.type?s(ne,{control:a,name:e.name,render:function(t){var r,n,i,o;return t.field,s(Ye,{fullWidth:!0,type:"text",defaultValue:null!==(r=e.defaultValue)&&void 0!==r?r:null,label:null!==(n=e.label)&&void 0!==n?n:null,placeholder:null!==(i=e.placeHolder)&&void 0!==i?i:null,rules:null!==(o=e.rules)&&void 0!==o?o:null})}}):s(ne,{control:a,name:e.name,render:function(t){var r,n,i,o;return t.field,s(Ye,{fullWidth:!0,type:e.type,defaultValue:null!==(r=e.defaultValue)&&void 0!==r?r:null,label:null!==(n=e.label)&&void 0!==n?n:null,placeholder:null!==(i=e.placeHolder)&&void 0!==i?i:null,rules:null!==(o=e.rules)&&void 0!==o?o:null})}})})),s(i,{type:"submit",fullWidth:!0,variant:"last",children:e.texts.updateProfile})]})}))})},Dt=function(e){return l(S,{maxWidth:"sm",children:[e.children,s(i,{type:"submit",fullWidth:!0,variant:"last",onClick:e.handleSaveSettings,children:e.saveSettingsText})]})},qt=function(e){var t=je(r(!1),2),n=t[0],o=t[1],a=te(),d=a.formState.errors,u=a.handleSubmit,c=a.control;return l(S,{maxWidth:"xs",variant:"auth",children:[n&&s(Rt,{text:e.texts.passwordMatchError,severity:"error"}),e.passwordChanged?s(Ze,{style:{textAlign:"center",margin:5},children:e.texts.passwordChanged}):s(re,Ae(Ae({},a),{},{children:l("form",{onSubmit:u((function(t){console.log("handling subb",t),t.password===t.confirmPassword?e.handleNewPassword():o(!0)})),children:[s(ne,{control:c,name:"password",render:function(t){var r,n,i=t.field;return s(Ye,Ae({fullWidth:!0,type:"password",value:null!==(r=i.value)&&void 0!==r?r:"",label:e.texts.passwordLabel,placeholder:e.texts.passwordPlaceholder,helperText:null===(n=d.password)||void 0===n?void 0:n.message,startAdornment:s(ie,{position:"start",children:s(oe,{})})},i))},rules:{required:e.texts.passwordRequiredText}}),s(ne,{control:c,name:"confirmPassword",render:function(t){var r,n,i=t.field;return s(Ye,Ae({fullWidth:!0,type:"password",value:null!==(r=i.value)&&void 0!==r?r:"",label:e.texts.confirmPasswordLabel,placeholder:e.texts.confirmPasswordPlaceholder,helperText:null===(n=d.confirmPassword)||void 0===n?void 0:n.message,startAdornment:s(ie,{position:"start",children:s(oe,{})})},i))},rules:{required:e.texts.confirmPasswordRequiredText}}),s(i,{type:"submit",fullWidth:!0,variant:"last",children:e.texts.updatePassword})]})}))]})};qt.propTypes={texts:a.shape({emailLabel:a.string,emailPlaceholder:a.string,emailRequiredText:a.string,passwordPlaceholder:a.string,updatePassword:a.string,passwordRequiredText:a.string,passwordLabel:a.string,confirmPasswordPlaceholder:a.string,confirmPasswordLabel:a.string,confirmPasswordRequiredText:a.string,passwordMatchError:a.string,forgotPasswordText:a.string,passwordChanged:a.string}),passwordChanged:a.bool,handleNewPassword:a.func};var Nt=function(e){var t=te(),r=t.formState.errors,n=t.handleSubmit;t.register;var o=t.control;return s(S,{maxWidth:"xs",variant:"auth",children:e.sent?s(Ze,{style:{textAlign:"center",margin:5},children:e.texts.emailSentText}):l("form",{onSubmit:n(e.handleResetPassword),children:[s(ne,{control:o,name:"email",render:function(t){var n,i,o=t.field;return s(Ye,Ae({fullWidth:!0,type:"text",value:null!==(n=o.value)&&void 0!==n?n:"",label:e.texts.emailLabel,helperText:null===(i=r.email)||void 0===i?void 0:i.message,placeholder:e.texts.emailPlaceholder,startAdornment:s(ie,{position:"start",children:s(ae,{})})},o))},rules:{required:e.texts.emailRequiredText,pattern:{value:/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,message:e.texts.emailInvalidText}}}),s(i,{type:"submit",fullWidth:!0,variant:"last",children:e.texts.resetPassword})]})})};Nt.propTypes={texts:a.shape({emailLabel:a.string,emailPlaceholder:a.string,emailRequiredText:a.string,emailInvalidText:a.string,emailSentText:a.string,resetPassword:a.string}),sent:a.bool,handleResetPassword:a.func};var jt=function(e){var t=te(),r=t.formState.errors,n=t.handleSubmit,o=t.control;return l(S,{maxWidth:"xs",variant:"auth",style:{direction:"ar"===e.lang?"rtl":"ltr"},children:[e.showError&&s(Rt,{title:e.errorTitle,text:e.errorText,severity:"error"}),s(re,Ae(Ae({},t),{},{children:l("form",{onSubmit:n(e.handleSignUp),children:[s(ne,{control:o,name:"fullName",render:function(t){var n,i,o=t.field;return s(Ye,Ae({fullWidth:!0,type:"text",value:null!==(n=o.value)&&void 0!==n?n:"",label:e.texts.fullNameLabel,placeholder:e.texts.fullNamePlaceholder,helperText:null===(i=r.fullName)||void 0===i?void 0:i.message,startAdornment:s(ie,{position:"start",children:s(le,{})})},o))},rules:{required:e.texts.fullNameRequiredText}}),s(ne,{control:o,name:"email",render:function(t){var n,i,o=t.field;return s(Ye,Ae({fullWidth:!0,type:"text",value:null!==(n=o.value)&&void 0!==n?n:"",label:e.texts.emailLabel,helperText:null===(i=r.email)||void 0===i?void 0:i.message,placeholder:e.texts.emailPlaceholder,startAdornment:s(ie,{position:"start",children:s(ae,{})})},o))},rules:{required:e.texts.emailRequiredText,pattern:{value:/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,message:e.texts.emailInvalidText}}}),s(ne,{control:o,name:"password",render:function(t){var n,i,o,a=t.field;return s(Ye,Ae({fullWidth:!0,type:"password",defaultValue:null!==(n=a.value)&&void 0!==n?n:"",value:null!==(i=a.value)&&void 0!==i?i:"",label:e.texts.passwordLabel,placeholder:e.texts.passwordPlaceholder,helperText:null===(o=r.password)||void 0===o?void 0:o.message,startAdornment:s(ie,{position:"start",children:s(oe,{})})},a))},rules:{required:e.texts.passwordRequiredText}}),s(i,{fullWidth:!0,variant:"last",type:"submit",children:e.texts.signUpText})]})})),l(P,{variant:"subtitle2",style:{marginTop:5,textAlign:"center",padding:5},children:[e.texts.existingUserText," ",s("span",{onClick:e.handleRouteToSignIn,style:{cursor:"pointer",color:"blue",textAlign:"center"},children:e.texts.signInText})]}),s(se,{}),l("div",{style:{display:"flex",flexDirection:"column"},children:[e.viaGoogle&&s(Ct,{logo:"google",buttonText:e.texts.googleButtonLabel,onClick:e.handleGoogleSignUp}),e.viaGithub&&s(Ct,{logo:"github",buttonText:e.texts.githubButtonLabel,onClick:e.handleGithubSignUp}),e.viaTwitter&&s(Ct,{logo:"twitter",buttonText:e.texts.twitterButtonLabel,onClick:e.handleTwitterSignUp})]})]})};jt.propTypes={texts:a.shape({fullNameLabel:a.string,fullNamePlaceholder:a.string,fullNameRequiredText:a.string,emailLabel:a.string,emailPlaceholder:a.string,emailRequiredText:a.string,emailInvalidText:a.string,passwordLabel:a.string,passwordPlaceholder:a.string,passwordRequiredText:a.string,passwordTooShortText:a.string,forgotPasswordText:a.string,newUserText:a.string,signUpText:a.string,signInText:a.string,existingUserText:a.string,googleButtonLabel:a.string,githubButtonLabel:a.string,twitterButtonLabel:a.string}),viaGoogle:a.bool,viaGithub:a.bool,viaTwitter:a.bool,handleSignUp:a.func,handleRouteToSignIn:a.func,handleGoogleSignUp:a.func,handleGithubSignUp:a.func,handleTwitterSignUp:a.func};var zt=function(e){var t=te(),r=t.formState.errors,n=t.handleSubmit,o=t.control;return l(S,{variant:"auth",maxWidth:"sm",style:{direction:"ar"===e.lang?"rtl":"ltr"},children:[e.showError&&s(Rt,{title:e.errorTitle,text:e.errorText,severity:"error"}),l("form",{onSubmit:n(e.handleSignIn),children:[s(ne,{control:o,name:"email",render:function(t){var n,i,o=t.field;return s(Ye,Ae({fullWidth:!0,type:"text",value:null!==(n=o.value)&&void 0!==n?n:"",label:e.texts.emailLabel,helperText:null===(i=r.email)||void 0===i?void 0:i.message,placeholder:e.texts.emailPlaceholder,startAdornment:s(ie,{position:"start",children:s(ae,{})})},o))},rules:{required:e.texts.emailRequiredText,pattern:{value:/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,message:e.texts.emailInvalidText}}}),s(ne,{control:o,name:"password",render:function(t){var n,i,o,a=t.field;return s(Ye,Ae({fullWidth:!0,type:"password",defaultValue:null!==(n=a.value)&&void 0!==n?n:"",value:null!==(i=a.value)&&void 0!==i?i:"",label:e.texts.passwordLabel,placeholder:e.texts.passwordPlaceholder,helperText:null===(o=r.password)||void 0===o?void 0:o.message,startAdornment:s(ie,{position:"start",children:s(oe,{})})},a))},rules:{required:e.texts.passwordRequiredText}}),s(P,{style:{cursor:"pointer",marginTop:5,width:"max-content",fontSize:15,padding:5},onClick:e.handleForgotPassword,children:e.texts.forgotPasswordText}),s(i,{type:"submit",fullWidth:!0,variant:"last",children:e.texts.signInText})]}),l(P,{variant:"subtitle2",style:{marginTop:5,textAlign:"center",padding:5},children:[e.texts.newUserText," ",s("span",{onClick:e.handleRouteToSignUp,style:{cursor:"pointer",color:"blue",textAlign:"center"},children:e.texts.signUpText})]}),s(se,{}),l("div",{style:{display:"flex",flexDirection:"column"},children:[e.viaGoogle&&s(Ct,{logo:"google",buttonText:e.texts.googleButtonLabel,onClick:e.handleGoogleSignIn}),e.viaGithub&&s(Ct,{logo:"github",buttonText:e.texts.githubButtonLabel,onClick:e.handleGithubSignIn}),e.viaTwitter&&s(Ct,{logo:"twitter",buttonText:e.texts.twitterButtonLabel,onClick:e.handleTwitterSignIn})]})]})};zt.propTypes={texts:a.shape({emailLabel:a.string,emailPlaceholder:a.string,emailRequiredText:a.string,emailInvalidText:a.string,passwordLabel:a.string,passwordPlaceholder:a.string,passwordRequiredText:a.string,forgotPasswordText:a.string,newUserText:a.string,signUpText:a.string,signInText:a.string,googleButtonLabel:a.string,githubButtonLabel:a.string,twitterButtonLabel:a.string}),viaGoogle:a.bool,viaGithub:a.bool,viaTwitter:a.bool,handleSignIn:a.func,handleRouteToSignUp:a.func,handleGoogleSignIn:a.func,handleGithubSignIn:a.func,handleTwitterSignIn:a.func};var Et=function(e){var t=te(),r=t.formState.errors,n=t.handleSubmit,o=t.control;return l(S,{maxWidth:"xs",variant:"auth",style:{direction:"ar"===e.lang?"rtl":"ltr"},children:[e.showError&&s(Rt,{title:e.errorTitle,text:e.errorText,severity:"error"}),l("form",{onSubmit:n(e.handleSignIn),children:[s(ne,{control:o,name:"code",render:function(t){var n,i,o=t.field;return s(Ye,Ae({fullWidth:!0,type:"number",value:null!==(n=o.value)&&void 0!==n?n:"",label:e.texts.codeLabel,helperText:null===(i=r.email)||void 0===i?void 0:i.message,placeholder:e.texts.codePlaceholder},o))},rules:{required:e.texts.codeRequiredText}}),s(i,{type:"submit",fullWidth:!0,variant:"last",children:e.texts.confirmText})]})]})};Et.propTypes={texts:a.shape({emailLabel:a.string,emailPlaceholder:a.string,emailRequiredText:a.string,emailInvalidText:a.string,passwordLabel:a.string,passwordPlaceholder:a.string,passwordRequiredText:a.string,forgotPasswordText:a.string,newUserText:a.string,signUpText:a.string,confirmText:a.string,googleButtonLabel:a.string,githubButtonLabel:a.string,twitterButtonLabel:a.string}),viaGoogle:a.bool,viaGithub:a.bool,viaTwitter:a.bool,handleSignIn:a.func,handleRouteToSignUp:a.func,handleGoogleSignIn:a.func,handleGithubSignIn:a.func,handleTwitterSignIn:a.func};var Ft=function(e){var t=je(r(""),2);t[0];var n=t[1],i=te();i.formState.errors;var o=i.handleSubmit,a=i.control;return s(v,{maxWidth:"xs",variant:"auth",style:{direction:"ar"===e.lang?"rtl":"ltr"},children:l("form",{onSubmit:o(e.onSubmit),children:[s(ne,{control:a,name:"phone",render:function(t){var r,i,o,a=t.field;return s(It,Ae({country:null!==(r=e.country)&&void 0!==r?r:"",label:null!==(i=e.label)&&void 0!==i?i:"",onChange:function(t){e.onChange(t),n(t)},value:null!==(o=e.value)&&void 0!==o?o:e.value},a))}}),s(h,{fullWidth:!0,type:"submit",variant:"last",children:e.SignInButtonText})]})})},Ut=function(e){return l(S,{maxWidth:"xs",children:[s(Ze,{align:"center",children:"Choose Payment Method"}),e.viaWallet&&s(Ct,{logo:"wallet",buttonText:e.walletLabel,onClick:e.handleWallet}),e.viaCreditCard&&s(Ct,{logo:"visa/master",buttonText:e.visaMasterLabel,onClick:e.handleCreditCard}),e.viaMada&&s(Ct,{logo:"mada",buttonText:e.madaLabel,onClick:e.handleMada}),e.viaSTCPay&&s(Ct,{logo:"stcpay",buttonText:e.stcPayLabel,onClick:e.handleSTCPay}),e.viaPayPal&&s(Ct,{logo:"paypal",buttonText:e.paypalLabel,onClick:e.handlePayPal}),e.viaGooglePay&&s(Ct,{logo:"googlepay",buttonText:e.googlePayLabel,onClick:e.handleGooglePay}),e.viaApplePay&&s(Ct,{logo:"applepay",buttonText:e.applePayLabel,onClick:e.handleApplePay})]})};Ut.propTypes={viaMada:a.bool,viaWallet:a.bool,viaSTCPay:a.bool,viaPayPal:a.bool,viaApplePay:a.bool,viaCreditCard:a.bool,madaLabel:a.string,stcPayLabel:a.string,paypalLabel:a.string,walletLabel:a.string,applePayLabel:a.string,visaMasterLabel:a.string,handleMada:a.func,handleWallet:a.func,handleSTCPay:a.func,handlePayPal:a.func,handleApplePay:a.func,handleCreditCard:a.func};var Gt=function(e){var t,r=te(),n=r.formState.errors,o=r.handleSubmit,a=r.control;return s(S,{maxWidth:"xs",children:l("form",{onSubmit:o(e.handle),children:[s(Ye,{fullWidth:!0,name:"password",placeholder:"Enter password",type:"tel",label:"Card Number",rules:{required:"Password is rquired"},helperText:null===(t=n.password)||void 0===t?void 0:t.message}),s(ne,{control:a,name:"cardName",render:function(e){var t;return e.field,s(Ye,{fullWidth:!0,name:"password",placeholder:"Enter password",type:"password",label:"Name On Card",rules:{required:"Password is rquired"},helperText:null===(t=n.password)||void 0===t?void 0:t.message})}}),s(ne,{control:a,name:"cardName",render:function(e){var t;return e.field,s(Ye,{fullWidth:!0,name:"password",placeholder:"Enter password",type:"password",label:"Expiry Date",rules:{required:"Password is rquired"},helperText:null===(t=n.password)||void 0===t?void 0:t.message})}}),s(ne,{control:a,name:"cardName",render:function(e){var t;return e.field,s(Ye,{fullWidth:!0,name:"password",placeholder:"Enter password",type:"password",label:"CCV",rules:{required:"Password is rquired"},helperText:null===(t=n.password)||void 0===t?void 0:t.message})}}),s(i,{type:"submit",fullWidth:!0,variant:"last",onClick:e.handlePayWithCreditCard,children:"Pay with Credit Card"})]})})},$t=function(e){var t=je(r(0),2),n=t[0],o=t[1],a=te(),d=a.formState.errors,u=a.handleSubmit,c=a.control;return l(S,{maxWidth:"xs",children:[l(P,{align:"center",variant:"h2",fontWeight:500,style:{marginBottom:20},children:[Number(n).toLocaleString("en")||"0",s(P,{children:e.currency||"SAR"})]}),s(re,Ae(Ae({},a),{},{children:l("form",{onSubmit:u(e.handleChargeWallet),children:[s(ne,{control:c,name:"amount",render:function(t){var r,n,i=t.field;return s(Ye,Ae(Ae({fullWidth:!0,placeholder:e.texts.amountLabel,type:"number",value:null!==(r=i.value)&&void 0!==r?r:""},i),{},{inputProps:{inputMode:"numeric",min:"1",max:"9999999",step:"0.01"},onChange:function(e){i.onChange(parseFloat(e.target.value)),o(e.target.value)},helperText:null===(n=d.amount)||void 0===n?void 0:n.message}))},rules:{required:e.texts.amountRequired}}),s(i,{type:"submit",fullWidth:!0,variant:"last",children:e.texts.chargeWallet})]})}))]})};$t.propTypes={texts:a.shape({amountLabel:a.string,chargeWallet:a.string,amountRequired:a.string}),handleChargeWallet:a.func,currency:a.string};var Vt=function(e){return l(S,{maxWidth:"xs",children:[s(P,{align:"center",children:"Wallet Balance"}),l(P,{align:"center",variant:"h1",children:[e.walletBalance||"0",s(P,{children:e.currency||"SAR"})]}),s(i,{type:"submit",fullWidth:!0,variant:"last",onClick:e.handlePayWithWallet,children:"Pay Now"})]})},_t=function(e){var t,r,n,o,a,d,u,c,p,m,h="ar"===e.lang,g=te(),v=g.formState.errors,f=g.handleSubmit;g.register;var b=g.control,y={display:"flex",padding:0,paddingRight:"0px !important",paddingLeft:"0px !important",flexDirection:{xs:"column",sm:"row",md:"row",lg:"row",xl:"row"}};return l(S,{maxWidth:"sm",style:{direction:h?"rtl":"ltr"},children:[s(P,{align:"center",variant:"h5",fontWeight:500,style:{marginBottom:10},children:e.texts.orderDetails}),s(Lt,{lang:e.lang,columns:["Product","Price"],rows:e.products,end:["Total",e.total]}),s(se,{variant:"middle"}),s(P,{align:"center",variant:"h5",fontWeight:500,style:{marginBottom:10},children:e.texts.billingAddress}),s(re,Ae(Ae({},g),{},{children:l("form",{onSubmit:f(e.handlePayNow),children:[l(S,{sx:y,children:[s(ne,{control:b,name:"firstName",rules:{required:null===(t=e.texts)||void 0===t?void 0:t.required},render:function(t){var r,n,i,o=t.field;return s(Ye,Ae({inForm:!0,fullWidth:!0,type:"text",value:null!==(r=o.value)&&void 0!==r?r:"",label:(null===(n=e.texts)||void 0===n?void 0:n.firstNameLabel)+" *",helperText:null===(i=v.firstName)||void 0===i?void 0:i.message},o))}}),s("div",{style:{width:20}}),s(ne,{control:b,name:"lastName",rules:{required:null===(r=e.texts)||void 0===r?void 0:r.required},render:function(t){var r,n,i,o=t.field;return s(Ye,Ae({inForm:!0,fullWidth:!0,type:"text",value:null!==(r=o.value)&&void 0!==r?r:"",label:(null===(n=e.texts)||void 0===n?void 0:n.lastNameLabel)+" *",helperText:null===(i=v.lastName)||void 0===i?void 0:i.message},o))}})]}),s(ne,{control:b,name:"email",render:function(t){var r,n,i,o=t.field;return s(Ye,Ae({inForm:!0,fullWidth:!0,type:"text",value:null!==(r=o.value)&&void 0!==r?r:"",label:(null===(n=e.texts)||void 0===n?void 0:n.emailLabel)+" *",helperText:null===(i=v.email)||void 0===i?void 0:i.message},o))},rules:{required:null===(n=e.texts)||void 0===n?void 0:n.emailRequiredText,pattern:{value:/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,message:null===(o=e.texts)||void 0===o?void 0:o.emailInvalidText}}}),l(S,{sx:y,children:[s(ne,{control:b,name:"streetAddress",rules:{required:null===(a=e.texts)||void 0===a?void 0:a.required},render:function(t){var r,n,i,o=t.field;return s(Ye,Ae({inForm:!0,fullWidth:!0,type:"text",value:null!==(r=o.value)&&void 0!==r?r:"",label:(null===(n=e.texts)||void 0===n?void 0:n.streetAddressLabel)+" *",helperText:null===(i=v.streetAddress)||void 0===i?void 0:i.message},o))}}),s("div",{style:{width:20}}),s(ne,{control:b,name:"buildingNumber",rules:{required:null===(d=e.texts)||void 0===d?void 0:d.required},render:function(t){var r,n,i,o=t.field;return s(Ye,Ae({inForm:!0,fullWidth:!0,type:"text",value:null!==(r=o.value)&&void 0!==r?r:"",label:(null===(n=e.texts)||void 0===n?void 0:n.buildingNumberLabel)+" *",helperText:null===(i=v.buildingNumber)||void 0===i?void 0:i.message},o))}})]}),l(S,{sx:y,children:[s(ne,{control:b,name:"province",rules:{required:null===(u=e.texts)||void 0===u?void 0:u.required},render:function(t){var r,n,i,o=t.field;return s(Ye,Ae({inForm:!0,fullWidth:!0,type:"text",value:null!==(r=o.value)&&void 0!==r?r:"",label:(null===(n=e.texts)||void 0===n?void 0:n.stateLabel)+" *",helperText:null===(i=v.province)||void 0===i?void 0:i.message},o))}}),s("div",{style:{width:20}}),s(ne,{control:b,name:"city",rules:{required:null===(c=e.texts)||void 0===c?void 0:c.required},render:function(t){var r,n,i,o=t.field;return s(Ye,Ae({inForm:!0,fullWidth:!0,type:"text",value:null!==(r=o.value)&&void 0!==r?r:"",label:(null===(n=e.texts)||void 0===n?void 0:n.cityLabel)+" *",helperText:null===(i=v.city)||void 0===i?void 0:i.message},o))}})]}),l(S,{sx:y,children:[s(ne,{control:b,name:"zipCode",rules:{required:null===(p=e.texts)||void 0===p?void 0:p.required},render:function(t){var r,n,i,o=t.field;return s(Ye,Ae({inForm:!0,fullWidth:!0,type:"number",variant:"unscrollable",value:null!==(r=o.value)&&void 0!==r?r:"",label:(null===(n=e.texts)||void 0===n?void 0:n.zipCodeLabel)+" *",helperText:null===(i=v.zipCode)||void 0===i?void 0:i.message},o))}}),s("div",{style:{width:20}}),s(ne,{control:b,name:"country",rules:{required:null===(m=e.texts)||void 0===m?void 0:m.required},render:function(t){var r,n,i,o=t.field;return l(kt,Ae(Ae({fullWidth:!0,native:!0,label:(null===(r=e.texts)||void 0===r?void 0:r.countryLabel)+" *",variant:"standard",value:null!==(n=o.value)&&void 0!==n?n:"",helperText:null===(i=v.country)||void 0===i?void 0:i.message,displayEmpty:!0,disableUnderline:!0,validators:["required"]},o),{},{children:[s("option",{}),e.countriesList.map((function(e,t){return s("option",{children:e},t)}))]}))}})]}),s(i,{type:"submit",fullWidth:!0,variant:"last",children:e.texts.payNow})]})}))]})};_t.propTypes={texts:a.shape({orderDetails:a.string,billingAddress:a.string,payNow:a.string,emailLabel:a.string,emailRequiredText:a.string,emailInvalidText:a.string,firstNameLabel:a.string,required:a.string,lastNameLabel:a.string,streetAddressLabel:a.string,buildingNumberLabel:a.string,cityLabel:a.string,stateLabel:a.string,countryLabel:a.string,zipCodeLabel:a.string}),lang:a.string,countriesList:a.array,products:a.array,total:a.string,handlePayNow:a.func};var Ht=function(e){var t="ar"===e.lang;return l("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:[l(S,{maxWidth:"sm",style:{direction:t?"rtl":"ltr"},children:[s(P,{align:"center",variant:"h3",fontWeight:400,style:{marginBottom:10},children:e.confirmationTitle}),s(se,{variant:"middle"}),l(P,{align:"center",variant:"body1",style:{marginBottom:10},children:[e.texts.successMessage," ",s("strong",{children:e.userEmail})]}),s(P,{align:"center",variant:"body1",children:e.texts.yourOrderNumber}),s(P,{align:"center",variant:"body1",fontWeight:700,style:{marginBottom:10},children:e.orderNumber}),s(se,{variant:"middle"}),e.products&&l(d,{children:[s(P,{align:"center",variant:"h5",fontWeight:500,style:{marginBottom:10},children:e.texts.orderDetails}),s(Lt,{lang:e.lang,columns:["Product","Price"],rows:e.products,end:["Total",e.total]}),s(se,{variant:"middle"})]}),s(i,{onClick:e.handlePrint,variant:"contained",children:e.texts.print}),s(i,{onClick:e.handleHistory,variant:"last",children:e.texts.history}),s(i,{onClick:e.handleHome,variant:"last",children:e.texts.homePage}),s(P,{align:"center",variant:"body2",style:{marginTop:10},children:e.texts.fasterPaymentNote})]}),s("a",{style:{marginTop:10,paddingTop:10,padding:5,cursor:"pointer"},onClick:e.handleRefundPolicyLink,children:s(P,{align:"center",variant:"caption",fontWeight:500,children:e.texts.refundPolicy})})]})};Ht.propTypes={texts:a.shape({print:a.string,history:a.string,homePage:a.string,successMessage:a.string,orderDetails:a.string,fasterPaymentNote:a.string,billingAddress:a.string,payNow:a.string,yourOrderNumber:a.string,emailLabel:a.string,emailRequiredText:a.string,emailInvalidText:a.string,firstNameLabel:a.string,required:a.string,lastNameLabel:a.string,streetAddressLabel:a.string,buildingNumberLabel:a.string,cityLabel:a.string,stateLabel:a.string,countryLabel:a.string,zipCodeLabel:a.string,refundPolicy:a.string}),products:a.array,countriesList:a.array,lang:a.string,total:a.string,userEmail:a.string,orderNumber:a.string,confirmationTitle:a.string,handleHome:a.func,handlePrint:a.func,handleHistory:a.func,handleRefundPolicyLink:a.func};var Zt=function(e){var t=je(r("sar"),2),n=t[0],i=t[1],o=je(r("monthly"),2),a=o[0],d=o[1];return l(S,{style:{width:"fit-content"},variant:"plain",children:[l("div",{style:{display:"flex",flexDirection:"row",justifyContent:"space-between",marginBottom:10},children:[s($e,{location:"inPricing",handleChange:function(e){return d(e)},defaultValue:"monthly",options:[{label:"Monthly",value:"monthly"},{label:"3 Months",value:"3-months"},{label:"6 Months",value:"6-months"},{label:"Annually",value:"annually"}]}),s($e,{location:"inPricing",handleChange:function(e){i(e)},defaultValue:"sar",options:[{label:"USD",value:"usd"},{label:"SAR",value:"sar"}]})]}),s(S,{variant:"pricing",children:e.plans.map((function(t){return s(He,Ae(Ae({lang:e.lang},t),{},{currency:n,cycleText:a}))}))})]})};Zt.propTypes={plans:a.arrayOf(a.shape({title:a.string,title_ar:a.string,subtitle:a.string,subtitle_ar:a.string,price:a.number,currency:a.string,cycleText:a.string,buttonText:a.string,features:a.array,features_ar:a.array,selectedPlan:a.bool})),lang:a.string};var Yt=function(e){return s("div",{children:e.children})},Xt=de("main",{shouldForwardProp:function(e){return"open"!==e}})((function(e){var t=e.theme,r=e.open,n=e.direction;return Ae({flexGrow:1,padding:t.spacing(3),transition:t.transitions.create("margin",{easing:t.transitions.easing.sharp,duration:t.transitions.duration.leavingScreen}),marginLeft:"rtl"===n?0:"-".concat(240,"px"),marginRight:"rtl"===n?"-".concat(240,"px"):0},r&&{transition:t.transitions.create("margin",{easing:t.transitions.easing.easeOut,duration:t.transitions.duration.enteringScreen}),marginLeft:"ltr"===n&&0,marginRight:"rtl"===n&&0})})),Jt=de(he,{shouldForwardProp:function(e){return"open"!==e}})((function(e){var t=e.theme,r=e.open,n=e.direction;return Ae({transition:t.transitions.create(["margin","width"],{easing:t.transitions.easing.sharp,duration:t.transitions.duration.leavingScreen})},r&&{width:"calc(100% - ".concat(240,"px)"),marginLeft:"rtl"===n?0:"".concat(240,"px"),marginRight:"rtl"===n?"".concat(240,"px"):0,transition:t.transitions.create(["margin","width"],{easing:t.transitions.easing.easeOut,duration:t.transitions.duration.enteringScreen})})})),Kt=de("div")((function(e){var t=e.theme;return Ae(Ae({display:"flex",alignItems:"center",padding:t.spacing(0,1)},t.mixins.toolbar),{},{justifyContent:"flex-end"})})),Qt=function(t){var r=ue(),n=je(e.useState(!1),2),i=n[0],o=n[1],a="ar"===t.lang,u=function(){o(!0)},c=function(){o(!1)};return l(ce,{sx:{display:"flex"},children:[s(me,{}),s(Jt,{position:"fixed",open:i,direction:a?"rtl":"ltr",style:{alignItems:a?"flex-end":"flex-start",justifyContent:"center"},children:s(ge,{children:l(d,a?{children:[s(P,{variant:"h6",noWrap:!0,component:"div",children:"Persistent drawer"}),s(fe,{color:"inherit","aria-label":"open drawer",onClick:u,edge:a?"end":"start",sx:Ae({mr:2},i&&{display:"none"}),children:s(be,{})})]}:{children:[s(fe,{color:"inherit","aria-label":"open drawer",onClick:u,edge:a?"end":"start",sx:Ae({marginRight:a?0:2,marginLeft:a?2:0},i&&{display:"none"}),children:s(be,{})}),s(P,{variant:"h6",noWrap:!0,component:"div",children:"Persistent drawer"})]})})}),l(d,a?{children:[l(Xt,{open:i,direction:a?"rtl":"ltr",children:[s(Kt,{}),t.children]}),l(pe,{sx:{width:240,flexShrink:0,"& .MuiDrawer-paper":{width:240,boxSizing:"border-box"}},variant:"persistent",anchor:a?"right":"left",open:i,children:[s(Kt,{children:s(fe,{onClick:c,children:"ltr"===r.direction?s(ye,{}):s(xe,{})})}),s(se,{}),s(ve,{children:["Inbox","Starred","Send email","Drafts"].map((function(e,t){return l(we,{button:!0,children:[s(Ce,{children:s(t%2==0?ke:Re,{})}),s(Te,{primary:e})]},e)}))}),s(se,{}),s(ve,{children:["All mail","Trash","Spam"].map((function(e,t){return l(we,{button:!0,children:[s(Ce,{children:s(t%2==0?ke:Re,{})}),s(Te,{primary:e})]},e)}))})]})]}:{children:[l(pe,{sx:{width:240,flexShrink:0,"& .MuiDrawer-paper":{width:240,boxSizing:"border-box"}},variant:"persistent",anchor:a?"right":"left",open:i,children:[s(Kt,{children:s(fe,{onClick:c,children:"ltr"===r.direction?s(ye,{}):s(xe,{})})}),s(se,{}),s(ve,{children:["Inbox","Starred","Send email","Drafts"].map((function(e,t){return l(we,{button:!0,children:[s(Ce,{children:s(t%2==0?ke:Re,{})}),s(Te,{primary:e})]},e)}))}),s(se,{}),s(ve,{children:["All mail","Trash","Spam"].map((function(e,t){return l(we,{button:!0,children:[s(Ce,{children:s(t%2==0?ke:Re,{})}),s(Te,{primary:e})]},e)}))})]}),l(Xt,{open:i,direction:a?"rtl":"ltr",children:[s(Kt,{}),t.children]})]})]})},er=["children","onClose","hideClose"],tr=function(e){var t=e.children,r=e.onClose,n=e.hideClose,i=qe(e,er);return l(Pe,Ae(Ae({sx:{m:0,p:2}},i),{},{children:[t,n?null:s(fe,{"aria-label":"close",onClick:r,sx:{position:"absolute",right:8,top:8,color:function(e){return e.palette.grey[500]}},children:s(k,{})})]}))};function rr(e){var t=je(r(!1),2);return t[0],t[1],l(Le,Ae(Ae({},e),{},{variant:"main",children:[s(tr,{onClose:e.onClose,hideClose:e.hideClose,children:e.title}),s(Me,{children:e.children}),s(Se,{children:e.actions})]}))}var nr=function(e){var t=x();return s(Be,{sx:{mt:"45px"},id:"menu-appbar",anchorEl:e.anchor,anchorOrigin:{vertical:"top",horizontal:"right"},keepMounted:!0,transformOrigin:{vertical:"top",horizontal:"right"},open:Boolean(e.anchor),onClose:e.handleClose,variant:"themed",PaperProps:{style:{boxShadow:"none",borderRadius:t.allBorderRadius,border:"1px solid ".concat(t.primaryActionColor)}},children:e.menuItems.map((function(e){return l(We,{onClick:e.action,children:[e.icon&&s(e.icon,{}),e.icon&&s("div",{style:{width:10}}),s(P,{textAlign:"center",children:e.label})]},e.label)}))})};nr.propTypes={anchor:a.any,handleClose:a.func,menuItems:a.arrayOf(a.shape({icon:a.element,label:a.string,action:a.func}))};var ir=function(e){x();var r=je(t.useState(null),2),n=r[0],a=r[1],d=je(t.useState(null),2),u=d[0],c=d[1],p=function(){return a(null)};return s(he,{position:"static",variant:"appbar",children:s(S,{variant:"appbar",children:l(ge,{disableGutters:!0,children:[s(ce,{sx:{flexGrow:1,display:{xs:"none",md:"flex"}},children:e.logo}),l(ce,{sx:{flexGrow:1,display:{xs:"flex",md:"none"}},children:[s(fe,{size:"large","aria-label":"account of current user","aria-controls":"menu-appbar","aria-haspopup":"true",onClick:function(e){return a(e.currentTarget)},color:"inherit",children:s(be,{})}),s(nr,{anchor:n,handleClose:p,menuItems:e.pages})]}),s(ce,{sx:{flexGrow:1,display:{xs:"flex",md:"none"}},children:e.logo}),s(ce,{sx:{flexGrow:1,display:{xs:"none",md:"flex"}},children:e.pages.map((function(e){return s(i,{onClick:p,sx:{my:2,display:"block"},children:e.label},e)}))}),l(ce,{sx:{flexGrow:0},children:[s(o,{title:"Open settings",children:s(fe,{onClick:function(e){return c(e.currentTarget)},sx:{p:0},children:s(Oe,{alt:"Remy Sharp",src:"/static/images/avatar/2.jpg"})})}),s(nr,{anchor:u,handleClose:function(e){return c(null)},menuItems:e.accountMenu})]})]})})})};ir.propTypes={pages:a.arrayOf(a.shape({icon:a.element,label:a.string,action:a.func})),accountMenu:a.arrayOf(a.shape({icon:a.element,label:a.string,action:a.func}))};var or=function(e){var r=je(t.useState(null),2),n=r[0],i=r[1];return l(v,Ae(Ae({variant:"page-controls"},e),{},{style:{display:"flex",flexDirection:"row",justifyContent:"space-between"},children:[s(h,{variant:"layout",onClick:e.backAction,children:e.backText}),s(b,{direction:"row",spacing:1,sx:{display:{xs:"none",md:"flex"}},children:e.actionButtons.map((function(e){return s(h,{variant:"layout",children:e.label})}))}),l(b,{direction:"row",spacing:1,sx:{display:{xs:"flex",md:"none"}},children:[s(h,{variant:"layout",onClick:function(e){return i(e.currentTarget)},children:s(be,{})}),s(nr,{handleClose:function(e){return i(null)},anchor:n,menuItems:e.actionButtons})]})]}))};or.propTypes={backText:a.string,backAction:a.func,actionButtons:a.arrayOf(a.shape({label:a.string,action:a.func}))};var ar=function(e,t){var r=e.borderRadius;e.dangerColor;var n=e.actionColor,i=e.actionTextColor,o=e.layoutColor,a=e.font;return console.log("achra achraf",t),w({allBorderRadius:e.borderRadius,primaryDangerColor:e.dangerColor,primaryActionColor:e.actionColor,primaryActionTextColor:e.actionTextColor,primaryLayoutColor:e.layoutColor,mainFont:e.font,test:"something",typography:{fontFamily:["IBMPlex","Roboto"].join(",")},palette:{primary:{main:n}},breakpoints:{values:t||{xs:0,sm:600,md:900,lg:1200,xl:1536}},components:{MuiStack:{variants:[{props:{variant:"card"},style:{backgroundColor:o,padding:15,borderRadius:r}}]},MuiChip:{styleOverrides:{root:{borderRadius:r}}},MuiSlider:{styleOverrides:{root:{marginRight:15,marginLeft:15,minWidth:50}}},MuiAccordion:{styleOverrides:{root:{borderRadius:"".concat(r,"px !important"),marginBottom:10,position:"unset","&.Mui-expanded":{marginBottom:10,marginTop:10}}}},MuiDivider:{styleOverrides:{root:{margin:20}}},MuiTableContainer:{styleOverrides:{root:{backgroundColor:"white",width:"100%",borderRadius:r,margin:0}}},MuiTableCell:{variants:[{props:{variant:"borderedLeft"},style:{borderLeft:"1px solid #dddddd"}},{props:{variant:"borderedRight"},style:{borderRight:"1px solid #dddddd"}}]},MuiTable:{styleOverrides:{root:{borderRadius:r}}},MuiInputLabel:{styleOverrides:{root:{marginBottom:10,marginTop:10,fontSize:15}}},MuiFormControl:{variants:[{props:{variant:"hawa"},style:{width:"100%"}}]},MuiTypography:{styleOverrides:{},variants:[{props:{variant:"validation"},style:{textAlign:"start",whiteSpace:"nowrap",fontFamily:a,color:"red",fontSize:13,marginTop:0}}]},MuiSelect:{styleOverrides:{root:{backgroundColor:"white",padding:"0px !important",paddingRight:10,paddingLeft:10,borderRadius:r,"&:hover":{outline:"1px solid ".concat(n)},"&:focus":{outline:"1px solid ".concat(n)}},input:{margin:0,border:"none",padding:10,":focus":{border:"none"}}},variants:[{props:{variant:"phone"},style:{backgroundColor:"red"}}]},MuiInput:{styleOverrides:{root:{backgroundColor:"white",paddingRight:10,paddingLeft:10,borderRadius:r,"&:hover":{outline:"1px solid ".concat(n)},"&:focus":{outline:"1px solid ".concat(n)}},input:{margin:0,border:"none",padding:10,":focus":{border:"none"}}},variants:[{props:{variant:"unscrollable"},style:{"& input::-webkit-outer-spin-button, & input::-webkit-inner-spin-button":{display:"none"},"& input[type=number]":{MozAppearance:"textfield"}}},{props:{variant:"pin"},style:{height:60,width:50,textAlign:"center","& input::-webkit-outer-spin-button, & input::-webkit-inner-spin-button":{display:"none"},"& input[type=number]":{MozAppearance:"textfield"}}}]},MuiDialog:{styleOverrides:{paper:{borderRadius:r,backgroundColor:o,minWidth:300}}},MuiContainer:{styleOverrides:{root:{display:"flex",flexDirection:"column",backgroundColor:o,borderRadius:r,paddingLeft:20,paddingRight:20,padding:20,maxWidth:600}},variants:[{props:{variant:"drop-area"},style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",backgroundColor:C(o,.3),border:"1px dashed",borderRadius:r,":-moz-drag-over":{backgroundColor:"green"}}},{props:{variant:"page-controls"},style:{background:"none",fontSize:"2rem",padding:"0px !important",marginBottom:10,borderRadius:r}},{props:{variant:"auth"},style:{backgroundColor:o,fontSize:"2rem",padding:20,borderRadius:r}},{props:{variant:"plain"},style:{background:"none"}},{props:{variant:"panelTabs"},style:{display:"flex",flexDirection:"row",width:"fit-content",justifyContent:"space-between",backgroundColor:o,alignItems:"center",paddingLeft:"10px !important",paddingRight:"10px !important",padding:10}},{props:{variant:"pricingTabs"},style:{display:"flex",flexDirection:"row",width:"fit-content",justifyContent:"space-between",backgroundColor:o,alignItems:"center",paddingLeft:"10px !important",paddingRight:"10px !important",padding:10}},{props:{variant:"inSettings"},style:{display:"flex",flexDirection:"row",width:"fit-content",height:50,marginRight:0,backgroundColor:"white",padding:5,paddingLeft:"5px !important",paddingRight:"5px !important"}},{props:{variant:"inPricing"},style:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",width:"fit-content",margin:0,height:50,marginRight:0,marginLeft:0,backgroundColor:o,padding:5,paddingLeft:"5px !important",paddingRight:"5px !important"}},{props:{variant:"settingsRow"},style:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",borderRadius:r,backgroundColor:C(o,.4),height:70,marginTop:10,paddingLeft:"20px !important",paddingRight:"10px !important"}},{props:{variant:"plan-card"},style:{display:"flex",flexDirection:"column",borderRadius:r,border:"1px solid ".concat(o),backgroundColor:C(o,.4),margin:10,width:250,maxWidth:200,paddingLeft:"0px !important",paddingRight:"0px !important",padding:0}},{props:{variant:"selected-plan-card"},style:{display:"flex",flexDirection:"column",borderRadius:r,border:"1px solid ".concat(n),backgroundColor:C(n,.4),margin:10,width:250,maxWidth:200,paddingLeft:"0px !important",paddingRight:"0px !important",padding:0}},{props:{variant:"plan-header"},style:{display:"flex",flexDirection:"column",position:"relative",borderRadius:r,borderBottomLeftRadius:0,borderBottomRightRadius:0,border:"1px solid ".concat(o),backgroundColor:"white",margin:0,padding:20}},{props:{variant:"card-container"},style:{display:"flex",flexDirection:"column",borderRadius:r,border:"1px solid ".concat(o),margin:0,padding:"0px !important"}},{props:{variant:"card-header"},style:{display:"flex",flexDirection:"column",borderRadius:r,borderBottomLeftRadius:0,borderBottomRightRadius:0,border:"1px solid ".concat(o),backgroundColor:"white",margin:0,padding:"0px !important",paddingLeft:"20px !important",paddingRight:"20px !important"}},{props:{variant:"card-content"},style:{display:"flex",flexDirection:"column",borderRadius:r,borderBottomLeftRadius:0,borderBottomRightRadius:0,border:"1px solid ".concat(o),margin:0,padding:"0px !important",paddingLeft:"20px !important",paddingRight:"20px !important"}},{props:{variant:"card-actions"},style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",border:"1px solid ".concat(o),margin:0}},{props:{variant:"selected-plan-header"},style:{display:"flex",flexDirection:"column",borderRadius:r,borderBottomLeftRadius:0,borderBottomRightRadius:0,border:"1px solid ".concat(o),backgroundColor:"white",margin:0,padding:20}},{props:{variant:"pricing"},style:{display:"flex",flexDirection:"row",maxWidth:"max-content",width:"fit-content",padding:0,paddingLeft:"0px !important",paddingRight:"0px !important"}},{props:{variant:"appbar"},style:{boxShadow:"none",display:"flex",flexDirection:"column",backgroundColor:"none !important",background:"none !important",padding:"0px !important",paddingRight:"0px !important",paddingLeft:"0px !important"}}]},MuiSnackbar:{styleOverrides:{root:{borderWidth:10,borderRadius:r}}},MuiButton:{styleOverrides:{root:{textTransform:"uppercase",borderRadius:r,boxShadow:"none","&:hover":{boxShadow:"none"}},contained:{backgroundColor:n}},variants:[{props:{variant:"layout"},style:{backgroundColor:o,"&:hover":{backgroundColor:T(o,.3),color:"white"}}},{props:{variant:"color-picker"},style:function(e){var t=e.theme;return Ae({},{height:40,marginRight:5,marginLeft:5,backgroundColor:t.palette.error.main,color:i,borderRadius:r,"&:hover":{backgroundColor:T(t.palette.error.main,.5),color:"white"}})}},{props:{variant:"danger"},style:function(e){var t=e.theme;return Ae({},{backgroundColor:t.palette.error.main,color:i,borderRadius:r,"&:hover":{backgroundColor:T(t.palette.error.main,.5),color:"white"}})}},{props:{variant:"last"},style:{backgroundColor:n,color:i,marginTop:20,borderRadius:r,"&:hover":{backgroundColor:T(n,.5),color:"white"}}},{props:{variant:"withLogo"},style:{textTransform:"none",border:"1px solid ".concat(T(n,.1)),fontSize:"2rem",backgroundColor:"white",marginTop:10,padding:10,height:50,fontFamily:a,borderRadius:r}},{props:{variant:"selected"},style:{display:"flex",flexDirection:"row",width:"fit-content",backgroundColor:n,justifyContent:"space-between",alignItems:"center",margin:0,color:"white",borderRadius:r,"&:hover":{backgroundColor:T(n,.5),color:"white"}}},{props:{variant:"unselected"},style:{display:"flex",flexDirection:"row",width:"fit-content",background:"none",justifyContent:"space-between",alignItems:"center",margin:0,borderRadius:r}},{props:{variant:"adaptive-dark"},style:{backgroundColor:n,height:40,color:i,margin:0,borderRadius:r,"&:hover":{backgroundColor:T(n,.4)}}},{props:{variant:"adaptive-light"},style:{display:"flex",flexDirection:"row",width:"fit-content",backgroundColor:n,height:50,color:i,justifyContent:"space-between",alignItems:"center",margin:0,borderRadius:r,"&:hover":{backgroundColor:T(n,.4)}}}]},MuiSwitch:{styleOverrides:{root:{display:"flex",flexDirection:"row",alignItems:"center"},track:{backgroundColor:"grey",height:20,borderRadius:r},thumb:{borderRadius:r}}},MuiAlert:{styleOverrides:{root:{borderRadius:r,marginBottom:10},standardError:function(e){var t=e.theme;return Ae({},{backgroundColor:C(t.palette.error.main,.8),outline:"1px solid ".concat(T(t.palette.error.main,.1))})},standardInfo:function(e){var t=e.theme;return Ae({},{backgroundColor:C(t.palette.info.main,.8),outline:"1px solid ".concat(T(t.palette.info.main,.1))})},standardWarning:function(e){var t=e.theme;return Ae({},{backgroundColor:C(t.palette.warning.main,.8),outline:"1px solid ".concat(T(t.palette.warning.main,.1))})},standardSuccess:function(e){var t=e.theme;return Ae({},{backgroundColor:C(t.palette.success.main,.8),outline:"1px solid ".concat(T(t.palette.success.main,.1))})}},variants:[{props:{variant:"inContainer"},style:{color:"black",borderRadius:r}}]},MuiListItemButton:{styleOverrides:{root:{margin:5,borderRadius:r,"&:hover":{backgroundColor:n,color:"white"}}},variants:[{props:{variant:"clicked"},style:{backgroundColor:n,color:"white"}}]},MuiToolbar:{variants:[{props:{variant:"appbar"},style:{color:"black",height:60,backgroundColor:"white",display:"flex",flexDirection:"row",justifyContent:"space-between",padding:0}}]},MuiAppBar:{styleOverrides:{root:{boxShadow:"none",color:"black"}},variants:[{props:{variant:"appbar"},style:{color:"black",margin:0,padding:0,background:"none"}}]},MuiTextField:{styleOverrides:{root:{backgroundColor:"white",paddingRight:10,paddingLeft:10,borderRadius:r,"&:hover":{outline:"1px solid ".concat(n)},"&:focus":{outline:"1px solid ".concat(n)}}},variants:[{props:{variant:"pinInput"},style:{height:60,width:50,textAlign:"center","& input::-webkit-outer-spin-button, & input::-webkit-inner-spin-button":{display:"none"},"& input[type=number]":{MozAppearance:"textfield"}}}]}}})},lr=function(e,t,r,n,i,o){return e.allBorderRadius=t,e.primaryActionColor=r,e.primaryLayoutColor=n,e.primaryActionTextColor=i,e.mainFont=o,e.palette.primary.main=r,e.components.MuiStack.variants[0].style.borderRadius=t,e.components.MuiStack.variants[0].style.backgroundColor=n,e.components.MuiChip.styleOverrides.root.borderRadius=t,e.components.MuiAccordion.styleOverrides.root.borderRadius="".concat(t,"px !important"),e.components.MuiTableContainer.styleOverrides.root.borderRadius=t,e.components.MuiTable.styleOverrides.root.borderRadius=t,e.components.MuiTypography.variants[0].style.fontFamily=o,e.components.MuiSelect.styleOverrides.root.borderRadius=t,e.components.MuiSelect.styleOverrides.root["&:hover"].outline="1px solid ".concat(r),e.components.MuiSelect.styleOverrides.root["&:focus"].outline="1px solid ".concat(r),e.components.MuiInput.styleOverrides.root["&:hover"].outline="1px solid ".concat(r),e.components.MuiInput.styleOverrides.root["&:focus"].outline="1px solid ".concat(r),e.components.MuiDialog.styleOverrides.paper.borderRadius=t,e.components.MuiDialog.styleOverrides.paper.backgroundColor=n,e.components.MuiContainer.styleOverrides.root.backgroundColor=n,e.components.MuiContainer.styleOverrides.root.borderRadius=t,e.components.MuiContainer.variants[0].style.backgroundColor=C(n,.3),e.components.MuiContainer.variants[0].style.borderRadius=t,e.components.MuiContainer.variants[1].style.borderRadius=t,e.components.MuiContainer.variants[2].style.borderRadius=t,e.components.MuiContainer.variants[4].style.backgroundColor=n,e.components.MuiContainer.variants[5].style.backgroundColor=n,e.components.MuiContainer.variants[7].style.backgroundColor=n,e.components.MuiContainer.variants[8].style.backgroundColor=C(n,.4),e.components.MuiContainer.variants[8].style.borderRadius=t,e.components.MuiContainer.variants[9].style.borderRadius=t,e.components.MuiContainer.variants[9].style.border="1px solid ".concat(n),e.components.MuiContainer.variants[9].style.backgroundColor=C(n,.4),e.components.MuiContainer.variants[10].style.backgroundColor=C(r,.4),e.components.MuiContainer.variants[10].style.border="1px solid ".concat(r),e.components.MuiContainer.variants[10].style.borderRadius=t,e.components.MuiContainer.variants[11].style.borderRadius=t,e.components.MuiContainer.variants[11].style.border="1px solid ".concat(n),e.components.MuiContainer.variants[12].style.border="1px solid ".concat(n),e.components.MuiContainer.variants[12].style.borderRadius=t,e.components.MuiContainer.variants[13].style.borderRadius=t,e.components.MuiContainer.variants[13].style.border="1px solid ".concat(n),e.components.MuiContainer.variants[14].style.borderRadius=t,e.components.MuiContainer.variants[15].style.border="1px solid ".concat(n),e.components.MuiContainer.variants[16].style.border="1px solid ".concat(n),e.components.MuiContainer.variants[16].style.borderRadius=t,e.components.MuiSnackbar.styleOverrides.root.borderRadius=t,e.components.MuiButton.styleOverrides.root.borderRadius=t,e.components.MuiButton.styleOverrides.contained.backgroundColor=r,e.components.MuiButton.variants[0].style.backgroundColor=n,e.components.MuiButton.variants[0].style["&:hover"].backgroundColor=T(n,.3),e.components.MuiButton.variants[1].style=function(e){var r=e.theme;return Ae({},{height:40,marginRight:5,marginLeft:5,backgroundColor:r.palette.error.main,color:i,borderRadius:t,"&:hover":{backgroundColor:T(r.palette.error.main,.5),color:"white"}})},e.components.MuiButton.variants[2].style=function(e){var r=e.palette;return Ae({},{backgroundColor:r.error.main,color:i,borderRadius:t,"&:hover":{backgroundColor:T(r.error.main,.5),color:"white"}})},e.components.MuiButton.variants[3].style.backgroundColor=r,e.components.MuiButton.variants[3].style.color=i,e.components.MuiButton.variants[3].style.borderRadius=t,e.components.MuiButton.variants[3].style["&:hover"].backgroundColor=T(r,.5),e.components.MuiButton.variants[4].style.border="1px solid ".concat(T(r,.1)),e.components.MuiButton.variants[4].style.fontFamily=o,e.components.MuiButton.variants[4].style.borderRadius=t,e.components.MuiButton.variants[5].style.backgroundColor=r,e.components.MuiButton.variants[5].style.borderRadius=t,e.components.MuiButton.variants[5].style["&:hover"].backgroundColor=T(r,.5),e.components.MuiButton.variants[6].style.borderRadius=t,e.components.MuiButton.variants[7].style.backgroundColor=r,e.components.MuiButton.variants[7].style.color=i,e.components.MuiButton.variants[7].style.borderRadius=t,e.components.MuiButton.variants[7].style["&:hover"].backgroundColor=T(r,.4),e.components.MuiButton.variants[8].style.backgroundColor=r,e.components.MuiButton.variants[8].style.color=i,e.components.MuiButton.variants[8].style.borderRadius=t,e.components.MuiButton.variants[8].style["&:hover"].backgroundColor=T(r,.4),e.components.MuiSwitch.styleOverrides.track.borderRadius=t,e.components.MuiSwitch.styleOverrides.thumb.borderRadius=t,e.components.MuiAlert.styleOverrides.root.borderRadius=t,e.components.MuiAlert.variants[0].style.borderRadius=t,e.components.MuiListItemButton.styleOverrides.root.borderRadius=t,e.components.MuiListItemButton.styleOverrides.root["&:hover"].backgroundColor=r,e.components.MuiListItemButton.variants[0].style.backgroundColor=r,e};function sr(e){var t=je(r(!!e&&Boolean(e)),2),n=t[0],i=t[1];return{isOpen:n,onClose:function(){i(!1)},onOpen:function(){i(!0)}}}function dr(e){var t,i=je(r(null!==(t=e.base)&&void 0!==t?t:""),2),o=i[0],a=i[1],l=x();return n((function(){function t(){e.mobile&&window.innerWidth>=l.breakpoints.values.mobile&&window.innerWidth<l.breakpoints.values.tablet&&a(e.mobile),e.tablet&&window.innerWidth>=l.breakpoints.values.tablet&&window.innerWidth<l.breakpoints.values.laptop&&a(e.tablet),e.laptop&&window.innerWidth>=l.breakpoints.values.laptop&&window.innerWidth<l.breakpoints.values.desktop&&a(e.laptop),e.desktop&&window.innerWidth>=l.breakpoints.values.desktop&&a(e.desktop)}return console.log("break point",l.breakpoints.values),window.addEventListener("resize",t),function(){return window.removeEventListener("resize",t)}}),[]),o}export{Fe as ActionButton,Ee as AdaptiveButton,Yt as Box,$t as ChargeWalletForm,_t as CheckoutForm,Et as CodeConfirmation,Ht as ConfirmationPage,ar as CreateHawaTheme,Gt as CreditCardForm,Ot as DragDropImages,Bt as DraggableCard,Mt as HawaAccordian,Rt as HawaAlert,ir as HawaAppBar,Qt as HawaAppLayout,Tt as HawaButton,Ge as HawaCheckbox,Ve as HawaChip,yt as HawaColorPicker,rr as HawaDialog,_e as HawaItemCard,Ct as HawaLogoButton,or as HawaPageControls,$e as HawaPanelTabs,He as HawaPricingCard,xt as HawaRange,St as HawaSearchBar,kt as HawaSelect,wt as HawaSettingsRow,Ue as HawaSnackbar,Lt as HawaTable,Ye as HawaTextField,Ze as HawaTypography,qt as NewPasswordForm,Vt as PayWithWallet,Zt as PricingPlans,Nt as ResetPasswordForm,Ut as SelectPayment,zt as SignInForm,Ft as SignInPhone,jt as SignUpForm,lr as UpdateHawaTheme,At as UserProfileForm,Dt as UserSettingsForm,dr as useBreakPointValue,sr as useDisclosure};
|