@sikka/hawa 0.0.35 → 0.0.36

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.0.35",
+  "version": "0.0.36",
   "description": "UI Kit",
   "main": "lib/index.js",
   "module": "es/index.es.js",
@@ -20,13 +20,13 @@
     "@paypal/react-paypal-js": "^7.6.0",
     "@rollup/plugin-commonjs": "^21.0.1",
     "@rollup/plugin-node-resolve": "^11.1.1",
-    "@storybook/addon-actions": "^6.4.7",
-    "@storybook/addon-docs": "^6.4.19",
-    "@storybook/addon-essentials": "^6.4.7",
-    "@storybook/addon-links": "^6.4.7",
-    "@storybook/addons": "^6.4.19",
-    "@storybook/react": "^6.4.7",
-    "@storybook/theming": "^6.4.19",
+    "@storybook/addon-actions": "^6.5.8",
+    "@storybook/addon-docs": "^6.5.8",
+    "@storybook/addon-essentials": "^6.5.8",
+    "@storybook/addon-links": "^6.5.8",
+    "@storybook/addons": "^6.5.8",
+    "@storybook/react": "^6.5.8",
+    "@storybook/theming": "^6.5.8",
     "axios": "^0.26.1",
     "babel-loader": "^8.2.2",
     "crypto-js": "^4.1.1",
@@ -57,9 +57,10 @@
     "react-color": "^2.19.3",
     "react-dnd": "^15.1.2",
     "react-dom": "^17.0.1",
+    "react-dropzone": "^12.0.4",
     "react-hook-form": "^7.28.0",
     "react-transition-group": "^4.4.2",
     "tinycolor2": "^1.4.2",
-    "react-dropzone": "^12.0.4"
+    "react-select": "^5.3.2"
   }
 }

package/src/elements/DragDropImages.js

@@ -3,7 +3,7 @@ import React, { useEffect, useState } from "react";
 import { useDropzone } from "react-dropzone";
 import CloseIcon from "@mui/icons-material/Close";
 // import styled from "@emotion/styled";
-import { Container, IconButton, Typography } from "@mui/material";
+import { Button, Container, IconButton, Typography } from "@mui/material";
 import { useTheme } from "@mui/system";
 import { HawaAlert } from "./HawaAlert";
 
@@ -18,14 +18,20 @@ export const DragDropImages = ({
   texts,
   files,
   setFiles,
-  itemId,
   setDeletedFiles,
-  refetchSingleMenu,
-  maxFiles
+  maxFiles,
+  accept,
+  onAcceptedFiles,
+  showPreview,
+  onDeleteFile,
+  onClearFiles,
+  maxSize,
+  errorMessages
 }) =>
   // props
   {
     const [cmp, setCmp] = useState(0);
+    const [max, setMax] = useState(0);
     //const [thumbs, setThumbs] = useState("");
     const theme = useTheme();
     const {
@@ -36,8 +42,8 @@ export const DragDropImages = ({
       isDragActive
     } = useDropzone({
       multiple: true,
-      accept: "image/*",
-      maxSize: 5000000,
+      accept: accept,
+      maxSize: maxSize,
       maxFiles: maxFiles,
       onDrop: (acceptedFiles) => {
         setFiles(
@@ -49,52 +55,6 @@ export const DragDropImages = ({
         );
       }
     });
-    const handleRemoveFile = async (file) => {
-      console.log("fezafezaf", acceptedFiles[file]);
-      if (acceptedFiles[file]?.isFromDB) {
-        setDeletedFiles((old) => [
-          ...old,
-          {
-            img_url: acceptedFiles[file]?.img_url,
-            _id: acceptedFiles[file]?._id
-          }
-        ]);
-        try {
-          // await axios.post(
-          //   `${process.env.NEXT_PUBLIC_QAWAIM_API_URL}/deleteImages`,
-          //   {
-          //     deletedFiles: [
-          //       {
-          //         img_url: acceptedFiles[file]?.img_url,
-          //         _id: acceptedFiles[file]?._id
-          //       }
-          //     ],
-          //     itemId: itemId
-          //   }
-          // );
-          refetchSingleMenu();
-          acceptedFiles.splice(file, 1);
-          setFiles(acceptedFiles);
-        } catch (err) {
-          console.error(err);
-        }
-        console.log("accepted files after delete : ", acceptedFiles);
-        setCmp((old) => old + 1);
-        return;
-      }
-      // if (file.hasOwnProperty("_id")) {
-      //   console.log("Yes");
-      //   return;
-      // }
-      acceptedFiles.splice(file, 1);
-
-      setFiles(
-        acceptedFiles.map((f) =>
-          Object.assign(f, { preview: URL.createObjectURL(f) })
-        )
-      );
-      // setFiles(acceptedFiles);
-    };
     useEffect(
       () => () => {
         files?.forEach((file) => {
@@ -103,23 +63,28 @@ export const DragDropImages = ({
       },
       [files]
     );
+
     useEffect(() => {
-      if (files[0]?.hasOwnProperty("_id")) {
-        files?.map((file, index) => {
-          acceptedFiles.push({
-            // preview: `https://qawaim-images.s3-ap-southeast-1.amazonaws.com/${file.image_url}`,
-            isFromDB: true,
-            _id: file._id,
-            img_url: file.image_url
-          });
-        });
-        console.log("accepted files : ", acceptedFiles);
-        setFiles(acceptedFiles);
+      setFiles(acceptedFiles);
+    }, [acceptedFiles, cmp]);
+
+    onClearFiles = () => {
+      acceptedFiles.length = 0;
+      acceptedFiles.splice(0, acceptedFiles.length);
+      setFiles([]);
+    };
+
+    useEffect(() => {
+      if (maxSize > 0) {
+        const k = 1024;
+        const sizes = ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
+        const i = Math.floor(Math.log(maxSize) / Math.log(1024));
+
+        setMax(
+          parseFloat((maxSize / Math.pow(1024, i)).toFixed(2)) + " " + sizes[i]
+        );
       }
-      return () => {
-        acceptedFiles.splice(0, acceptedFiles?.length);
-      };
-    }, []);
+    }, [maxSize]);
     const errs = fileRejections.map((rej, i) => {
       return (
         <div key={i}>
@@ -128,13 +93,14 @@ export const DragDropImages = ({
         </div>
       );
     });
-    console.log(fileRejections[0]?.errors[0]?.code);
     const thumbs = files?.map((file, index) => (
       <div style={{ position: "relative", margin: 10 }}>
         <IconButton
           onClick={(e) => {
             e.stopPropagation();
-            console.log("delete");
+            acceptedFiles.splice(acceptedFiles.indexOf(file), 1);
+            setCmp(Math.random);
+            onDeleteFile(file);
           }}
           size="small"
           variant="contained"
@@ -167,6 +133,8 @@ export const DragDropImages = ({
       </div>
     ));
 
+    console.log("error", fileRejections);
+
     return (
       <Container
         variant="drop-area"
@@ -176,14 +144,29 @@ export const DragDropImages = ({
       >
         <input {...getInputProps()} />
         <Typography>Click here or drop files here to upload</Typography>
-        <Typography>Max file size is 5MB</Typography>
-        {thumbs ? <aside style={thumbsContainer}>{thumbs}</aside> : null}
-        {fileRejections[0]?.errors[0]?.code !== "too-many-files" ? (
+        <Typography>Max file size is {max}</Typography>
+        {acceptedFiles.length > 0 && (
+          <Button
+            style={{ color: "black" }}
+            onClick={(e) => {
+              e.stopPropagation();
+              onClearFiles(acceptedFiles);
+            }}
+          >
+            Clear All
+          </Button>
+        )}
+
+        {thumbs && showPreview ? <aside style={thumbsContainer}>{thumbs}</aside> : null}
+        {fileRejections[0]?.errors[0]?.code === "too-many-files" ? (
           // <Typography variant="">{texts.tooManyFiles}</Typography>
           <HawaAlert text={texts.tooManyFiles} severity="error" />
+        ) : fileRejections[0]?.errors[0]?.code === "file-too-large" ? (
+          <HawaAlert text={texts.fileTooLarge} severity="error" />
         ) : (
           errs
         )}
+        {}
       </Container>
     );
   };

package/src/elements/HawaSelectInput.js

@@ -0,0 +1,30 @@
+import Select from "react-select";
+import Creatable from "react-select/creatable";
+
+export default function HawaSelectInput(props) {
+  return (
+    <>
+      {!props.isCreatable && (
+        <Select
+          options={props.options}
+          isClearable={props.isClearable}
+          isMulti={props.isMulti}
+          isSearchable={props.isSearchable}
+          onChange={(newValue, action) => props.onChange(newValue, action)}
+        />
+      )}
+      {props.isCreatable && (
+        <Creatable
+          options={props.options}
+          isClearable={props.isClearable}
+          isMulti={props.isMulti}
+          isSearchable={props.isSearchable}
+          onChange={(newValue, action) => props.onChange(newValue, action)}
+          onInputChange={(newValue, action) =>
+            props.onInputChange(newValue, action)
+          }
+        />
+      )}
+    </>
+  );
+}