@sikka/hawa 0.0.38 → 0.0.42

package/lib/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.0.38",
+  "version": "0.0.42",
   "description": "UI Kit",
   "main": "lib/index.js",
   "module": "es/index.es.js",
@@ -9,6 +9,7 @@
     "start": "start-storybook -p 6006 -s public",
     "storybook": "start-storybook -p 6006 -s public",
     "build-storybook": "build-storybook",
+    "deploy-storybook": "storybook-to-ghpages",
     "build-lib": "rollup -c",
     "build:styles": " node tools/build-styles"
   },
@@ -26,8 +27,8 @@
     "@storybook/addon-links": "^6.5.8",
     "@storybook/addons": "^6.5.8",
     "@storybook/react": "^6.5.8",
+    "@storybook/storybook-deployer": "^2.8.11",
     "@storybook/theming": "^6.5.8",
-    "axios": "^0.26.1",
     "babel-loader": "^8.2.2",
     "crypto-js": "^4.1.1",
     "emotion-theming": "^11.0.0",
@@ -37,13 +38,20 @@
     "next-translate": "^1.3.5",
     "qs": "^6.10.3",
     "react": "^17.0.1",
+    "react-color": "^2.19.3",
+    "react-dnd": "^15.1.2",
     "react-dom": "^17.0.1",
+    "react-dropzone": "^12.0.4",
+    "react-phone-input-2": "^2.15.1",
+    "react-hook-form": "^7.28.0",
+    "react-select": "^5.3.2",
     "react-transition-group": "^4.4.2",
     "rollup": "^2.38.4",
     "rollup-plugin-babel": "^4.4.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.0",
-    "rollup-plugin-terser": "^7.0.2"
+    "rollup-plugin-terser": "^7.0.2",
+    "tinycolor2": "^1.4.2"
   },
   "peerDependencies": {
     "@emotion/react": "^11.8.2",
@@ -59,8 +67,9 @@
     "react-dom": "^17.0.1",
     "react-dropzone": "^12.0.4",
     "react-hook-form": "^7.28.0",
+    "react-select": "^5.3.2",
     "react-transition-group": "^4.4.2",
     "tinycolor2": "^1.4.2",
-    "react-select": "^5.3.2"
+    "react-phone-input-2": "^2.15.1"
   }
-}
+}

package/src/Hooks.js

@@ -0,0 +1,61 @@
+import { useEffect, useState } from "react";
+import { useTheme } from "@mui/material";
+
+export function useDisclosure(defaultValue) {
+  const [isOpen, setIsOpen] = useState(
+    defaultValue ? Boolean(defaultValue) : false
+  );
+
+  function onClose() {
+    setIsOpen(false);
+  }
+
+  function onOpen() {
+    setIsOpen(true);
+  }
+
+  return {
+    isOpen: isOpen,
+    onClose: onClose,
+    onOpen: onOpen
+  };
+}
+
+export function useBreakPointValue(values) {
+  const [value, setValue] = useState(values.base ?? "");
+  const theme = useTheme();
+
+  useEffect(() => {
+    console.log("break point",theme.breakpoints.values);
+    function handleResize() {
+      if (
+        values.mobile &&
+        window.innerWidth >= theme.breakpoints.values.mobile &&
+        window.innerWidth < theme.breakpoints.values.tablet
+      )
+        setValue(values.mobile);
+      if (
+        values.tablet &&
+        window.innerWidth >= theme.breakpoints.values.tablet &&
+        window.innerWidth < theme.breakpoints.values.laptop
+      )
+        setValue(values.tablet);
+      if (
+        values.laptop &&
+        window.innerWidth >= theme.breakpoints.values.laptop &&
+        window.innerWidth < theme.breakpoints.values.desktop
+      )
+        setValue(values.laptop);
+
+      if (
+        values.desktop &&
+        window.innerWidth >= theme.breakpoints.values.desktop
+      )
+        setValue(values.desktop);
+    }
+    window.addEventListener("resize", handleResize);
+    return () => window.removeEventListener("resize", handleResize);
+  }, []);
+
+  return value;
+}

package/src/blocks/Account/UserProfileForm.js

@@ -6,6 +6,7 @@ import Button from "@mui/material/Button";
 
 export const UserProfileForm = (props) => {
   const methods = useForm();
+  const { inputs } = props;
   const {
     formState: { errors },
     handleSubmit,
@@ -103,6 +104,43 @@ export const UserProfileForm = (props) => {
               required: props.texts.confirmPasswordRequiredText
             }}
           />
+          {inputs.length > 0 &&
+            inputs.map((singleInput) => {
+              if (singleInput.type === "textArea") {
+                return (
+                  <Controller
+                    control={control}
+                    name={singleInput.name}
+                    render={({ field }) => (
+                      <HawaTextField
+                        fullWidth
+                        type="text"
+                        defaultValue={singleInput.defaultValue ?? null}
+                        label={singleInput.label ?? null}
+                        placeholder={singleInput.placeHolder ?? null}
+                        rules={singleInput.rules ?? null}
+                      />
+                    )}
+                  />
+                );
+              }
+              return (
+                <Controller
+                  control={control}
+                  name={singleInput.name}
+                  render={({ field }) => (
+                    <HawaTextField
+                      fullWidth
+                      type={singleInput.type}
+                      defaultValue={singleInput.defaultValue ?? null}
+                      label={singleInput.label ?? null}
+                      placeholder={singleInput.placeHolder ?? null}
+                      rules={singleInput.rules ?? null}
+                    />
+                  )}
+                />
+              );
+            })}
           <Button type="submit" fullWidth variant="last">
             {props.texts.updateProfile}
           </Button>
@@ -115,4 +153,4 @@ export const UserProfileForm = (props) => {
 // texts: PropTypes.shape({
 //   emailLabel: PropTypes.string,
 
-// }),
+// }),