@sikka/hawa 0.0.34 → 0.0.35
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 +4 -2
- package/src/elements/AdaptiveButton.js +1 -1
- package/src/elements/DragDropImages.js +149 -140
- package/src/elements/DraggableCard.js +36 -0
- package/src/elements/index.js +2 -0
- package/storybook-static/iframe.html +1 -1
- package/storybook-static/index.html +1 -1
- package/storybook-static/main.6eab4ef6.iframe.bundle.js +1 -0
- package/storybook-static/vendors~main.07e1611f.iframe.bundle.js +76 -0
- package/storybook-static/{vendors~main.a7262b49.iframe.bundle.js.LICENSE.txt → vendors~main.07e1611f.iframe.bundle.js.LICENSE.txt} +0 -0
- package/storybook-static/vendors~main.07e1611f.iframe.bundle.js.map +1 -0
- package/storybook-static/{vendors~main.a697e07137d366f95f76.manager.bundle.js → vendors~main.11281b487bf96f5ff19e.manager.bundle.js} +2 -2
- package/storybook-static/{vendors~main.a697e07137d366f95f76.manager.bundle.js.LICENSE.txt → vendors~main.11281b487bf96f5ff19e.manager.bundle.js.LICENSE.txt} +0 -0
- package/storybook-static/main.e9b7f5c4.iframe.bundle.js +0 -1
- package/storybook-static/vendors~main.a7262b49.iframe.bundle.js +0 -76
- package/storybook-static/vendors~main.a7262b49.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}from"react";import n from"@mui/material/Button";import i from"@mui/material/Tooltip";import a from"prop-types";import{jsxs as l,jsx as o,Fragment as s}from"react/jsx-runtime";import d from"@mui/material/Snackbar";import c from"@mui/material/AlertTitle";import u from"@mui/material/Alert";import m from"@mui/material/FormControlLabel";import p from"@mui/material/Checkbox";import h from"@mui/material/Container";import g from"@mui/material/Typography";import f from"@mui/icons-material/CheckCircleOutlined";import v from"@mui/material/Chip";import x from"@mui/material/Input";import b from"@mui/material/InputLabel";import y from"@mui/material/Switch";import w from"@emotion/styled";import T from"@mui/material/Slider";import C from"@mui/material/Stack";import P from"@mui/icons-material/GitHub";import k from"@mui/icons-material/Twitter";import L from"@mui/icons-material/AccountBalanceWallet";import S from"@mui/material/Select";import W from"@mui/material/Table";import O from"@mui/material/TableBody";import N from"@mui/material/TableCell";import A from"@mui/material/TableContainer";import I from"@mui/material/TableHead";import q from"@mui/material/TableRow";import{Button as R,InputAdornment as j,useTheme as B,Container as D,Stack as E}from"@mui/material";import{Search as z}from"@mui/icons-material";import M from"@mui/icons-material/ExpandMore";import U from"@mui/material/Accordion";import G from"@mui/material/AccordionSummary";import $ from"@mui/material/AccordionDetails";import{useForm as _,FormProvider as V,Controller as F}from"react-hook-form";import Z from"@mui/material/InputAdornment";import H from"@mui/icons-material/HttpsOutlined";import X from"@mui/icons-material/MailOutline";import Y from"@mui/icons-material/PermIdentityOutlined";import J from"@mui/material/Divider";import{styled as K,useTheme as Q}from"@mui/material/styles";import ee from"@mui/material/Box";import te from"@mui/material/Drawer";import re from"@mui/material/AppBar";import ne from"@mui/material/Toolbar";import ie from"@mui/material/List";import ae from"@mui/material/IconButton";import le from"@mui/icons-material/Menu";import oe from"@mui/icons-material/ChevronLeft";import se from"@mui/icons-material/ChevronRight";import de from"@mui/material/ListItemButton";import ce from"@mui/material/ListItemText";import ue from"@mui/material/Avatar";import me from"@mui/material/Menu";import pe from"@mui/material/MenuItem";import he from"@mui/icons-material/Close";import ge from"@mui/material/Dialog";import fe from"@mui/material/DialogActions";import ve from"@mui/material/DialogContent";import xe from"@mui/material/DialogTitle";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 ye(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 Te(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r,n,i={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}function Ce(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function Pe(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,a=[],l=!0,o=!1;try{for(r=r.call(e);!(l=(n=r.next()).done)&&(a.push(n.value),!t||a.length!==t);l=!0);}catch(e){o=!0,i=e}finally{try{l||null==r.return||r.return()}finally{if(o)throw i}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return ke(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 ke(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 ke(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 Le=function(e){return e.showText?l(n,{variant:"adaptive-dark",onClick:e.onClick,children:[e.icon,o("div",{style:{width:10}}),e.buttonText]}):o(i,{title:e.buttonText,placement:"top",children:o(n,{variant:"adaptive-dark",onClick:e.onClick,children:e.icon})})};Le.propTypes={buttonText:a.string,onClick:a.func,showText:a.bool};var Se=function(e){return o(n,ye(ye({},e),{},{children:e.text}))},We=function(e){return o(d,{open:e.open,onClose:e.handleClose,children:l(u,{icon:!1,severity:e.severity,children:[e.title&&o(c,{children:e.title}),e.text]})})},Oe=function(e){return console.log("props : ",e),o(t.Fragment,{children:o(m,{label:e.label,control:o(p,{style:{color:e.color||null},defaultChecked:e.defaultValue})})})},Ne=function(e){var t=Pe(r(e.defaultValue),2),i=t[0],a=t[1];return o(h,{variant:e.location||"panelTabs",children:e.options.map((function(t,r){var l;return o(n,{onClick:function(){e.handleChange(t.value),a(t.value)},fullWidth:!0,variant:(null==i?void 0:i.toLowerCase())===(null===(l=t.value)||void 0===l?void 0:l.toLowerCase())?"selected":"unselected",children:t.label},r)}))})};Ne.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 Ae=function(e){var t="ar"===e.lang;return l(h,{onClick:function(t){t.stopPropagation(),e.onCardClick()},maxWidth:"xs",variant:"card-container",dataValue:"parent",style:{direction:t?"rtl":"ltr"},children:[e.header&&l(h,{style:{zIndex:20},variant:"card-header",children:[e.headerActions&&o("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&&o(h,{style:{zIndex:20},variant:"card-content",children:e.content}),e.actions&&o(h,{style:{zIndex:20},variant:"card-actions",children:e.actions})]})};Ae.propTypes={lang:a.string,onCardClick:a.func};var Ie=function(e){var t,r,i="ar"===e.lang,a={monthly:"شهرياً","3-months":"كل 3 أشهر","6-months":"كل 6 أشهر",annually:"سنوياً"},s={monthly:"Monthly","3-months":"3 Months","6-months":"6 Months",annually:"Annually"},d={usd:i?"دولار":"$",sar:i?"ريال":"SAR"},c=i?e.features_ar:e.features,u=i?{left:10}:{right:10};return l(h,{maxWidth:"xs",variant:e.selectedPlan?"selected-plan-card":"plan-card",style:{direction:i?"rtl":"ltr"},children:[l(h,{variant:"plan-header",children:[e.discount&&o(v,{label:e.discount,variant:"standard",style:ye({maxWidth:"fit-content",position:"absolute",bottom:10},u),color:"success"}),o(g,{variant:"h3",fontWeight:500,children:i?e.title_ar:e.title}),o(g,{variant:"caption",children:i?e.subtitle_ar:e.subtitle}),o("br",{}),o(g,{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,o("div",{style:{width:5}}),o(g,{children:d[null===(t=e.currency)||void 0===t?void 0:t.toLowerCase()]})]}),o(g,{style:{fontSize:14,margin:5},children:i?a[e.cycleText]:s[e.cycleText]})]}):l("div",{style:{width:"100%",display:"flex",flexDirection:"column",justifyContent:"center"},children:[l("div",{style:{display:"flex",flexDirection:"row"},children:[o(g,{children:d[null===(r=e.currency)||void 0===r?void 0:r.toLowerCase()]}),o("div",{style:{width:5}}),e.price]}),o(g,{style:{fontSize:14,margin:5},children:"ar"===e.lang?a[e.cycleText]:s[e.cycleText]})]})})]}),o("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:[o("div",{style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",width:"10%"},children:o(f,{fontSize:"small"})}),o("div",{style:{width:10}}),o(g,{variant:"subtitle2",children:e})]})}))}),o(n,{onClick:e.selectPlan,variant:e.selectedPlan?"outlined":"contained",style:{margin:20},children:e.buttonText})]})};Ie.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 qe=function(e){return o(g,ye(ye({},e),{},{children:e.children}))},Re=function(e){return o("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&&o(b,{children:e.label}),e.helperText&&o(g,{style:{marginBottom:!e.label&&10},variant:"validation",children:e.helperText})]}),o(x,ye({disableUnderline:!0},e))]})})},je=function(e){return o(y,ye({},e))};var Be="production"!==process.env.NODE_ENV?a.oneOfType([a.number,a.string,a.object,a.array]):{};function De(){return De=Object.assign||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},De.apply(this,arguments)}function Ee(e){return null!==e&&"object"==typeof e&&e.constructor===Object}function ze(e,t,r={clone:!0}){const n=r.clone?De({},e):e;return Ee(e)&&Ee(t)&&Object.keys(t).forEach((i=>{"__proto__"!==i&&(Ee(t[i])&&i in e&&Ee(e[i])?n[i]=ze(e[i],t[i],r):n[i]=t[i])})),n}const Me=["m","mt","mr","mb","ml","mx","my","margin","marginTop","marginRight","marginBottom","marginLeft","marginX","marginY","marginInline","marginInlineStart","marginInlineEnd","marginBlock","marginBlockStart","marginBlockEnd"],Ue=["p","pt","pr","pb","pl","px","py","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","paddingX","paddingY","paddingInline","paddingInlineStart","paddingInlineEnd","paddingBlock","paddingBlockStart","paddingBlockEnd"],Ge=[...Me,...Ue];function $e(e){return function(e,t,r,n){const i=(a=e,((l=t)&&"string"==typeof l?l.split(".").reduce(((e,t)=>e&&e[t]?e[t]:null),a):null)||r);var a,l;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 _e(e,t){if(null==e)return{};var r,n,i={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}"production"===process.env.NODE_ENV||Me.reduce(((e,t)=>(e[t]=Be,e)),{}),"production"===process.env.NODE_ENV||Ue.reduce(((e,t)=>(e[t]=Be,e)),{}),"production"===process.env.NODE_ENV||Ge.reduce(((e,t)=>(e[t]=Be,e)),{});const Ve=["values","unit","step"];function Fe(e){const{values:t={xs:0,sm:600,md:900,lg:1200,xl:1536},unit:r="px",step:n=5}=e,i=_e(e,Ve),a=(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)=>De({},e,{[t.key]:t.val})),{})})(t),l=Object.keys(a);function o(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 a=l.indexOf(i);return`@media (min-width:${"number"==typeof t[e]?t[e]:e}${r}) and (max-width:${(-1!==a&&"number"==typeof t[l[a]]?t[l[a]]:i)-n/100}${r})`}return De({keys:l,values:a,up:o,down:s,between:d,only:function(e){return l.indexOf(e)+1<l.length?d(e,l[l.indexOf(e)+1]):o(e)},not:function(e){const t=l.indexOf(e);return 0===t?o(l[1]):t===l.length-1?s(l[t]):d(e,l[l.indexOf(e)+1]).replace("@media","@media not all and")},unit:r},i)}var Ze={borderRadius:4};const He=["breakpoints","palette","spacing","shape"];const Xe=e.createContext(null);"production"!==process.env.NODE_ENV&&(Xe.displayName="ThemeContext");var Ye=Xe;function Je(t=null){const r=function(){const t=e.useContext(Ye);return"production"!==process.env.NODE_ENV&&e.useDebugValue(t),t}();return r&&(n=r,0!==Object.keys(n).length)?r:t;var n}const Ke=function(e={},...t){const{breakpoints:r={},palette:n={},spacing:i,shape:a={}}=e,l=_e(e,He),o=Fe(r),s=function(e=8){if(e.mui)return e;const t=$e({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=ze({breakpoints:o,direction:"ltr",components:{},palette:De({mode:"light"},n),spacing:s,shape:De({},Ze,a)},l);return d=t.reduce(((e,t)=>ze(e,t)),d),d}();function Qe(e=Ke){return Je(e)}var et,tt,rt=w.input(et||(et=Ce(["\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})),nt=w.input(tt||(tt=Ce(["\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})),it=function(e){var t=Qe();return l("div",{style:{display:"flex",flexDirection:"row"},children:[o(nt,{type:"text",value:e.color,borderRadius:t.allBorderRadius,onChange:e.handleChange}),o("div",{style:{width:10}}),o(rt,{type:"color",value:e.color,onChange:e.handleChange,borderRadius:t.allBorderRadius})]})};it.propTypes={color:a.string,handleChange:a.func};var at=function(e){return l(C,{spacing:2,direction:"row",alignItems:"center",style:e.style,children:[e.startElement,o(T,{size:"small","aria-label":"Volume",value:e.value,onChange:e.handleChange}),e.endElement]})};at.propTypes={startElement:a.element,endElement:a.element,handleChange:a.func};var lt=function(e){return l(h,{variant:"settingsRow",children:[o(qe,{children:e.settingsLabel}),"checkbox"===e.settingsType&&o(p,ye({},e)),"text"===e.settingsType&&o(Re,ye({},e)),"boolean"===e.settingsType&&o(je,ye({},e)),"range"===e.settingsType&&o(at,ye({},e)),"color"===e.settingsType&&o(it,ye({},e)),"radio"===e.settingsType&&o(Ne,ye({location:"inSettings"},e))]})};lt.propTypes={settingsLabel:a.string,settingsType:a.oneOf(["checkbox","text","radio","boolean","color"])};var ot=function(e){var t,r="ar"===e.lang,i="";switch(null===(t=e.logo)||void 0===t?void 0:t.toLowerCase()){case"google":i=o("img",{src:"https://upload.wikimedia.org/wikipedia/commons/5/53/Google_%22G%22_Logo.svg"});break;case"github":i=o(P,{});break;case"twitter":i=o(k,{});break;case"mada":i=o("img",{src:"https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/mada.png",height:20});break;case"stcpay":i=o("img",{src:"https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/stc-pay.png",height:20});break;case"visa/master":i=o("img",{src:"https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/visa-master.png",height:30});break;case"paypal":i=o("img",{src:"https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/paypal.png",height:25});break;case"googlepay":i=o("img",{src:"https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/google-pay.png",height:20});break;case"applepay":i=o("img",{src:"https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/apple-pay.png",height:40});break;case"wallet":i=o(L,{})}return l(n,ye(ye({style:{direction:r?"rtl":"ltr"}},e),{},{variant:"withLogo",children:[i,o("div",{style:{width:10}}),o(g,{style:{color:"black",fontSize:14,textAlign:"center",letterSpacing:.4,fontFamily:"Roboto",fontWeight:500},children:e.buttonText})]}))};ot.propTypes={lang:a.string,logo:a.oneOf(["google","github","twitter","wallet","googlepay","applepay","stcpay","visa/master","paypal","mada"]),buttonText:a.string};var st=function(e){return o(n,ye(ye({},e),{},{children:e.children}))},dt=function(e){return l("div",{style:{width:"100%"},children:[l("div",{style:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center"},children:[o(b,{children:e.label}),e.helperText&&o(g,{variant:"validation",children:e.helperText})]}),o(S,ye(ye({},e),{},{children:e.children}))]})},ct=function(e){var t=Qe();return console.log("theme is ",t),o("label",{children:o("textarea",{style:{color:"black",backgroundColor:e.bgColor||"white",borderBottom:"none",border:"none",width:"100%",padding:0,margin:0,marginBottom:0,resize:e.resize||"vertical"}})})},ut=function(e){return o(b,{children:o("div",{style:{fontSize:15},children:e.label})})},mt=function(e){return l(u,{severity:e.severity,icon:e.hideIcon,children:[e.title&&o(c,{children:e.title}),e.text]})};mt.propTypes={severity:a.oneOf(["error","info","success","warning"]),title:a.string,text:a.string,hideIcon:a.bool};var pt=function(e){var t="ar"===e.lang;return o(A,{style:{direction:t?"rtl":"ltr"},children:l(W,{"aria-label":"a dense table",children:[o(I,{children:l(q,{children:[e.columns.map((function(e,r){return o(N,{align:t?"right":"left",style:{fontWeight:700},variant:r>0?t?"borderedRight":"borderedLeft":"body",children:e},r)})),e.actions&&o(N,{align:t?"right":"left",style:{fontWeight:700},variant:t?"borderedRight":"borderedLeft",children:"Actions"})]})}),o(O,{children:e.rows?e.rows.map((function(r,n){return l(q,{children:[r.map((function(e,r){return o(N,{align:t?"right":"left",component:"th",scope:"row",variant:r>0?t?"borderedRight":"borderedLeft":"body",children:e},r)})),e.actions&&o(N,{align:t?"right":"left",style:{fontWeight:700},variant:t?"borderedRight":"borderedLeft",children:e.actions.map((function(t){return o(R,{style:{margin:2},variant:"outlined",size:"small",onClick:function(){return e.handleActionClick(r)},children:t})}))})]},n)})):o(q,{align:"center",children:o(N,{align:"center",component:"th",colSpan:6,children:e.noDataText})})}),e.end&&o(q,{children:e.end.map((function(e,r){return o(N,{align:t?"right":"left",style:{fontWeight:700},component:"th",scope:"row",variant:r>0?t?"borderedRight":"borderedLeft":"body",children:e},r)}))})]})})};pt.propTypes={handleActionClick:a.func,noDataText:a.string,lang:a.string,columns:a.array,rows:a.array,end:a.array};var ht=function(e){return o(Re,ye({endAdornment:o(j,{position:"start",children:o(z,{})})},e))},gt=function(e){return l(U,{elevation:0,children:[o(G,{expandIcon:o(M,{}),"aria-controls":"panel1a-content",id:"panel1a-header",children:o(g,{children:e.title})}),o($,{children:l(g,{children:[e.content," "]})})]})};gt.propTypes={title:a.string,content:a.string};var ft=function(e){var t=_(),r=t.formState.errors,i=t.handleSubmit,a=t.control;return o(h,{maxWidth:"sm",children:o(V,ye(ye({},t),{},{children:l("form",{onSubmit:i(e.handleUpdateProfile),children:[o(F,{control:a,name:"fullName",render:function(t){var n,i,a=t.field;return o(Re,ye({fullWidth:!0,type:"text",value:null!==(n=a.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},a))}}),o(F,{control:a,name:"phoneNumber",render:function(e){var t=e.field;return o(Re,ye({fullWidth:!0,type:"tel",label:"Phone Number",placeholder:"+966"},t))}}),o(F,{control:a,name:"email",render:function(t){var n,i,a=t.field;return o(Re,ye({fullWidth:!0,type:"text",value:null!==(n=a.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},a))},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}}}),o(F,{control:a,name:"password",render:function(t){var n,i,a=t.field;return o(Re,ye({fullWidth:!0,type:"password",value:null!==(n=a.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},a))},rules:{required:e.texts.passwordRequiredText}}),o(F,{control:a,name:"confirmPassword",render:function(t){var n,i,a=t.field;return o(Re,ye({fullWidth:!0,type:"password",value:null!==(n=a.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},a))},rules:{required:e.texts.confirmPasswordRequiredText}}),o(n,{type:"submit",fullWidth:!0,variant:"last",children:e.texts.updateProfile})]})}))})},vt=function(e){return l(h,{maxWidth:"sm",children:[e.children,o(n,{type:"submit",fullWidth:!0,variant:"last",onClick:e.handleSaveSettings,children:e.saveSettingsText})]})},xt=function(e){var t=Pe(r(!1),2),i=t[0],a=t[1],s=_(),d=s.formState.errors,c=s.handleSubmit,u=s.control;return l(h,{maxWidth:"xs",variant:"auth",children:[i&&o(mt,{text:e.texts.passwordMatchError,severity:"error"}),e.passwordChanged?o(qe,{style:{textAlign:"center",margin:5},children:e.texts.passwordChanged}):o(V,ye(ye({},s),{},{children:l("form",{onSubmit:c((function(t){console.log("handling subb",t),t.password===t.confirmPassword?e.handleNewPassword():a(!0)})),children:[o(F,{control:u,name:"password",render:function(t){var r,n,i=t.field;return o(Re,ye({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:o(Z,{position:"start",children:o(H,{})})},i))},rules:{required:e.texts.passwordRequiredText}}),o(F,{control:u,name:"confirmPassword",render:function(t){var r,n,i=t.field;return o(Re,ye({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:o(Z,{position:"start",children:o(H,{})})},i))},rules:{required:e.texts.confirmPasswordRequiredText}}),o(n,{type:"submit",fullWidth:!0,variant:"last",children:e.texts.updatePassword})]})}))]})};xt.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 bt=function(e){var t=_(),r=t.formState.errors,i=t.handleSubmit;t.register;var a=t.control;return o(h,{maxWidth:"xs",variant:"auth",children:e.sent?o(qe,{style:{textAlign:"center",margin:5},children:e.texts.emailSentText}):l("form",{onSubmit:i(e.handleResetPassword),children:[o(F,{control:a,name:"email",render:function(t){var n,i,a=t.field;return o(Re,ye({fullWidth:!0,type:"text",value:null!==(n=a.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:o(Z,{position:"start",children:o(X,{})})},a))},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}}}),o(n,{type:"submit",fullWidth:!0,variant:"last",children:e.texts.resetPassword})]})})};bt.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 yt=function(e){var t=_(),r=t.formState.errors,i=t.handleSubmit,a=t.control;return l(h,{maxWidth:"xs",variant:"auth",style:{direction:"ar"===e.lang?"rtl":"ltr"},children:[e.showError&&o(mt,{title:e.errorTitle,text:e.errorText,severity:"error"}),o(V,ye(ye({},t),{},{children:l("form",{onSubmit:i(e.handleSignUp),children:[o(F,{control:a,name:"fullName",render:function(t){var n,i,a=t.field;return o(Re,{fullWidth:!0,type:"text",value:null!==(n=a.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:o(Z,{position:"start",children:o(Y,{})})})},rules:{required:e.texts.fullNameRequiredText}}),o(F,{control:a,name:"email",render:function(t){var n,i,a=t.field;return o(Re,{fullWidth:!0,type:"text",value:null!==(n=a.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:o(Z,{position:"start",children:o(X,{})})})},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}}}),o(F,{control:a,name:"password",render:function(t){var n,i,a,l=t.field;return o(Re,ye({fullWidth:!0,type:"password",defaultValue:null!==(n=l.value)&&void 0!==n?n:"",value:null!==(i=l.value)&&void 0!==i?i:"",label:e.texts.passwordLabel,placeholder:e.texts.passwordPlaceholder,helperText:null===(a=r.password)||void 0===a?void 0:a.message,startAdornment:o(Z,{position:"start",children:o(H,{})})},l))},rules:{required:e.texts.passwordRequiredText}}),o(n,{fullWidth:!0,variant:"last",type:"submit",children:e.texts.signUpText})]})})),l(g,{variant:"subtitle2",style:{marginTop:5,textAlign:"center",padding:5},children:[e.texts.existingUserText," ",o("span",{onClick:e.handleRouteToSignIn,style:{cursor:"pointer",color:"blue",textAlign:"center"},children:e.texts.signInText})]}),o(J,{}),l("div",{style:{display:"flex",flexDirection:"column"},children:[e.viaGoogle&&o(ot,{logo:"google",buttonText:e.texts.googleButtonLabel,onClick:e.handleGoogleSignUp}),e.viaGithub&&o(ot,{logo:"github",buttonText:e.texts.githubButtonLabel,onClick:e.handleGithubSignUp}),e.viaTwitter&&o(ot,{logo:"twitter",buttonText:e.texts.twitterButtonLabel,onClick:e.handleTwitterSignUp})]})]})};yt.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 wt=function(e){var t=_(),r=t.formState.errors,i=t.handleSubmit,a=t.control;return l(h,{maxWidth:"xs",variant:"auth",style:{direction:"ar"===e.lang?"rtl":"ltr"},children:[e.showError&&o(mt,{title:e.errorTitle,text:e.errorText,severity:"error"}),l("form",{onSubmit:i(e.handleSignIn),children:[o(F,{control:a,name:"email",render:function(t){var n,i,a=t.field;return o(Re,ye({fullWidth:!0,type:"text",value:null!==(n=a.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:o(Z,{position:"start",children:o(X,{})})},a))},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}}}),o(F,{control:a,name:"password",render:function(t){var n,i,a,l=t.field;return o(Re,ye({fullWidth:!0,type:"password",defaultValue:null!==(n=l.value)&&void 0!==n?n:"",value:null!==(i=l.value)&&void 0!==i?i:"",label:e.texts.passwordLabel,placeholder:e.texts.passwordPlaceholder,helperText:null===(a=r.password)||void 0===a?void 0:a.message,startAdornment:o(Z,{position:"start",children:o(H,{})})},l))},rules:{required:e.texts.passwordRequiredText}}),o(g,{style:{cursor:"pointer",marginTop:5,width:"max-content",fontSize:15,padding:5},onClick:e.handleForgotPassword,children:e.texts.forgotPasswordText}),o(n,{type:"submit",fullWidth:!0,variant:"last",children:e.texts.signInText})]}),l(g,{variant:"subtitle2",style:{marginTop:5,textAlign:"center",padding:5},children:[e.texts.newUserText," ",o("span",{onClick:e.handleRouteToSignUp,style:{cursor:"pointer",color:"blue",textAlign:"center"},children:e.texts.signUpText})]}),o(J,{}),l("div",{style:{display:"flex",flexDirection:"column"},children:[e.viaGoogle&&o(ot,{logo:"google",buttonText:e.texts.googleButtonLabel,onClick:e.handleGoogleSignIn}),e.viaGithub&&o(ot,{logo:"github",buttonText:e.texts.githubButtonLabel,onClick:e.handleGithubSignIn}),e.viaTwitter&&o(ot,{logo:"twitter",buttonText:e.texts.twitterButtonLabel,onClick:e.handleTwitterSignIn})]})]})};wt.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 Tt=function(e){return l(h,{maxWidth:"xs",children:[o(qe,{align:"center",children:"Choose Payment Method"}),e.viaWallet&&o(ot,{logo:"wallet",buttonText:e.walletLabel,onClick:e.handleWallet}),e.viaCreditCard&&o(ot,{logo:"visa/master",buttonText:e.visaMasterLabel,onClick:e.handleCreditCard}),e.viaMada&&o(ot,{logo:"mada",buttonText:e.madaLabel,onClick:e.handleMada}),e.viaSTCPay&&o(ot,{logo:"stcpay",buttonText:e.stcPayLabel,onClick:e.handleSTCPay}),e.viaPayPal&&o(ot,{logo:"paypal",buttonText:e.paypalLabel,onClick:e.handlePayPal}),e.viaGooglePay&&o(ot,{logo:"googlepay",buttonText:e.googlePayLabel,onClick:e.handleGooglePay}),e.viaApplePay&&o(ot,{logo:"applepay",buttonText:e.applePayLabel,onClick:e.handleApplePay})]})};Tt.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 Ct=function(e){var t,r=_(),i=r.formState.errors,a=r.handleSubmit,s=r.control;return o(h,{maxWidth:"xs",children:l("form",{onSubmit:a(e.handle),children:[o(Re,{fullWidth:!0,name:"password",placeholder:"Enter password",type:"tel",label:"Card Number",rules:{required:"Password is rquired"},helperText:null===(t=i.password)||void 0===t?void 0:t.message}),o(F,{control:s,name:"cardName",render:function(e){var t;return e.field,o(Re,{fullWidth:!0,name:"password",placeholder:"Enter password",type:"password",label:"Name On Card",rules:{required:"Password is rquired"},helperText:null===(t=i.password)||void 0===t?void 0:t.message})}}),o(F,{control:s,name:"cardName",render:function(e){var t;return e.field,o(Re,{fullWidth:!0,name:"password",placeholder:"Enter password",type:"password",label:"Expiry Date",rules:{required:"Password is rquired"},helperText:null===(t=i.password)||void 0===t?void 0:t.message})}}),o(F,{control:s,name:"cardName",render:function(e){var t;return e.field,o(Re,{fullWidth:!0,name:"password",placeholder:"Enter password",type:"password",label:"CCV",rules:{required:"Password is rquired"},helperText:null===(t=i.password)||void 0===t?void 0:t.message})}}),o(n,{type:"submit",fullWidth:!0,variant:"last",onClick:e.handlePayWithCreditCard,children:"Pay with Credit Card"})]})})},Pt=function(e){var t=Pe(r(0),2),i=t[0],a=t[1],s=_(),d=s.formState.errors,c=s.handleSubmit,u=s.control;return l(h,{maxWidth:"xs",children:[l(g,{align:"center",variant:"h2",fontWeight:500,style:{marginBottom:20},children:[Number(i).toLocaleString("en")||"0",o(g,{children:e.currency||"SAR"})]}),o(V,ye(ye({},s),{},{children:l("form",{onSubmit:c(e.handleChargeWallet),children:[o(F,{control:u,name:"amount",render:function(t){var r,n,i=t.field;return o(Re,ye(ye({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)),a(e.target.value)},helperText:null===(n=d.amount)||void 0===n?void 0:n.message}))},rules:{required:e.texts.amountRequired}}),o(n,{type:"submit",fullWidth:!0,variant:"last",children:e.texts.chargeWallet})]})}))]})};Pt.propTypes={texts:a.shape({amountLabel:a.string,chargeWallet:a.string,amountRequired:a.string}),handleChargeWallet:a.func,currency:a.string};var kt=function(e){return l(h,{maxWidth:"xs",children:[o(g,{align:"center",children:"Wallet Balance"}),l(g,{align:"center",variant:"h1",children:[e.walletBalance||"0",o(g,{children:e.currency||"SAR"})]}),o(n,{type:"submit",fullWidth:!0,variant:"last",onClick:e.handlePayWithWallet,children:"Pay Now"})]})},Lt=function(e){var t,r,i,a,s,d,c,u,m,p,f="ar"===e.lang,v=_(),x=v.formState.errors,b=v.handleSubmit;v.register;var y=v.control,w={display:"flex",padding:0,paddingRight:"0px !important",paddingLeft:"0px !important",flexDirection:{xs:"column",sm:"row",md:"row",lg:"row",xl:"row"}};return l(h,{maxWidth:"sm",style:{direction:f?"rtl":"ltr"},children:[o(g,{align:"center",variant:"h5",fontWeight:500,style:{marginBottom:10},children:e.texts.orderDetails}),o(pt,{lang:e.lang,columns:["Product","Price"],rows:e.products,end:["Total",e.total]}),o(J,{variant:"middle"}),o(g,{align:"center",variant:"h5",fontWeight:500,style:{marginBottom:10},children:e.texts.billingAddress}),o(V,ye(ye({},v),{},{children:l("form",{onSubmit:b(e.handlePayNow),children:[l(h,{sx:w,children:[o(F,{control:y,name:"firstName",rules:{required:null===(t=e.texts)||void 0===t?void 0:t.required},render:function(t){var r,n,i,a=t.field;return o(Re,ye({inForm:!0,fullWidth:!0,type:"text",value:null!==(r=a.value)&&void 0!==r?r:"",label:(null===(n=e.texts)||void 0===n?void 0:n.firstNameLabel)+" *",helperText:null===(i=x.firstName)||void 0===i?void 0:i.message},a))}}),o("div",{style:{width:20}}),o(F,{control:y,name:"lastName",rules:{required:null===(r=e.texts)||void 0===r?void 0:r.required},render:function(t){var r,n,i,a=t.field;return o(Re,ye({inForm:!0,fullWidth:!0,type:"text",value:null!==(r=a.value)&&void 0!==r?r:"",label:(null===(n=e.texts)||void 0===n?void 0:n.lastNameLabel)+" *",helperText:null===(i=x.lastName)||void 0===i?void 0:i.message},a))}})]}),o(F,{control:y,name:"email",render:function(t){var r,n,i,a=t.field;return o(Re,ye({inForm:!0,fullWidth:!0,type:"text",value:null!==(r=a.value)&&void 0!==r?r:"",label:(null===(n=e.texts)||void 0===n?void 0:n.emailLabel)+" *",helperText:null===(i=x.email)||void 0===i?void 0:i.message},a))},rules:{required:null===(i=e.texts)||void 0===i?void 0:i.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===(a=e.texts)||void 0===a?void 0:a.emailInvalidText}}}),l(h,{sx:w,children:[o(F,{control:y,name:"streetAddress",rules:{required:null===(s=e.texts)||void 0===s?void 0:s.required},render:function(t){var r,n,i,a=t.field;return o(Re,ye({inForm:!0,fullWidth:!0,type:"text",value:null!==(r=a.value)&&void 0!==r?r:"",label:(null===(n=e.texts)||void 0===n?void 0:n.streetAddressLabel)+" *",helperText:null===(i=x.streetAddress)||void 0===i?void 0:i.message},a))}}),o("div",{style:{width:20}}),o(F,{control:y,name:"buildingNumber",rules:{required:null===(d=e.texts)||void 0===d?void 0:d.required},render:function(t){var r,n,i,a=t.field;return o(Re,ye({inForm:!0,fullWidth:!0,type:"text",value:null!==(r=a.value)&&void 0!==r?r:"",label:(null===(n=e.texts)||void 0===n?void 0:n.buildingNumberLabel)+" *",helperText:null===(i=x.buildingNumber)||void 0===i?void 0:i.message},a))}})]}),l(h,{sx:w,children:[o(F,{control:y,name:"province",rules:{required:null===(c=e.texts)||void 0===c?void 0:c.required},render:function(t){var r,n,i,a=t.field;return o(Re,ye({inForm:!0,fullWidth:!0,type:"text",value:null!==(r=a.value)&&void 0!==r?r:"",label:(null===(n=e.texts)||void 0===n?void 0:n.stateLabel)+" *",helperText:null===(i=x.province)||void 0===i?void 0:i.message},a))}}),o("div",{style:{width:20}}),o(F,{control:y,name:"city",rules:{required:null===(u=e.texts)||void 0===u?void 0:u.required},render:function(t){var r,n,i,a=t.field;return o(Re,ye({inForm:!0,fullWidth:!0,type:"text",value:null!==(r=a.value)&&void 0!==r?r:"",label:(null===(n=e.texts)||void 0===n?void 0:n.cityLabel)+" *",helperText:null===(i=x.city)||void 0===i?void 0:i.message},a))}})]}),l(h,{sx:w,children:[o(F,{control:y,name:"zipCode",rules:{required:null===(m=e.texts)||void 0===m?void 0:m.required},render:function(t){var r,n,i,a=t.field;return o(Re,ye({inForm:!0,fullWidth:!0,type:"number",variant:"unscrollable",value:null!==(r=a.value)&&void 0!==r?r:"",label:(null===(n=e.texts)||void 0===n?void 0:n.zipCodeLabel)+" *",helperText:null===(i=x.zipCode)||void 0===i?void 0:i.message},a))}}),o("div",{style:{width:20}}),o(F,{control:y,name:"country",rules:{required:null===(p=e.texts)||void 0===p?void 0:p.required},render:function(t){var r,n,i,a=t.field;return l(dt,ye(ye({fullWidth:!0,native:!0,label:(null===(r=e.texts)||void 0===r?void 0:r.countryLabel)+" *",variant:"standard",value:null!==(n=a.value)&&void 0!==n?n:"",helperText:null===(i=x.country)||void 0===i?void 0:i.message,displayEmpty:!0,disableUnderline:!0,validators:["required"]},a),{},{children:[o("option",{}),e.countriesList.map((function(e,t){return o("option",{children:e},t)}))]}))}})]}),o(n,{type:"submit",fullWidth:!0,variant:"last",children:e.texts.payNow})]})}))]})};Lt.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 St=function(e){var t="ar"===e.lang;return l("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:[l(h,{maxWidth:"sm",style:{direction:t?"rtl":"ltr"},children:[o(g,{align:"center",variant:"h3",fontWeight:400,style:{marginBottom:10},children:e.confirmationTitle}),o(J,{variant:"middle"}),l(g,{align:"center",variant:"body1",style:{marginBottom:10},children:[e.texts.successMessage," ",o("strong",{children:e.userEmail})]}),o(g,{align:"center",variant:"body1",children:e.texts.yourOrderNumber}),o(g,{align:"center",variant:"body1",fontWeight:700,style:{marginBottom:10},children:e.orderNumber}),o(J,{variant:"middle"}),e.products&&l(s,{children:[o(g,{align:"center",variant:"h5",fontWeight:500,style:{marginBottom:10},children:e.texts.orderDetails}),o(pt,{lang:e.lang,columns:["Product","Price"],rows:e.products,end:["Total",e.total]}),o(J,{variant:"middle"})]}),o(n,{onClick:e.handlePrint,variant:"contained",children:e.texts.print}),o(n,{onClick:e.handleHistory,variant:"last",children:e.texts.history}),o(n,{onClick:e.handleHome,variant:"last",children:e.texts.homePage}),o(g,{align:"center",variant:"body2",style:{marginTop:10},children:e.texts.fasterPaymentNote})]}),o("a",{style:{marginTop:10,paddingTop:10,padding:5,cursor:"pointer"},onClick:e.handleRefundPolicyLink,children:o(g,{align:"center",variant:"caption",fontWeight:500,children:e.texts.refundPolicy})})]})};St.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 Wt=function(e){var t=Pe(r("sar"),2),n=t[0],i=t[1],a=Pe(r("monthly"),2),s=a[0],d=a[1];return l(h,{style:{width:"fit-content"},variant:"plain",children:[l("div",{style:{display:"flex",flexDirection:"row",justifyContent:"space-between",marginBottom:10},children:[o(Ne,{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"}]}),o(Ne,{location:"inPricing",handleChange:function(e){i(e)},defaultValue:"sar",options:[{label:"USD",value:"usd"},{label:"SAR",value:"sar"}]})]}),o(h,{variant:"pricing",children:e.plans.map((function(t){return o(Ie,ye(ye({lang:e.lang},t),{},{currency:n,cycleText:s}))}))})]})};Wt.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 Ot=function(e){return o("div",{children:e.children})},Nt=function(e){var t=B();return o(me,{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(pe,{onClick:e.action,children:[e.icon&&o(e.icon,{}),e.icon&&o("div",{style:{width:10}}),o(g,{textAlign:"center",children:e.label})]},e.label)}))})};Nt.propTypes={anchor:a.any,handleClose:a.func,menuItems:a.arrayOf(a.shape({icon:a.element,label:a.string,action:a.func}))};var At=function(e){return{width:240,transition:e.transitions.create("width",{easing:e.transitions.easing.sharp,duration:e.transitions.duration.enteringScreen}),overflowX:"hidden"}},It=function(e){return we({transition:e.transitions.create("width",{easing:e.transitions.easing.sharp,duration:e.transitions.duration.leavingScreen}),overflowX:"hidden",width:"calc(".concat(e.spacing(8)," + 1px)")},e.breakpoints.up("sm"),{width:"calc(".concat(e.spacing(8)," + 1px)")})},qt=K("div")((function(e){var t=e.theme;return ye({display:"flex",alignItems:"center",justifyContent:"rtl"===e.direction?"flex-start":"flex-end",padding:t.spacing(0,1)},t.mixins.toolbar)})),Rt=K(re,{shouldForwardProp:function(e){return"open"!==e}})((function(e){var t=e.theme,r=e.open,n=e.direction;return ye({zIndex:t.zIndex.drawer+1,transition:t.transitions.create(["width","margin"],{easing:t.transitions.easing.sharp,duration:t.transitions.duration.leavingScreen})},r&&{marginLeft:"rtl"===n?0:240,marginRight:"rtl"===n?240:0,width:"calc(100% - ".concat(240,"px)"),transition:t.transitions.create(["width","margin"],{easing:t.transitions.easing.sharp,duration:t.transitions.duration.enteringScreen})})})),jt=K(te,{shouldForwardProp:function(e){return"open"!==e}})((function(e){var t=e.theme,r=e.open;return ye(ye({width:240,flexShrink:0,whiteSpace:"nowrap",boxSizing:"border-box"},r&&ye(ye({},At(t)),{},{"& .MuiDrawer-paper":At(t)})),!r&&ye(ye({},It(t)),{},{"& .MuiDrawer-paper":It(t)}))}));function Bt(e){var r=Q(),n=Pe(t.useState(!0),2),a=n[0],s=n[1],d="ar"===e.lang,c=Pe(t.useState(null),2);c[0],c[1];var u=Pe(t.useState(null),2),m=u[0],p=u[1];return l(ee,{sx:{display:"flex",direction:d?"rtl":"ltr"},children:[o(Rt,{variant:"appbar",position:"fixed",open:a,direction:d?"rtl":"ltr",children:l(ne,{variant:"appbar",sx:{paddingLeft:{xs:3},paddingRight:{xs:3}},children:[o(ae,{color:"inherit","aria-label":"open drawer",onClick:function(){return s(!0)},edge:"start",s:!0,sx:ye({marginRight:5},a&&{display:"none"}),children:o(le,{})}),l("div",{style:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",width:"100%",margin:0},children:[o(g,{variant:"h6",noWrap:!0,component:"div",children:e.pageTitle}),l(ee,{children:[o(i,{title:"Open settings",children:o(ae,{onClick:function(e){return p(e.currentTarget)},sx:{p:0},size:"small",children:o(ue,{})})}),o(Nt,{menuItems:e.accountMenu,anchor:m,handleClose:function(){return p(null)}})]})]})]})}),l(jt,{variant:"permanent",open:a,children:[l(qt,{direction:d?"rtl":"ltr",children:[e.logo,o(ae,{onClick:function(){return s(!1)},children:"rtl"===r.direction?o(se,{}):o(oe,{})})]}),o(J,{}),o(ie,{children:e.pages.map((function(t,r){var n,s;return o(i,{title:t.text,placement:"right",arrow:!0,PopperProps:{style:{opacity:a?0:1}},children:l(de,{variant:(null===(n=e.pageName)||void 0===n?void 0:n.toLowerCase())===(null===(s=t.slug)||void 0===s?void 0:s.toLowerCase())&&"clicked",onClick:t.action,sx:{minHeight:48,justifyContent:a?"initial":"center",px:2.5},children:[o(t.icon,{}),o("div",{style:{width:20}}),o(ce,{primary:t.text,sx:{opacity:a?1:0}})]},t.text)},r)}))})]}),l(ee,{sx:{flexGrow:1,p:3},children:[o(qt,{}),e.children]})]})}var Dt=["children","onClose","hideClose"],Et=function(e){var t=e.children,r=e.onClose,n=e.hideClose,i=Te(e,Dt);return l(xe,ye(ye({sx:{m:0,p:2}},i),{},{children:[t,n?null:o(ae,{"aria-label":"close",onClick:r,sx:{position:"absolute",right:8,top:8,color:function(e){return e.palette.grey[500]}},children:o(he,{})})]}))};function zt(e){var t=Pe(r(!1),2);return t[0],t[1],l(ge,ye(ye({},e),{},{variant:"main",children:[o(Et,{onClose:e.onClose,hideClose:e.hideClose,children:e.title}),o(ve,{children:e.children}),o(fe,{children:e.actions})]}))}var Mt=function(e){var r=B(),a=Pe(t.useState(null),2),s=a[0],d=a[1],c=Pe(t.useState(null),2),u=c[0],m=c[1],p=function(){return d(null)};return console.log("theme is ",r),o(re,{position:"static",variant:"appbar",children:o(h,{variant:"appbar",children:l(ne,{disableGutters:!0,children:[o(ee,{sx:{flexGrow:1,display:{xs:"none",md:"flex"}},children:e.logo}),l(ee,{sx:{flexGrow:1,display:{xs:"flex",md:"none"}},children:[o(ae,{size:"large","aria-label":"account of current user","aria-controls":"menu-appbar","aria-haspopup":"true",onClick:function(e){return d(e.currentTarget)},color:"inherit",children:o(le,{})}),o(Nt,{anchor:s,handleClose:p,menuItems:e.pages})]}),o(ee,{sx:{flexGrow:1,display:{xs:"flex",md:"none"}},children:e.logo}),o(ee,{sx:{flexGrow:1,display:{xs:"none",md:"flex"}},children:e.pages.map((function(e){return o(n,{onClick:p,sx:{my:2,display:"block"},children:e.label},e)}))}),l(ee,{sx:{flexGrow:0},children:[o(i,{title:"Open settings",children:o(ae,{onClick:function(e){return m(e.currentTarget)},sx:{p:0},children:o(ue,{alt:"Remy Sharp",src:"/static/images/avatar/2.jpg"})})}),o(Nt,{anchor:u,handleClose:function(e){return m(null)},menuItems:e.accountMenu})]})]})})})};Mt.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 Ut=function(e){var r=Pe(t.useState(null),2),n=r[0],i=r[1];return l(D,ye(ye({variant:"page-controls"},e),{},{style:{display:"flex",flexDirection:"row",justifyContent:"space-between"},children:[o(R,{variant:"layout",onClick:e.backAction,children:e.backText}),o(E,{direction:"row",spacing:1,sx:{display:{xs:"none",md:"flex"}},children:e.actionButtons.map((function(e){return o(R,{variant:"layout",children:e.label})}))}),l(E,{direction:"row",spacing:1,sx:{display:{xs:"flex",md:"none"}},children:[o(R,{variant:"layout",onClick:function(e){return i(e.currentTarget)},children:o(le,{})}),o(Nt,{handleClose:function(e){return i(null)},anchor:n,menuItems:e.actionButtons})]})]}))};Ut.propTypes={backText:a.string,backAction:a.func,actionButtons:a.arrayOf(a.shape({label:a.string,action:a.func}))};export{Se as ActionButton,Le as AdaptiveButton,Ot as Box,Pt as ChargeWalletForm,Lt as CheckoutForm,St as ConfirmationPage,Ct as CreditCardForm,gt as HawaAccordian,mt as HawaAlert,Mt as HawaAppBar,Bt as HawaAppLayout,st as HawaButton,Oe as HawaCheckbox,it as HawaColorPicker,zt as HawaDialog,ut as HawaInputLabel,Ae as HawaItemCard,ot as HawaLogoButton,Ut as HawaPageControls,Ie as HawaPricingCard,Ne as HawaRadio,at as HawaRange,ht as HawaSearchBar,dt as HawaSelect,lt as HawaSettingsRow,We as HawaSnackbar,pt as HawaTable,ct as HawaTextArea,Re as HawaTextField,qe as HawaTypography,xt as NewPasswordForm,kt as PayWithWallet,Wt as PricingPlans,bt as ResetPasswordForm,Tt as SelectPayment,wt as SignInForm,yt as SignUpForm,ft as UserProfileForm,vt as UserSettingsForm};
|
|
1
|
+
import*as e from"react";import t,{useState as r,useEffect as n}from"react";import i from"@mui/material/Button";import a from"@mui/material/Tooltip";import l from"prop-types";import{jsxs as o,jsx as s,Fragment as d}from"react/jsx-runtime";import c from"@mui/material/Snackbar";import u from"@mui/material/AlertTitle";import m from"@mui/material/Alert";import p from"@mui/material/FormControlLabel";import h from"@mui/material/Checkbox";import g from"@mui/material/Container";import f from"@mui/material/Typography";import v from"@mui/icons-material/CheckCircleOutlined";import x from"@mui/material/Chip";import y from"@mui/material/Input";import b from"@mui/material/InputLabel";import w from"@mui/material/Switch";import T from"@emotion/styled";import C from"@mui/material/Slider";import P from"@mui/material/Stack";import k from"@mui/icons-material/GitHub";import L from"@mui/icons-material/Twitter";import S from"@mui/icons-material/AccountBalanceWallet";import W from"@mui/material/Select";import O from"@mui/material/Table";import I from"@mui/material/TableBody";import A from"@mui/material/TableCell";import N from"@mui/material/TableContainer";import R from"@mui/material/TableHead";import q from"@mui/material/TableRow";import{Button as j,InputAdornment as z,IconButton as D,Container as B,Typography as E,Stack as M,useTheme as U}from"@mui/material";import{Search as _,MoreVert as G}from"@mui/icons-material";import $ from"@mui/icons-material/ExpandMore";import F from"@mui/material/Accordion";import V from"@mui/material/AccordionSummary";import Z from"@mui/material/AccordionDetails";import{useDropzone as H}from"react-dropzone";import X from"@mui/icons-material/Close";import{useForm as Y,FormProvider as J,Controller as K}from"react-hook-form";import Q from"@mui/material/InputAdornment";import ee from"@mui/icons-material/HttpsOutlined";import te from"@mui/icons-material/MailOutline";import re from"@mui/icons-material/PermIdentityOutlined";import ne from"@mui/material/Divider";import{styled as ie,useTheme as ae}from"@mui/material/styles";import le from"@mui/material/Box";import oe from"@mui/material/Drawer";import se from"@mui/material/AppBar";import de from"@mui/material/Toolbar";import ce from"@mui/material/List";import ue from"@mui/material/IconButton";import me from"@mui/icons-material/Menu";import pe from"@mui/icons-material/ChevronLeft";import he from"@mui/icons-material/ChevronRight";import ge from"@mui/material/ListItemButton";import fe from"@mui/material/ListItemText";import ve from"@mui/material/Avatar";import xe from"@mui/material/Menu";import ye from"@mui/material/MenuItem";import be from"@mui/material/Dialog";import we from"@mui/material/DialogActions";import Te from"@mui/material/DialogContent";import Ce from"@mui/material/DialogTitle";function Pe(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 ke(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?Pe(Object(r),!0).forEach((function(t){Le(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Pe(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function Le(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function Se(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r,n,i={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}function We(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function Oe(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,a=[],l=!0,o=!1;try{for(r=r.call(e);!(l=(n=r.next()).done)&&(a.push(n.value),!t||a.length!==t);l=!0);}catch(e){o=!0,i=e}finally{try{l||null==r.return||r.return()}finally{if(o)throw i}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return Ie(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 Ie(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 Ie(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 Ae=function(e){return e.showText?o(i,{variant:"adaptive-dark",onClick:e.onClick,children:[e.icon,s("div",{style:{width:10}}),e.buttonText]}):s(a,{title:e.buttonText,placement:"top",children:s(i,{variant:"adaptive-dark",onClick:e.onClick,children:e.icon})})};Ae.propTypes={buttonText:l.string,onClick:l.func,showText:l.bool};var Ne=function(e){return s(i,ke(ke({},e),{},{children:e.text}))},Re=function(e){return s(c,{open:e.open,onClose:e.handleClose,children:o(m,{icon:!1,severity:e.severity,children:[e.title&&s(u,{children:e.title}),e.text]})})},qe=function(e){return console.log("props : ",e),s(t.Fragment,{children:s(p,{label:e.label,control:s(h,{style:{color:e.color||null},defaultChecked:e.defaultValue})})})},je=function(e){var t=Oe(r(e.defaultValue),2),n=t[0],a=t[1];return s(g,{variant:e.location||"panelTabs",children:e.options.map((function(t,r){var l;return s(i,{onClick:function(){e.handleChange(t.value),a(t.value)},fullWidth:!0,variant:(null==n?void 0:n.toLowerCase())===(null===(l=t.value)||void 0===l?void 0:l.toLowerCase())?"selected":"unselected",children:t.label},r)}))})};je.propTypes={lang:l.string,options:l.arrayOf(l.shape({label:l.string,value:l.string})),defaultValue:l.string,handleChange:l.func,location:l.string};var ze=function(e){var t="ar"===e.lang;return o(g,{onClick:function(t){t.stopPropagation(),e.onCardClick()},maxWidth:"xs",variant:"card-container",dataValue:"parent",style:{direction:t?"rtl":"ltr"},children:[e.header&&o(g,{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(g,{style:{zIndex:20},variant:"card-content",children:e.content}),e.actions&&s(g,{style:{zIndex:20},variant:"card-actions",children:e.actions})]})};ze.propTypes={lang:l.string,onCardClick:l.func};var De=function(e){var t,r,n="ar"===e.lang,a={monthly:"شهرياً","3-months":"كل 3 أشهر","6-months":"كل 6 أشهر",annually:"سنوياً"},l={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 o(g,{maxWidth:"xs",variant:e.selectedPlan?"selected-plan-card":"plan-card",style:{direction:n?"rtl":"ltr"},children:[o(g,{variant:"plan-header",children:[e.discount&&s(x,{label:e.discount,variant:"standard",style:ke({maxWidth:"fit-content",position:"absolute",bottom:10},u),color:"success"}),s(f,{variant:"h3",fontWeight:500,children:n?e.title_ar:e.title}),s(f,{variant:"caption",children:n?e.subtitle_ar:e.subtitle}),s("br",{}),s(f,{variant:"h4",fontWeight:500,style:{display:"flex",alignItems:"center"},children:"ar"===e.lang?o("div",{style:{width:"100%",display:"flex",flexDirection:"column",justifyContent:"center"},children:[o("div",{style:{display:"flex",flexDirection:"row"},children:[e.price,s("div",{style:{width:5}}),s(f,{children:d[null===(t=e.currency)||void 0===t?void 0:t.toLowerCase()]})]}),s(f,{style:{fontSize:14,margin:5},children:n?a[e.cycleText]:l[e.cycleText]})]}):o("div",{style:{width:"100%",display:"flex",flexDirection:"column",justifyContent:"center"},children:[o("div",{style:{display:"flex",flexDirection:"row"},children:[s(f,{children:d[null===(r=e.currency)||void 0===r?void 0:r.toLowerCase()]}),s("div",{style:{width:5}}),e.price]}),s(f,{style:{fontSize:14,margin:5},children:"ar"===e.lang?a[e.cycleText]:l[e.cycleText]})]})})]}),s("div",{style:{padding:20,color:e.selectedPlan?"white":"black"},children:null==c?void 0:c.map((function(e){return o("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(v,{fontSize:"small"})}),s("div",{style:{width:10}}),s(f,{variant:"subtitle2",children:e})]})}))}),s(i,{onClick:e.selectPlan,variant:e.selectedPlan?"outlined":"contained",style:{margin:20},children:e.buttonText})]})};De.propTypes={lang:l.string,buttonText:l.string,selectedPlan:l.string,title:l.string,title_ar:l.string,subtitle:l.string,subtitle_ar:l.string,features:l.array,features_ar:l.array,currency:l.oneOf(["sar","usd"]),cycleText:l.oneOf(["monthly","3-months","6-months","annually"])};var Be=function(e){return s(f,ke(ke({},e),{},{children:e.children}))},Ee=function(e){return s("div",{style:e.inForm&&{width:"100%"},children:o("div",{style:{width:e.fullWidth?"100%":"fit-content"},children:[o("div",{style:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center"},children:[e.label&&s(b,{children:e.label}),e.helperText&&s(f,{style:{marginBottom:!e.label&&10},variant:"validation",children:e.helperText})]}),s(y,ke({disableUnderline:!0},e))]})})},Me=function(e){return s(w,ke({},e))};var Ue="production"!==process.env.NODE_ENV?l.oneOfType([l.number,l.string,l.object,l.array]):{};function _e(){return _e=Object.assign||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},_e.apply(this,arguments)}function Ge(e){return null!==e&&"object"==typeof e&&e.constructor===Object}function $e(e,t,r={clone:!0}){const n=r.clone?_e({},e):e;return Ge(e)&&Ge(t)&&Object.keys(t).forEach((i=>{"__proto__"!==i&&(Ge(t[i])&&i in e&&Ge(e[i])?n[i]=$e(e[i],t[i],r):n[i]=t[i])})),n}const Fe=["m","mt","mr","mb","ml","mx","my","margin","marginTop","marginRight","marginBottom","marginLeft","marginX","marginY","marginInline","marginInlineStart","marginInlineEnd","marginBlock","marginBlockStart","marginBlockEnd"],Ve=["p","pt","pr","pb","pl","px","py","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","paddingX","paddingY","paddingInline","paddingInlineStart","paddingInlineEnd","paddingBlock","paddingBlockStart","paddingBlockEnd"],Ze=[...Fe,...Ve];function He(e){return function(e,t,r,n){const i=(a=e,((l=t)&&"string"==typeof l?l.split(".").reduce(((e,t)=>e&&e[t]?e[t]:null),a):null)||r);var a,l;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 Xe(e,t){if(null==e)return{};var r,n,i={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}"production"===process.env.NODE_ENV||Fe.reduce(((e,t)=>(e[t]=Ue,e)),{}),"production"===process.env.NODE_ENV||Ve.reduce(((e,t)=>(e[t]=Ue,e)),{}),"production"===process.env.NODE_ENV||Ze.reduce(((e,t)=>(e[t]=Ue,e)),{});const Ye=["values","unit","step"];function Je(e){const{values:t={xs:0,sm:600,md:900,lg:1200,xl:1536},unit:r="px",step:n=5}=e,i=Xe(e,Ye),a=(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)=>_e({},e,{[t.key]:t.val})),{})})(t),l=Object.keys(a);function o(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 a=l.indexOf(i);return`@media (min-width:${"number"==typeof t[e]?t[e]:e}${r}) and (max-width:${(-1!==a&&"number"==typeof t[l[a]]?t[l[a]]:i)-n/100}${r})`}return _e({keys:l,values:a,up:o,down:s,between:d,only:function(e){return l.indexOf(e)+1<l.length?d(e,l[l.indexOf(e)+1]):o(e)},not:function(e){const t=l.indexOf(e);return 0===t?o(l[1]):t===l.length-1?s(l[t]):d(e,l[l.indexOf(e)+1]).replace("@media","@media not all and")},unit:r},i)}var Ke={borderRadius:4};const Qe=["breakpoints","palette","spacing","shape"];const et=e.createContext(null);"production"!==process.env.NODE_ENV&&(et.displayName="ThemeContext");var tt=et;function rt(t=null){const r=function(){const t=e.useContext(tt);return"production"!==process.env.NODE_ENV&&e.useDebugValue(t),t}();return r&&(n=r,0!==Object.keys(n).length)?r:t;var n}const nt=function(e={},...t){const{breakpoints:r={},palette:n={},spacing:i,shape:a={}}=e,l=Xe(e,Qe),o=Je(r),s=function(e=8){if(e.mui)return e;const t=He({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=$e({breakpoints:o,direction:"ltr",components:{},palette:_e({mode:"light"},n),spacing:s,shape:_e({},Ke,a)},l);return d=t.reduce(((e,t)=>$e(e,t)),d),d}();function it(e=nt){return rt(e)}var at,lt,ot=T.input(at||(at=We(["\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})),st=T.input(lt||(lt=We(["\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})),dt=function(e){var t=it();return o("div",{style:{display:"flex",flexDirection:"row"},children:[s(st,{type:"text",value:e.color,borderRadius:t.allBorderRadius,onChange:e.handleChange}),s("div",{style:{width:10}}),s(ot,{type:"color",value:e.color,onChange:e.handleChange,borderRadius:t.allBorderRadius})]})};dt.propTypes={color:l.string,handleChange:l.func};var ct=function(e){return o(P,{spacing:2,direction:"row",alignItems:"center",style:e.style,children:[e.startElement,s(C,{size:"small","aria-label":"Volume",value:e.value,onChange:e.handleChange}),e.endElement]})};ct.propTypes={startElement:l.element,endElement:l.element,handleChange:l.func};var ut=function(e){return o(g,{variant:"settingsRow",children:[s(Be,{children:e.settingsLabel}),"checkbox"===e.settingsType&&s(h,ke({},e)),"text"===e.settingsType&&s(Ee,ke({},e)),"boolean"===e.settingsType&&s(Me,ke({},e)),"range"===e.settingsType&&s(ct,ke({},e)),"color"===e.settingsType&&s(dt,ke({},e)),"radio"===e.settingsType&&s(je,ke({location:"inSettings"},e))]})};ut.propTypes={settingsLabel:l.string,settingsType:l.oneOf(["checkbox","text","radio","boolean","color"])};var mt=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(k,{});break;case"twitter":n=s(L,{});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(S,{})}return o(i,ke(ke({style:{direction:r?"rtl":"ltr"}},e),{},{variant:"withLogo",children:[n,s("div",{style:{width:10}}),s(f,{style:{color:"black",fontSize:14,textAlign:"center",letterSpacing:.4,fontFamily:"Roboto",fontWeight:500},children:e.buttonText})]}))};mt.propTypes={lang:l.string,logo:l.oneOf(["google","github","twitter","wallet","googlepay","applepay","stcpay","visa/master","paypal","mada"]),buttonText:l.string};var pt=function(e){return s(i,ke(ke({},e),{},{children:e.children}))},ht=function(e){return o("div",{style:{width:"100%"},children:[o("div",{style:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center"},children:[s(b,{children:e.label}),e.helperText&&s(f,{variant:"validation",children:e.helperText})]}),s(W,ke(ke({},e),{},{children:e.children}))]})},gt=function(e){var t=it();return console.log("theme is ",t),s("label",{children:s("textarea",{style:{color:"black",backgroundColor:e.bgColor||"white",borderBottom:"none",border:"none",width:"100%",padding:0,margin:0,marginBottom:0,resize:e.resize||"vertical"}})})},ft=function(e){return s(b,{children:s("div",{style:{fontSize:15},children:e.label})})},vt=function(e){return o(m,{severity:e.severity,icon:e.hideIcon,children:[e.title&&s(u,{children:e.title}),e.text]})};vt.propTypes={severity:l.oneOf(["error","info","success","warning"]),title:l.string,text:l.string,hideIcon:l.bool};var xt=function(e){var t="ar"===e.lang;return s(N,{style:{direction:t?"rtl":"ltr"},children:o(O,{"aria-label":"a dense table",children:[s(R,{children:o(q,{children:[e.columns.map((function(e,r){return s(A,{align:t?"right":"left",style:{fontWeight:700},variant:r>0?t?"borderedRight":"borderedLeft":"body",children:e},r)})),e.actions&&s(A,{align:t?"right":"left",style:{fontWeight:700},variant:t?"borderedRight":"borderedLeft",children:"Actions"})]})}),s(I,{children:e.rows?e.rows.map((function(r,n){return o(q,{children:[r.map((function(e,r){return s(A,{align:t?"right":"left",component:"th",scope:"row",variant:r>0?t?"borderedRight":"borderedLeft":"body",children:e},r)})),e.actions&&s(A,{align:t?"right":"left",style:{fontWeight:700},variant:t?"borderedRight":"borderedLeft",children:e.actions.map((function(t){return s(j,{style:{margin:2},variant:"outlined",size:"small",onClick:function(){return e.handleActionClick(r)},children:t})}))})]},n)})):s(q,{align:"center",children:s(A,{align:"center",component:"th",colSpan:6,children:e.noDataText})})}),e.end&&s(q,{children:e.end.map((function(e,r){return s(A,{align:t?"right":"left",style:{fontWeight:700},component:"th",scope:"row",variant:r>0?t?"borderedRight":"borderedLeft":"body",children:e},r)}))})]})})};xt.propTypes={handleActionClick:l.func,noDataText:l.string,lang:l.string,columns:l.array,rows:l.array,end:l.array};var yt=function(e){return s(Ee,ke({endAdornment:s(z,{position:"start",children:s(_,{})})},e))},bt=function(e){return o(F,{elevation:0,children:[s(V,{expandIcon:s($,{}),"aria-controls":"panel1a-content",id:"panel1a-header",children:s(f,{children:e.title})}),s(Z,{children:o(f,{children:[e.content," "]})})]})};bt.propTypes={title:l.string,content:l.string};var wt={display:"flex",flexDirection:"row",flexWrap:"wrap",marginTop:10},Tt=function(e){var t,i,a,l,d=e.texts,c=e.files,u=e.setFiles;e.itemId,e.setDeletedFiles,e.refetchSingleMenu;var m=e.maxFiles,p=Oe(r(0),2);p[0],p[1];var h=it(),g=H({multiple:!0,accept:"image/*",maxSize:5e6,maxFiles:m,onDrop:function(e){u(e.map((function(e,t){return Object.assign(e,{preview:URL.createObjectURL(e)})})))}}),f=g.getRootProps,v=g.getInputProps,x=g.fileRejections,y=g.acceptedFiles,b=g.isDragActive;n((function(){return function(){null==c||c.forEach((function(e){URL.revokeObjectURL(e.preview)}))}}),[c]),n((function(){var e;return null!==(e=c[0])&&void 0!==e&&e.hasOwnProperty("_id")&&(null==c||c.map((function(e,t){y.push({isFromDB:!0,_id:e._id,img_url:e.image_url})})),console.log("accepted files : ",y),u(y)),function(){y.splice(0,null==y?void 0:y.length)}}),[]);var w=x.map((function(e,t){return o("div",{children:[s("div",{children:e.file.name}),s("div",{children:e.errors[0].code})]},t)}));console.log(null===(t=x[0])||void 0===t||null===(i=t.errors[0])||void 0===i?void 0:i.code);var T=null==c?void 0:c.map((function(e,t){return o("div",{style:{position:"relative",margin:10},children:[s(D,{onClick:function(e){e.stopPropagation(),console.log("delete")},size:"small",variant:"contained",style:{position:"absolute",top:-10,right:-10,backgroundColor:h.primaryActionColor,color:"white",padding:3},children:s(X,{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 o(B,ke(ke({variant:"drop-area"},f({style:{backgroundColor:b&&"white"}})),{},{children:[s("input",ke({},v())),s(E,{children:"Click here or drop files here to upload"}),s(E,{children:"Max file size is 5MB"}),T?s("aside",{style:wt,children:T}):null,"too-many-files"!==(null===(a=x[0])||void 0===a||null===(l=a.errors[0])||void 0===l?void 0:l.code)?s(vt,{text:d.tooManyFiles,severity:"error"}):w]}))},Ct=function(e){return o(M,{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(G,{})}),s("div",{style:{width:"100%"},children:e.children})]})},Pt=function(e){var t=Y(),r=t.formState.errors,n=t.handleSubmit,a=t.control;return s(g,{maxWidth:"sm",children:s(J,ke(ke({},t),{},{children:o("form",{onSubmit:n(e.handleUpdateProfile),children:[s(K,{control:a,name:"fullName",render:function(t){var n,i,a=t.field;return s(Ee,ke({fullWidth:!0,type:"text",value:null!==(n=a.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},a))}}),s(K,{control:a,name:"phoneNumber",render:function(e){var t=e.field;return s(Ee,ke({fullWidth:!0,type:"tel",label:"Phone Number",placeholder:"+966"},t))}}),s(K,{control:a,name:"email",render:function(t){var n,i,a=t.field;return s(Ee,ke({fullWidth:!0,type:"text",value:null!==(n=a.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},a))},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(K,{control:a,name:"password",render:function(t){var n,i,a=t.field;return s(Ee,ke({fullWidth:!0,type:"password",value:null!==(n=a.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},a))},rules:{required:e.texts.passwordRequiredText}}),s(K,{control:a,name:"confirmPassword",render:function(t){var n,i,a=t.field;return s(Ee,ke({fullWidth:!0,type:"password",value:null!==(n=a.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},a))},rules:{required:e.texts.confirmPasswordRequiredText}}),s(i,{type:"submit",fullWidth:!0,variant:"last",children:e.texts.updateProfile})]})}))})},kt=function(e){return o(g,{maxWidth:"sm",children:[e.children,s(i,{type:"submit",fullWidth:!0,variant:"last",onClick:e.handleSaveSettings,children:e.saveSettingsText})]})},Lt=function(e){var t=Oe(r(!1),2),n=t[0],a=t[1],l=Y(),d=l.formState.errors,c=l.handleSubmit,u=l.control;return o(g,{maxWidth:"xs",variant:"auth",children:[n&&s(vt,{text:e.texts.passwordMatchError,severity:"error"}),e.passwordChanged?s(Be,{style:{textAlign:"center",margin:5},children:e.texts.passwordChanged}):s(J,ke(ke({},l),{},{children:o("form",{onSubmit:c((function(t){console.log("handling subb",t),t.password===t.confirmPassword?e.handleNewPassword():a(!0)})),children:[s(K,{control:u,name:"password",render:function(t){var r,n,i=t.field;return s(Ee,ke({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(Q,{position:"start",children:s(ee,{})})},i))},rules:{required:e.texts.passwordRequiredText}}),s(K,{control:u,name:"confirmPassword",render:function(t){var r,n,i=t.field;return s(Ee,ke({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(Q,{position:"start",children:s(ee,{})})},i))},rules:{required:e.texts.confirmPasswordRequiredText}}),s(i,{type:"submit",fullWidth:!0,variant:"last",children:e.texts.updatePassword})]})}))]})};Lt.propTypes={texts:l.shape({emailLabel:l.string,emailPlaceholder:l.string,emailRequiredText:l.string,passwordPlaceholder:l.string,updatePassword:l.string,passwordRequiredText:l.string,passwordLabel:l.string,confirmPasswordPlaceholder:l.string,confirmPasswordLabel:l.string,confirmPasswordRequiredText:l.string,passwordMatchError:l.string,forgotPasswordText:l.string,passwordChanged:l.string}),passwordChanged:l.bool,handleNewPassword:l.func};var St=function(e){var t=Y(),r=t.formState.errors,n=t.handleSubmit;t.register;var a=t.control;return s(g,{maxWidth:"xs",variant:"auth",children:e.sent?s(Be,{style:{textAlign:"center",margin:5},children:e.texts.emailSentText}):o("form",{onSubmit:n(e.handleResetPassword),children:[s(K,{control:a,name:"email",render:function(t){var n,i,a=t.field;return s(Ee,ke({fullWidth:!0,type:"text",value:null!==(n=a.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(Q,{position:"start",children:s(te,{})})},a))},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})]})})};St.propTypes={texts:l.shape({emailLabel:l.string,emailPlaceholder:l.string,emailRequiredText:l.string,emailInvalidText:l.string,emailSentText:l.string,resetPassword:l.string}),sent:l.bool,handleResetPassword:l.func};var Wt=function(e){var t=Y(),r=t.formState.errors,n=t.handleSubmit,a=t.control;return o(g,{maxWidth:"xs",variant:"auth",style:{direction:"ar"===e.lang?"rtl":"ltr"},children:[e.showError&&s(vt,{title:e.errorTitle,text:e.errorText,severity:"error"}),s(J,ke(ke({},t),{},{children:o("form",{onSubmit:n(e.handleSignUp),children:[s(K,{control:a,name:"fullName",render:function(t){var n,i,a=t.field;return s(Ee,{fullWidth:!0,type:"text",value:null!==(n=a.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(Q,{position:"start",children:s(re,{})})})},rules:{required:e.texts.fullNameRequiredText}}),s(K,{control:a,name:"email",render:function(t){var n,i,a=t.field;return s(Ee,{fullWidth:!0,type:"text",value:null!==(n=a.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(Q,{position:"start",children:s(te,{})})})},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(K,{control:a,name:"password",render:function(t){var n,i,a,l=t.field;return s(Ee,ke({fullWidth:!0,type:"password",defaultValue:null!==(n=l.value)&&void 0!==n?n:"",value:null!==(i=l.value)&&void 0!==i?i:"",label:e.texts.passwordLabel,placeholder:e.texts.passwordPlaceholder,helperText:null===(a=r.password)||void 0===a?void 0:a.message,startAdornment:s(Q,{position:"start",children:s(ee,{})})},l))},rules:{required:e.texts.passwordRequiredText}}),s(i,{fullWidth:!0,variant:"last",type:"submit",children:e.texts.signUpText})]})})),o(f,{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(ne,{}),o("div",{style:{display:"flex",flexDirection:"column"},children:[e.viaGoogle&&s(mt,{logo:"google",buttonText:e.texts.googleButtonLabel,onClick:e.handleGoogleSignUp}),e.viaGithub&&s(mt,{logo:"github",buttonText:e.texts.githubButtonLabel,onClick:e.handleGithubSignUp}),e.viaTwitter&&s(mt,{logo:"twitter",buttonText:e.texts.twitterButtonLabel,onClick:e.handleTwitterSignUp})]})]})};Wt.propTypes={texts:l.shape({fullNameLabel:l.string,fullNamePlaceholder:l.string,fullNameRequiredText:l.string,emailLabel:l.string,emailPlaceholder:l.string,emailRequiredText:l.string,emailInvalidText:l.string,passwordLabel:l.string,passwordPlaceholder:l.string,passwordRequiredText:l.string,passwordTooShortText:l.string,forgotPasswordText:l.string,newUserText:l.string,signUpText:l.string,signInText:l.string,existingUserText:l.string,googleButtonLabel:l.string,githubButtonLabel:l.string,twitterButtonLabel:l.string}),viaGoogle:l.bool,viaGithub:l.bool,viaTwitter:l.bool,handleSignUp:l.func,handleRouteToSignIn:l.func,handleGoogleSignUp:l.func,handleGithubSignUp:l.func,handleTwitterSignUp:l.func};var Ot=function(e){var t=Y(),r=t.formState.errors,n=t.handleSubmit,a=t.control;return o(g,{maxWidth:"xs",variant:"auth",style:{direction:"ar"===e.lang?"rtl":"ltr"},children:[e.showError&&s(vt,{title:e.errorTitle,text:e.errorText,severity:"error"}),o("form",{onSubmit:n(e.handleSignIn),children:[s(K,{control:a,name:"email",render:function(t){var n,i,a=t.field;return s(Ee,ke({fullWidth:!0,type:"text",value:null!==(n=a.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(Q,{position:"start",children:s(te,{})})},a))},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(K,{control:a,name:"password",render:function(t){var n,i,a,l=t.field;return s(Ee,ke({fullWidth:!0,type:"password",defaultValue:null!==(n=l.value)&&void 0!==n?n:"",value:null!==(i=l.value)&&void 0!==i?i:"",label:e.texts.passwordLabel,placeholder:e.texts.passwordPlaceholder,helperText:null===(a=r.password)||void 0===a?void 0:a.message,startAdornment:s(Q,{position:"start",children:s(ee,{})})},l))},rules:{required:e.texts.passwordRequiredText}}),s(f,{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})]}),o(f,{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(ne,{}),o("div",{style:{display:"flex",flexDirection:"column"},children:[e.viaGoogle&&s(mt,{logo:"google",buttonText:e.texts.googleButtonLabel,onClick:e.handleGoogleSignIn}),e.viaGithub&&s(mt,{logo:"github",buttonText:e.texts.githubButtonLabel,onClick:e.handleGithubSignIn}),e.viaTwitter&&s(mt,{logo:"twitter",buttonText:e.texts.twitterButtonLabel,onClick:e.handleTwitterSignIn})]})]})};Ot.propTypes={texts:l.shape({emailLabel:l.string,emailPlaceholder:l.string,emailRequiredText:l.string,emailInvalidText:l.string,passwordLabel:l.string,passwordPlaceholder:l.string,passwordRequiredText:l.string,forgotPasswordText:l.string,newUserText:l.string,signUpText:l.string,signInText:l.string,googleButtonLabel:l.string,githubButtonLabel:l.string,twitterButtonLabel:l.string}),viaGoogle:l.bool,viaGithub:l.bool,viaTwitter:l.bool,handleSignIn:l.func,handleRouteToSignUp:l.func,handleGoogleSignIn:l.func,handleGithubSignIn:l.func,handleTwitterSignIn:l.func};var It=function(e){return o(g,{maxWidth:"xs",children:[s(Be,{align:"center",children:"Choose Payment Method"}),e.viaWallet&&s(mt,{logo:"wallet",buttonText:e.walletLabel,onClick:e.handleWallet}),e.viaCreditCard&&s(mt,{logo:"visa/master",buttonText:e.visaMasterLabel,onClick:e.handleCreditCard}),e.viaMada&&s(mt,{logo:"mada",buttonText:e.madaLabel,onClick:e.handleMada}),e.viaSTCPay&&s(mt,{logo:"stcpay",buttonText:e.stcPayLabel,onClick:e.handleSTCPay}),e.viaPayPal&&s(mt,{logo:"paypal",buttonText:e.paypalLabel,onClick:e.handlePayPal}),e.viaGooglePay&&s(mt,{logo:"googlepay",buttonText:e.googlePayLabel,onClick:e.handleGooglePay}),e.viaApplePay&&s(mt,{logo:"applepay",buttonText:e.applePayLabel,onClick:e.handleApplePay})]})};It.propTypes={viaMada:l.bool,viaWallet:l.bool,viaSTCPay:l.bool,viaPayPal:l.bool,viaApplePay:l.bool,viaCreditCard:l.bool,madaLabel:l.string,stcPayLabel:l.string,paypalLabel:l.string,walletLabel:l.string,applePayLabel:l.string,visaMasterLabel:l.string,handleMada:l.func,handleWallet:l.func,handleSTCPay:l.func,handlePayPal:l.func,handleApplePay:l.func,handleCreditCard:l.func};var At=function(e){var t,r=Y(),n=r.formState.errors,a=r.handleSubmit,l=r.control;return s(g,{maxWidth:"xs",children:o("form",{onSubmit:a(e.handle),children:[s(Ee,{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(K,{control:l,name:"cardName",render:function(e){var t;return e.field,s(Ee,{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(K,{control:l,name:"cardName",render:function(e){var t;return e.field,s(Ee,{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(K,{control:l,name:"cardName",render:function(e){var t;return e.field,s(Ee,{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"})]})})},Nt=function(e){var t=Oe(r(0),2),n=t[0],a=t[1],l=Y(),d=l.formState.errors,c=l.handleSubmit,u=l.control;return o(g,{maxWidth:"xs",children:[o(f,{align:"center",variant:"h2",fontWeight:500,style:{marginBottom:20},children:[Number(n).toLocaleString("en")||"0",s(f,{children:e.currency||"SAR"})]}),s(J,ke(ke({},l),{},{children:o("form",{onSubmit:c(e.handleChargeWallet),children:[s(K,{control:u,name:"amount",render:function(t){var r,n,i=t.field;return s(Ee,ke(ke({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)),a(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})]})}))]})};Nt.propTypes={texts:l.shape({amountLabel:l.string,chargeWallet:l.string,amountRequired:l.string}),handleChargeWallet:l.func,currency:l.string};var Rt=function(e){return o(g,{maxWidth:"xs",children:[s(f,{align:"center",children:"Wallet Balance"}),o(f,{align:"center",variant:"h1",children:[e.walletBalance||"0",s(f,{children:e.currency||"SAR"})]}),s(i,{type:"submit",fullWidth:!0,variant:"last",onClick:e.handlePayWithWallet,children:"Pay Now"})]})},qt=function(e){var t,r,n,a,l,d,c,u,m,p,h="ar"===e.lang,v=Y(),x=v.formState.errors,y=v.handleSubmit;v.register;var b=v.control,w={display:"flex",padding:0,paddingRight:"0px !important",paddingLeft:"0px !important",flexDirection:{xs:"column",sm:"row",md:"row",lg:"row",xl:"row"}};return o(g,{maxWidth:"sm",style:{direction:h?"rtl":"ltr"},children:[s(f,{align:"center",variant:"h5",fontWeight:500,style:{marginBottom:10},children:e.texts.orderDetails}),s(xt,{lang:e.lang,columns:["Product","Price"],rows:e.products,end:["Total",e.total]}),s(ne,{variant:"middle"}),s(f,{align:"center",variant:"h5",fontWeight:500,style:{marginBottom:10},children:e.texts.billingAddress}),s(J,ke(ke({},v),{},{children:o("form",{onSubmit:y(e.handlePayNow),children:[o(g,{sx:w,children:[s(K,{control:b,name:"firstName",rules:{required:null===(t=e.texts)||void 0===t?void 0:t.required},render:function(t){var r,n,i,a=t.field;return s(Ee,ke({inForm:!0,fullWidth:!0,type:"text",value:null!==(r=a.value)&&void 0!==r?r:"",label:(null===(n=e.texts)||void 0===n?void 0:n.firstNameLabel)+" *",helperText:null===(i=x.firstName)||void 0===i?void 0:i.message},a))}}),s("div",{style:{width:20}}),s(K,{control:b,name:"lastName",rules:{required:null===(r=e.texts)||void 0===r?void 0:r.required},render:function(t){var r,n,i,a=t.field;return s(Ee,ke({inForm:!0,fullWidth:!0,type:"text",value:null!==(r=a.value)&&void 0!==r?r:"",label:(null===(n=e.texts)||void 0===n?void 0:n.lastNameLabel)+" *",helperText:null===(i=x.lastName)||void 0===i?void 0:i.message},a))}})]}),s(K,{control:b,name:"email",render:function(t){var r,n,i,a=t.field;return s(Ee,ke({inForm:!0,fullWidth:!0,type:"text",value:null!==(r=a.value)&&void 0!==r?r:"",label:(null===(n=e.texts)||void 0===n?void 0:n.emailLabel)+" *",helperText:null===(i=x.email)||void 0===i?void 0:i.message},a))},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===(a=e.texts)||void 0===a?void 0:a.emailInvalidText}}}),o(g,{sx:w,children:[s(K,{control:b,name:"streetAddress",rules:{required:null===(l=e.texts)||void 0===l?void 0:l.required},render:function(t){var r,n,i,a=t.field;return s(Ee,ke({inForm:!0,fullWidth:!0,type:"text",value:null!==(r=a.value)&&void 0!==r?r:"",label:(null===(n=e.texts)||void 0===n?void 0:n.streetAddressLabel)+" *",helperText:null===(i=x.streetAddress)||void 0===i?void 0:i.message},a))}}),s("div",{style:{width:20}}),s(K,{control:b,name:"buildingNumber",rules:{required:null===(d=e.texts)||void 0===d?void 0:d.required},render:function(t){var r,n,i,a=t.field;return s(Ee,ke({inForm:!0,fullWidth:!0,type:"text",value:null!==(r=a.value)&&void 0!==r?r:"",label:(null===(n=e.texts)||void 0===n?void 0:n.buildingNumberLabel)+" *",helperText:null===(i=x.buildingNumber)||void 0===i?void 0:i.message},a))}})]}),o(g,{sx:w,children:[s(K,{control:b,name:"province",rules:{required:null===(c=e.texts)||void 0===c?void 0:c.required},render:function(t){var r,n,i,a=t.field;return s(Ee,ke({inForm:!0,fullWidth:!0,type:"text",value:null!==(r=a.value)&&void 0!==r?r:"",label:(null===(n=e.texts)||void 0===n?void 0:n.stateLabel)+" *",helperText:null===(i=x.province)||void 0===i?void 0:i.message},a))}}),s("div",{style:{width:20}}),s(K,{control:b,name:"city",rules:{required:null===(u=e.texts)||void 0===u?void 0:u.required},render:function(t){var r,n,i,a=t.field;return s(Ee,ke({inForm:!0,fullWidth:!0,type:"text",value:null!==(r=a.value)&&void 0!==r?r:"",label:(null===(n=e.texts)||void 0===n?void 0:n.cityLabel)+" *",helperText:null===(i=x.city)||void 0===i?void 0:i.message},a))}})]}),o(g,{sx:w,children:[s(K,{control:b,name:"zipCode",rules:{required:null===(m=e.texts)||void 0===m?void 0:m.required},render:function(t){var r,n,i,a=t.field;return s(Ee,ke({inForm:!0,fullWidth:!0,type:"number",variant:"unscrollable",value:null!==(r=a.value)&&void 0!==r?r:"",label:(null===(n=e.texts)||void 0===n?void 0:n.zipCodeLabel)+" *",helperText:null===(i=x.zipCode)||void 0===i?void 0:i.message},a))}}),s("div",{style:{width:20}}),s(K,{control:b,name:"country",rules:{required:null===(p=e.texts)||void 0===p?void 0:p.required},render:function(t){var r,n,i,a=t.field;return o(ht,ke(ke({fullWidth:!0,native:!0,label:(null===(r=e.texts)||void 0===r?void 0:r.countryLabel)+" *",variant:"standard",value:null!==(n=a.value)&&void 0!==n?n:"",helperText:null===(i=x.country)||void 0===i?void 0:i.message,displayEmpty:!0,disableUnderline:!0,validators:["required"]},a),{},{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})]})}))]})};qt.propTypes={texts:l.shape({orderDetails:l.string,billingAddress:l.string,payNow:l.string,emailLabel:l.string,emailRequiredText:l.string,emailInvalidText:l.string,firstNameLabel:l.string,required:l.string,lastNameLabel:l.string,streetAddressLabel:l.string,buildingNumberLabel:l.string,cityLabel:l.string,stateLabel:l.string,countryLabel:l.string,zipCodeLabel:l.string}),lang:l.string,countriesList:l.array,products:l.array,total:l.string,handlePayNow:l.func};var jt=function(e){var t="ar"===e.lang;return o("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:[o(g,{maxWidth:"sm",style:{direction:t?"rtl":"ltr"},children:[s(f,{align:"center",variant:"h3",fontWeight:400,style:{marginBottom:10},children:e.confirmationTitle}),s(ne,{variant:"middle"}),o(f,{align:"center",variant:"body1",style:{marginBottom:10},children:[e.texts.successMessage," ",s("strong",{children:e.userEmail})]}),s(f,{align:"center",variant:"body1",children:e.texts.yourOrderNumber}),s(f,{align:"center",variant:"body1",fontWeight:700,style:{marginBottom:10},children:e.orderNumber}),s(ne,{variant:"middle"}),e.products&&o(d,{children:[s(f,{align:"center",variant:"h5",fontWeight:500,style:{marginBottom:10},children:e.texts.orderDetails}),s(xt,{lang:e.lang,columns:["Product","Price"],rows:e.products,end:["Total",e.total]}),s(ne,{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(f,{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(f,{align:"center",variant:"caption",fontWeight:500,children:e.texts.refundPolicy})})]})};jt.propTypes={texts:l.shape({print:l.string,history:l.string,homePage:l.string,successMessage:l.string,orderDetails:l.string,fasterPaymentNote:l.string,billingAddress:l.string,payNow:l.string,yourOrderNumber:l.string,emailLabel:l.string,emailRequiredText:l.string,emailInvalidText:l.string,firstNameLabel:l.string,required:l.string,lastNameLabel:l.string,streetAddressLabel:l.string,buildingNumberLabel:l.string,cityLabel:l.string,stateLabel:l.string,countryLabel:l.string,zipCodeLabel:l.string,refundPolicy:l.string}),products:l.array,countriesList:l.array,lang:l.string,total:l.string,userEmail:l.string,orderNumber:l.string,confirmationTitle:l.string,handleHome:l.func,handlePrint:l.func,handleHistory:l.func,handleRefundPolicyLink:l.func};var zt=function(e){var t=Oe(r("sar"),2),n=t[0],i=t[1],a=Oe(r("monthly"),2),l=a[0],d=a[1];return o(g,{style:{width:"fit-content"},variant:"plain",children:[o("div",{style:{display:"flex",flexDirection:"row",justifyContent:"space-between",marginBottom:10},children:[s(je,{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(je,{location:"inPricing",handleChange:function(e){i(e)},defaultValue:"sar",options:[{label:"USD",value:"usd"},{label:"SAR",value:"sar"}]})]}),s(g,{variant:"pricing",children:e.plans.map((function(t){return s(De,ke(ke({lang:e.lang},t),{},{currency:n,cycleText:l}))}))})]})};zt.propTypes={plans:l.arrayOf(l.shape({title:l.string,title_ar:l.string,subtitle:l.string,subtitle_ar:l.string,price:l.number,currency:l.string,cycleText:l.string,buttonText:l.string,features:l.array,features_ar:l.array,selectedPlan:l.bool})),lang:l.string};var Dt=function(e){return s("div",{children:e.children})},Bt=function(e){var t=U();return s(xe,{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 o(ye,{onClick:e.action,children:[e.icon&&s(e.icon,{}),e.icon&&s("div",{style:{width:10}}),s(f,{textAlign:"center",children:e.label})]},e.label)}))})};Bt.propTypes={anchor:l.any,handleClose:l.func,menuItems:l.arrayOf(l.shape({icon:l.element,label:l.string,action:l.func}))};var Et=function(e){return{width:240,transition:e.transitions.create("width",{easing:e.transitions.easing.sharp,duration:e.transitions.duration.enteringScreen}),overflowX:"hidden"}},Mt=function(e){return Le({transition:e.transitions.create("width",{easing:e.transitions.easing.sharp,duration:e.transitions.duration.leavingScreen}),overflowX:"hidden",width:"calc(".concat(e.spacing(8)," + 1px)")},e.breakpoints.up("sm"),{width:"calc(".concat(e.spacing(8)," + 1px)")})},Ut=ie("div")((function(e){var t=e.theme;return ke({display:"flex",alignItems:"center",justifyContent:"rtl"===e.direction?"flex-start":"flex-end",padding:t.spacing(0,1)},t.mixins.toolbar)})),_t=ie(se,{shouldForwardProp:function(e){return"open"!==e}})((function(e){var t=e.theme,r=e.open,n=e.direction;return ke({zIndex:t.zIndex.drawer+1,transition:t.transitions.create(["width","margin"],{easing:t.transitions.easing.sharp,duration:t.transitions.duration.leavingScreen})},r&&{marginLeft:"rtl"===n?0:240,marginRight:"rtl"===n?240:0,width:"calc(100% - ".concat(240,"px)"),transition:t.transitions.create(["width","margin"],{easing:t.transitions.easing.sharp,duration:t.transitions.duration.enteringScreen})})})),Gt=ie(oe,{shouldForwardProp:function(e){return"open"!==e}})((function(e){var t=e.theme,r=e.open;return ke(ke({width:240,flexShrink:0,whiteSpace:"nowrap",boxSizing:"border-box"},r&&ke(ke({},Et(t)),{},{"& .MuiDrawer-paper":Et(t)})),!r&&ke(ke({},Mt(t)),{},{"& .MuiDrawer-paper":Mt(t)}))}));function $t(e){var r=ae(),n=Oe(t.useState(!0),2),i=n[0],l=n[1],d="ar"===e.lang,c=Oe(t.useState(null),2);c[0],c[1];var u=Oe(t.useState(null),2),m=u[0],p=u[1];return o(le,{sx:{display:"flex",direction:d?"rtl":"ltr"},children:[s(_t,{variant:"appbar",position:"fixed",open:i,direction:d?"rtl":"ltr",children:o(de,{variant:"appbar",sx:{paddingLeft:{xs:3},paddingRight:{xs:3}},children:[s(ue,{color:"inherit","aria-label":"open drawer",onClick:function(){return l(!0)},edge:"start",s:!0,sx:ke({marginRight:5},i&&{display:"none"}),children:s(me,{})}),o("div",{style:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",width:"100%",margin:0},children:[s(f,{variant:"h6",noWrap:!0,component:"div",children:e.pageTitle}),o(le,{children:[s(a,{title:"Open settings",children:s(ue,{onClick:function(e){return p(e.currentTarget)},sx:{p:0},size:"small",children:s(ve,{})})}),s(Bt,{menuItems:e.accountMenu,anchor:m,handleClose:function(){return p(null)}})]})]})]})}),o(Gt,{variant:"permanent",open:i,children:[o(Ut,{direction:d?"rtl":"ltr",children:[e.logo,s(ue,{onClick:function(){return l(!1)},children:"rtl"===r.direction?s(he,{}):s(pe,{})})]}),s(ne,{}),s(ce,{children:e.pages.map((function(t,r){var n,l;return s(a,{title:t.text,placement:"right",arrow:!0,PopperProps:{style:{opacity:i?0:1}},children:o(ge,{variant:(null===(n=e.pageName)||void 0===n?void 0:n.toLowerCase())===(null===(l=t.slug)||void 0===l?void 0:l.toLowerCase())&&"clicked",onClick:t.action,sx:{minHeight:48,justifyContent:i?"initial":"center",px:2.5},children:[s(t.icon,{}),s("div",{style:{width:20}}),s(fe,{primary:t.text,sx:{opacity:i?1:0}})]},t.text)},r)}))})]}),o(le,{sx:{flexGrow:1,p:3},children:[s(Ut,{}),e.children]})]})}var Ft=["children","onClose","hideClose"],Vt=function(e){var t=e.children,r=e.onClose,n=e.hideClose,i=Se(e,Ft);return o(Ce,ke(ke({sx:{m:0,p:2}},i),{},{children:[t,n?null:s(ue,{"aria-label":"close",onClick:r,sx:{position:"absolute",right:8,top:8,color:function(e){return e.palette.grey[500]}},children:s(X,{})})]}))};function Zt(e){var t=Oe(r(!1),2);return t[0],t[1],o(be,ke(ke({},e),{},{variant:"main",children:[s(Vt,{onClose:e.onClose,hideClose:e.hideClose,children:e.title}),s(Te,{children:e.children}),s(we,{children:e.actions})]}))}var Ht=function(e){var r=U(),n=Oe(t.useState(null),2),l=n[0],d=n[1],c=Oe(t.useState(null),2),u=c[0],m=c[1],p=function(){return d(null)};return console.log("theme is ",r),s(se,{position:"static",variant:"appbar",children:s(g,{variant:"appbar",children:o(de,{disableGutters:!0,children:[s(le,{sx:{flexGrow:1,display:{xs:"none",md:"flex"}},children:e.logo}),o(le,{sx:{flexGrow:1,display:{xs:"flex",md:"none"}},children:[s(ue,{size:"large","aria-label":"account of current user","aria-controls":"menu-appbar","aria-haspopup":"true",onClick:function(e){return d(e.currentTarget)},color:"inherit",children:s(me,{})}),s(Bt,{anchor:l,handleClose:p,menuItems:e.pages})]}),s(le,{sx:{flexGrow:1,display:{xs:"flex",md:"none"}},children:e.logo}),s(le,{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)}))}),o(le,{sx:{flexGrow:0},children:[s(a,{title:"Open settings",children:s(ue,{onClick:function(e){return m(e.currentTarget)},sx:{p:0},children:s(ve,{alt:"Remy Sharp",src:"/static/images/avatar/2.jpg"})})}),s(Bt,{anchor:u,handleClose:function(e){return m(null)},menuItems:e.accountMenu})]})]})})})};Ht.propTypes={pages:l.arrayOf(l.shape({icon:l.element,label:l.string,action:l.func})),accountMenu:l.arrayOf(l.shape({icon:l.element,label:l.string,action:l.func}))};var Xt=function(e){var r=Oe(t.useState(null),2),n=r[0],i=r[1];return o(B,ke(ke({variant:"page-controls"},e),{},{style:{display:"flex",flexDirection:"row",justifyContent:"space-between"},children:[s(j,{variant:"layout",onClick:e.backAction,children:e.backText}),s(M,{direction:"row",spacing:1,sx:{display:{xs:"none",md:"flex"}},children:e.actionButtons.map((function(e){return s(j,{variant:"layout",children:e.label})}))}),o(M,{direction:"row",spacing:1,sx:{display:{xs:"flex",md:"none"}},children:[s(j,{variant:"layout",onClick:function(e){return i(e.currentTarget)},children:s(me,{})}),s(Bt,{handleClose:function(e){return i(null)},anchor:n,menuItems:e.actionButtons})]})]}))};Xt.propTypes={backText:l.string,backAction:l.func,actionButtons:l.arrayOf(l.shape({label:l.string,action:l.func}))};export{Ne as ActionButton,Ae as AdaptiveButton,Dt as Box,Nt as ChargeWalletForm,qt as CheckoutForm,jt as ConfirmationPage,At as CreditCardForm,Tt as DragDropImages,Ct as DraggableCard,bt as HawaAccordian,vt as HawaAlert,Ht as HawaAppBar,$t as HawaAppLayout,pt as HawaButton,qe as HawaCheckbox,dt as HawaColorPicker,Zt as HawaDialog,ft as HawaInputLabel,ze as HawaItemCard,mt as HawaLogoButton,Xt as HawaPageControls,De as HawaPricingCard,je as HawaRadio,ct as HawaRange,yt as HawaSearchBar,ht as HawaSelect,ut as HawaSettingsRow,Re as HawaSnackbar,xt as HawaTable,gt as HawaTextArea,Ee as HawaTextField,Be as HawaTypography,Lt as NewPasswordForm,Rt as PayWithWallet,zt as PricingPlans,St as ResetPasswordForm,It as SelectPayment,Ot as SignInForm,Wt as SignUpForm,Pt as UserProfileForm,kt as UserSettingsForm};
|