@sikka/hawa 0.0.32 → 0.0.35

package/storybook-static/main.6eab4ef6.iframe.bundle.js

@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[3],{"./.storybook/preview.js-generated-config-entry.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);var preview_namespaceObject={};__webpack_require__.r(preview_namespaceObject),__webpack_require__.d(preview_namespaceObject,"decorators",(function(){return decorators})),__webpack_require__.d(preview_namespaceObject,"parameters",(function(){return parameters}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptors.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-properties.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js");var ClientApi=__webpack_require__("./node_modules/@storybook/client-api/dist/esm/ClientApi.js"),esm=__webpack_require__("./node_modules/@storybook/client-logger/dist/esm/index.js"),createTheme=(__webpack_require__("./node_modules/core-js/modules/es.array.join.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/@mui/material/styles/createTheme.js")),ThemeProvider=__webpack_require__("./node_modules/@mui/system/esm/ThemeProvider/ThemeProvider.js"),emotion_element_cbed451f_browser_esm=__webpack_require__("./node_modules/@emotion/react/dist/emotion-element-cbed451f.browser.esm.js"),colorManipulator=__webpack_require__("./node_modules/@mui/system/esm/colorManipulator.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),defaultTheme=Object(createTheme.a)({allBorderRadius:10,primaryActionColor:"#3b28cc",primaryLayoutColor:"#ADD7F6",primaryActionTextColor:"#ffffff",typography:{fontFamily:["IBMPlex","Roboto"].join(",")},palette:{primary:{main:"#3b28cc"}},components:{MuiStack:{variants:[{props:{variant:"card"},style:{backgroundColor:"#ADD7F6",padding:15,borderRadius:10}}]},MuiChip:{styleOverrides:{root:{borderRadius:10}}},MuiSlider:{styleOverrides:{root:{marginRight:15,marginLeft:15,minWidth:50}}},MuiAccordion:{styleOverrides:{root:{borderRadius:"10px !important",marginBottom:10,position:"unset","&.Mui-expanded":{marginBottom:10,marginTop:10}}}},MuiDivider:{styleOverrides:{root:{margin:20}}},MuiTableContainer:{styleOverrides:{root:{backgroundColor:"white",width:"100%",borderRadius:10,margin:0}}},MuiTableCell:{variants:[{props:{variant:"borderedLeft"},style:{borderLeft:"1px solid #dddddd"}},{props:{variant:"borderedRight"},style:{borderRight:"1px solid #dddddd"}}]},MuiTable:{styleOverrides:{root:{borderRadius:10}}},MuiInputLabel:{styleOverrides:{root:{marginBottom:10,marginTop:10,fontSize:15}}},MuiFormControl:{variants:[{props:{variant:"hawa"},style:{width:"100%"}}]},MuiTypography:{styleOverrides:{},variants:[{props:{variant:"validation"},style:{textAlign:"start",whiteSpace:"nowrap",fontFamily:"Roboto",color:"red",fontSize:13,marginTop:0}}]},MuiSelect:{styleOverrides:{root:{backgroundColor:"white",padding:"0px !important",paddingRight:10,paddingLeft:10,borderRadius:10,"&:hover":{outline:"1px solid #3b28cc"},"&:focus":{outline:"1px solid #3b28cc"}},input:{margin:0,border:"none",padding:10,":focus":{border:"none"}}}},MuiInput:{styleOverrides:{root:{backgroundColor:"white",paddingRight:10,paddingLeft:10,borderRadius:10,"&:hover":{outline:"1px solid #3b28cc"},"&:focus":{outline:"1px solid #3b28cc"}},input:{margin:0,border:"none",padding:10,":focus":{border:"none"}}},variants:[{props:{variant:"unscrollable"},style:{"& input::-webkit-outer-spin-button, & input::-webkit-inner-spin-button":{display:"none"},"& input[type=number]":{MozAppearance:"textfield"}}}]},MuiDialog:{styleOverrides:{paper:{borderRadius:10,backgroundColor:"#ADD7F6",minWidth:300}}},MuiContainer:{styleOverrides:{root:{display:"flex",flexDirection:"column",backgroundColor:"#ADD7F6",borderRadius:10,paddingLeft:20,paddingRight:20,padding:20}},variants:[{props:{variant:"drop-area"},style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",backgroundColor:Object(colorManipulator.e)("#ADD7F6",.3),border:"1px dashed",borderRadius:10,":-moz-drag-over":{backgroundColor:"green"}}},{props:{variant:"page-controls"},style:{background:"none",fontSize:"2rem",padding:"0px !important",marginBottom:10,borderRadius:10}},{props:{variant:"auth"},style:{backgroundColor:"#ADD7F6",fontSize:"2rem",padding:20,borderRadius:10}},{props:{variant:"plain"},style:{background:"none"}},{props:{variant:"panelTabs"},style:{display:"flex",flexDirection:"row",width:"fit-content",justifyContent:"space-between",backgroundColor:"#ADD7F6",alignItems:"center",paddingLeft:"10px !important",paddingRight:"10px !important",padding:10}},{props:{variant:"pricingTabs"},style:{display:"flex",flexDirection:"row",width:"fit-content",justifyContent:"space-between",backgroundColor:"#ADD7F6",alignItems:"center",paddingLeft:"10px !important",paddingRight:"10px !important",padding:10}},{props:{variant:"inSettings"},style:{display:"flex",flexDirection:"row",width:"fit-content",height:50,marginRight:0,backgroundColor:"white",padding:5,paddingLeft:"5px !important",paddingRight:"5px !important"}},{props:{variant:"inPricing"},style:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",width:"fit-content",margin:0,height:50,marginRight:0,marginLeft:0,backgroundColor:"#ADD7F6",padding:5,paddingLeft:"5px !important",paddingRight:"5px !important"}},{props:{variant:"settingsRow"},style:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",borderRadius:10,backgroundColor:Object(colorManipulator.e)("#ADD7F6",.4),height:70,marginTop:10,paddingLeft:"20px !important",paddingRight:"10px !important"}},{props:{variant:"plan-card"},style:{display:"flex",flexDirection:"column",borderRadius:10,border:"1px solid #ADD7F6",backgroundColor:Object(colorManipulator.e)("#ADD7F6",.4),margin:10,width:250,maxWidth:200,paddingLeft:"0px !important",paddingRight:"0px !important",padding:0}},{props:{variant:"selected-plan-card"},style:{display:"flex",flexDirection:"column",borderRadius:10,border:"1px solid #3b28cc",backgroundColor:Object(colorManipulator.e)("#3b28cc",.4),margin:10,width:250,maxWidth:200,paddingLeft:"0px !important",paddingRight:"0px !important",padding:0}},{props:{variant:"plan-header"},style:{display:"flex",flexDirection:"column",position:"relative",borderRadius:10,borderBottomLeftRadius:0,borderBottomRightRadius:0,border:"1px solid #ADD7F6",backgroundColor:"white",margin:0,padding:20}},{props:{variant:"card-container"},style:{display:"flex",flexDirection:"column",borderRadius:10,border:"1px solid #ADD7F6",margin:0,padding:"0px !important"}},{props:{variant:"card-header"},style:{display:"flex",flexDirection:"column",borderRadius:10,borderBottomLeftRadius:0,borderBottomRightRadius:0,border:"1px solid #ADD7F6",backgroundColor:"white",margin:0,padding:"0px !important",paddingLeft:"20px !important",paddingRight:"20px !important"}},{props:{variant:"card-content"},style:{display:"flex",flexDirection:"column",borderRadius:10,borderBottomLeftRadius:0,borderBottomRightRadius:0,border:"1px solid #ADD7F6",margin:0,padding:"0px !important",paddingLeft:"20px !important",paddingRight:"20px !important"}},{props:{variant:"card-actions"},style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",border:"1px solid #ADD7F6",margin:0}},{props:{variant:"selected-plan-header"},style:{display:"flex",flexDirection:"column",borderRadius:10,borderBottomLeftRadius:0,borderBottomRightRadius:0,border:"1px solid #ADD7F6",backgroundColor:"white",margin:0,padding:20}},{props:{variant:"pricing"},style:{display:"flex",flexDirection:"row",maxWidth:"max-content",width:"fit-content",padding:0,paddingLeft:"0px !important",paddingRight:"0px !important"}},{props:{variant:"appbar"},style:{boxShadow:"none",display:"flex",flexDirection:"column",backgroundColor:"none !important",background:"none !important",padding:"0px !important",paddingRight:"0px !important",paddingLeft:"0px !important"}}]},MuiSnackbar:{styleOverrides:{root:{borderWidth:10,borderRadius:10}}},MuiButton:{styleOverrides:{root:{textTransform:"uppercase",borderRadius:10,boxShadow:"none","&:hover":{boxShadow:"none"}},contained:{backgroundColor:"#3b28cc"}},variants:[{props:{variant:"layout"},style:{backgroundColor:"#ADD7F6","&:hover":{backgroundColor:Object(colorManipulator.b)("#ADD7F6",.3),color:"white"}}},{props:{variant:"color-picker"},style:function style(_ref){var theme=_ref.theme;return Object.assign({},{height:40,marginRight:5,marginLeft:5,backgroundColor:theme.palette.error.main,color:"#ffffff",borderRadius:10,"&:hover":{backgroundColor:Object(colorManipulator.b)(theme.palette.error.main,.5),color:"white"}})}},{props:{variant:"danger"},style:function style(_ref2){var theme=_ref2.theme;return Object.assign({},{backgroundColor:theme.palette.error.main,color:"#ffffff",borderRadius:10,"&:hover":{backgroundColor:Object(colorManipulator.b)(theme.palette.error.main,.5),color:"white"}})}},{props:{variant:"last"},style:{backgroundColor:"#3b28cc",color:"#ffffff",marginTop:20,borderRadius:10,"&:hover":{backgroundColor:Object(colorManipulator.b)("#3b28cc",.5),color:"white"}}},{props:{variant:"withLogo"},style:{textTransform:"none",border:"1px solid "+Object(colorManipulator.b)("#3b28cc",.1),fontSize:"2rem",backgroundColor:"white",marginTop:10,padding:10,height:50,fontFamily:"Roboto",borderRadius:10}},{props:{variant:"selected"},style:{display:"flex",flexDirection:"row",width:"fit-content",backgroundColor:"#3b28cc",justifyContent:"space-between",alignItems:"center",margin:0,color:"white",borderRadius:10,"&:hover":{backgroundColor:Object(colorManipulator.b)("#3b28cc",.5),color:"white"}}},{props:{variant:"unselected"},style:{display:"flex",flexDirection:"row",width:"fit-content",background:"none",justifyContent:"space-between",alignItems:"center",margin:0,borderRadius:10}},{props:{variant:"adaptive-dark"},style:{backgroundColor:"#3b28cc",height:40,color:"#ffffff",margin:0,borderRadius:10,"&:hover":{backgroundColor:Object(colorManipulator.b)("#3b28cc",.4)}}},{props:{variant:"adaptive-light"},style:{display:"flex",flexDirection:"row",width:"fit-content",backgroundColor:"#3b28cc",height:50,color:"#ffffff",justifyContent:"space-between",alignItems:"center",margin:0,borderRadius:10,"&:hover":{backgroundColor:Object(colorManipulator.b)("#3b28cc",.4)}}}]},MuiSwitch:{styleOverrides:{root:{display:"flex",flexDirection:"row",alignItems:"center"},track:{backgroundColor:"grey",height:20,borderRadius:10},thumb:{borderRadius:10}}},MuiAlert:{styleOverrides:{root:{borderRadius:10,marginBottom:10},standardError:function standardError(_ref3){var theme=_ref3.theme;return Object.assign({},{backgroundColor:Object(colorManipulator.e)(theme.palette.error.main,.8),outline:"1px solid "+Object(colorManipulator.b)(theme.palette.error.main,.1)})},standardInfo:function standardInfo(_ref4){var theme=_ref4.theme;return Object.assign({},{backgroundColor:Object(colorManipulator.e)(theme.palette.info.main,.8),outline:"1px solid "+Object(colorManipulator.b)(theme.palette.info.main,.1)})},standardWarning:function standardWarning(_ref5){var theme=_ref5.theme;return Object.assign({},{backgroundColor:Object(colorManipulator.e)(theme.palette.warning.main,.8),outline:"1px solid "+Object(colorManipulator.b)(theme.palette.warning.main,.1)})},standardSuccess:function standardSuccess(_ref6){var theme=_ref6.theme;return Object.assign({},{backgroundColor:Object(colorManipulator.e)(theme.palette.success.main,.8),outline:"1px solid "+Object(colorManipulator.b)(theme.palette.success.main,.1)})}},variants:[{props:{variant:"inContainer"},style:{color:"black",borderRadius:10}}]},MuiListItemButton:{styleOverrides:{root:{margin:15,borderRadius:10,"&:hover":{backgroundColor:"#3b28cc",color:"white"}}},variants:[{props:{variant:"clicked"},style:{backgroundColor:"#3b28cc",color:"white"}}]},MuiToolbar:{variants:[{props:{variant:"appbar"},style:{color:"black",height:60,backgroundColor:"white",display:"flex",flexDirection:"row",justifyContent:"space-between",padding:0}}]},MuiAppBar:{styleOverrides:{root:{boxShadow:"none",color:"black"}},variants:[{props:{variant:"appbar"},style:{color:"black",margin:0,padding:0,background:"none"}}]}}}),preview_withThemeProvider=function withThemeProvider(Story,context){return Object(jsx_runtime.jsx)(emotion_element_cbed451f_browser_esm.d,{theme:defaultTheme,children:Object(jsx_runtime.jsx)(ThemeProvider.a,{theme:defaultTheme,children:Object(jsx_runtime.jsx)(Story,Object.assign({},context))})})};preview_withThemeProvider.displayName="withThemeProvider";var decorators=[preview_withThemeProvider],parameters={actions:{argTypesRegex:"^on[A-Z].*"},controls:{matchers:{color:/(background|color)$/i,date:/Date$/}},options:{storySort:{order:["Introduction","Getting Started","Blocks",["Blocks Introduction","Auth",["Sign In","Sign Up","Reset Password","New Pasword"],"Account",["User Profile","User Settings"],"Payment",["Payment Selection","User Settings"]],"Layout",["Layout Introduction","AppBar","AppLayout","Container","Dialog"],"Elements",["Elements Introduction","Buttons",["Sign In","Sign Up","Reset Password","New Pasword"],"Cards",["User Profile","User Settings"],"Notifications","Selections","SettingsRow","Alert","Table","PopMenu","Snackbar","TextFields"]]}}};function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}Object.keys(preview_namespaceObject).forEach((function(key){var value=preview_namespaceObject[key];switch(key){case"args":case"argTypes":return esm.a.warn("Invalid args/argTypes in config, ignoring.",JSON.stringify(value));case"decorators":return value.forEach((function(decorator){return Object(ClientApi.d)(decorator,!1)}));case"loaders":return value.forEach((function(loader){return Object(ClientApi.e)(loader,!1)}));case"parameters":return Object(ClientApi.f)(function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}({},value),!1);case"argTypesEnhancers":return value.forEach((function(enhancer){return Object(ClientApi.b)(enhancer)}));case"argsEnhancers":return value.forEach((function(enhancer){return Object(ClientApi.c)(enhancer)}));case"render":return Object(ClientApi.g)(value);case"globals":case"globalTypes":var v={};return v[key]=value,Object(ClientApi.f)(v,!1);case"__namedExportsOrder":case"decorateStory":case"renderToDOM":return null;default:return console.log(key+" was not supported :( !")}}))},"./generated-stories-entry.js":function(module,exports,__webpack_require__){"use strict";(function(module){(0,__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js").configure)([__webpack_require__("./src sync recursive ^\\.(?:(?:^|[\\\\/]|(?:(?:(?!(?:^|[\\\\/])\\.).)*?)[\\\\/])(?!\\.)(?=.)[^\\\\/]*?\\.stories\\.mdx)$"),__webpack_require__("./src sync recursive ^\\.(?:(?:^|[\\\\/]|(?:(?:(?!(?:^|[\\\\/])\\.).)*?)[\\\\/])(?!\\.)(?=.)[^\\\\/]*?\\.stories\\.(js|jsx|ts|tsx))$")],module,!1)}).call(this,__webpack_require__("./node_modules/webpack/buildin/module.js")(module))},"./src sync recursive ^\\.(?:(?:^|[\\\\/]|(?:(?:(?!(?:^|[\\\\/])\\.).)*?)[\\\\/])(?!\\.)(?=.)[^\\\\/]*?\\.stories\\.(js|jsx|ts|tsx))$":function(module,exports,__webpack_require__){var map={"./stories/BlocksStories/Account/UserProfile.stories.js":"./src/stories/BlocksStories/Account/UserProfile.stories.js","./stories/BlocksStories/Account/UserSettings.stories.js":"./src/stories/BlocksStories/Account/UserSettings.stories.js","./stories/BlocksStories/Auth/NewPassword.stories.js":"./src/stories/BlocksStories/Auth/NewPassword.stories.js","./stories/BlocksStories/Auth/ResetPassword.stories.js":"./src/stories/BlocksStories/Auth/ResetPassword.stories.js","./stories/BlocksStories/Auth/SignIn.stories.js":"./src/stories/BlocksStories/Auth/SignIn.stories.js","./stories/BlocksStories/Auth/SignUp.stories.js":"./src/stories/BlocksStories/Auth/SignUp.stories.js","./stories/BlocksStories/Payment/ChargeWallet.stories.js":"./src/stories/BlocksStories/Payment/ChargeWallet.stories.js","./stories/BlocksStories/Payment/CheckoutForm.stories.js":"./src/stories/BlocksStories/Payment/CheckoutForm.stories.js","./stories/BlocksStories/Payment/Confirmation.stories.js":"./src/stories/BlocksStories/Payment/Confirmation.stories.js","./stories/BlocksStories/Payment/PayWithCreditCard.stories.js":"./src/stories/BlocksStories/Payment/PayWithCreditCard.stories.js","./stories/BlocksStories/Payment/PayWithWallet.stories.js":"./src/stories/BlocksStories/Payment/PayWithWallet.stories.js","./stories/BlocksStories/Payment/PaymentSelection.stories.js":"./src/stories/BlocksStories/Payment/PaymentSelection.stories.js","./stories/BlocksStories/Pricing/BillingPlans.stories.js":"./src/stories/BlocksStories/Pricing/BillingPlans.stories.js","./stories/BlocksStories/Pricing/LandingPlans.stories.js":"./src/stories/BlocksStories/Pricing/LandingPlans.stories.js","./stories/ElementsStories/Accordian.stories.js":"./src/stories/ElementsStories/Accordian.stories.js","./stories/ElementsStories/AdaptiveButton.stories.js":"./src/stories/ElementsStories/AdaptiveButton.stories.js","./stories/ElementsStories/Alert.stories.js":"./src/stories/ElementsStories/Alert.stories.js","./stories/ElementsStories/Controls.stories.js":"./src/stories/ElementsStories/Controls.stories.js","./stories/ElementsStories/Draggable.stories.js":"./src/stories/ElementsStories/Draggable.stories.js","./stories/ElementsStories/HawaTable.stories.js":"./src/stories/ElementsStories/HawaTable.stories.js","./stories/ElementsStories/InputLabel.stories.js":"./src/stories/ElementsStories/InputLabel.stories.js","./stories/ElementsStories/ItemCard.stories.js":"./src/stories/ElementsStories/ItemCard.stories.js","./stories/ElementsStories/LogoButtons.stories.js":"./src/stories/ElementsStories/LogoButtons.stories.js","./stories/ElementsStories/PopMenu.stories.js":"./src/stories/ElementsStories/PopMenu.stories.js","./stories/ElementsStories/PricingCard.stories.js":"./src/stories/ElementsStories/PricingCard.stories.js","./stories/ElementsStories/RadioSelector.stories.js":"./src/stories/ElementsStories/RadioSelector.stories.js","./stories/ElementsStories/Search.stories.js":"./src/stories/ElementsStories/Search.stories.js","./stories/ElementsStories/Snackbar.stories.js":"./src/stories/ElementsStories/Snackbar.stories.js","./stories/ElementsStories/TextField.stories.js":"./src/stories/ElementsStories/TextField.stories.js","./stories/ElementsStories/UploadFiles.stories.js":"./src/stories/ElementsStories/UploadFiles.stories.js","./stories/LayoutStories/AppBar.stories.js":"./src/stories/LayoutStories/AppBar.stories.js","./stories/LayoutStories/AppLayout.stories.js":"./src/stories/LayoutStories/AppLayout.stories.js","./stories/LayoutStories/Box.stories.js":"./src/stories/LayoutStories/Box.stories.js","./stories/LayoutStories/Dialog.stories.js":"./src/stories/LayoutStories/Dialog.stories.js"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./src sync recursive ^\\.(?:(?:^|[\\\\/]|(?:(?:(?!(?:^|[\\\\/])\\.).)*?)[\\\\/])(?!\\.)(?=.)[^\\\\/]*?\\.stories\\.(js|jsx|ts|tsx))$"},"./src sync recursive ^\\.(?:(?:^|[\\\\/]|(?:(?:(?!(?:^|[\\\\/])\\.).)*?)[\\\\/])(?!\\.)(?=.)[^\\\\/]*?\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./stories/BlocksIntroduction.stories.mdx":"./src/stories/BlocksIntroduction.stories.mdx","./stories/ElementsIntroduction.stories.mdx":"./src/stories/ElementsIntroduction.stories.mdx","./stories/ElementsStories/SettingsRow.stories.mdx":"./src/stories/ElementsStories/SettingsRow.stories.mdx","./stories/GettingStarted.stories.mdx":"./src/stories/GettingStarted.stories.mdx","./stories/Introduction.stories.mdx":"./src/stories/Introduction.stories.mdx","./stories/LayoutIntroduction.stories.mdx":"./src/stories/LayoutIntroduction.stories.mdx","./stories/LayoutStories/AppLayoutDocs.stories.mdx":"./src/stories/LayoutStories/AppLayoutDocs.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./src sync recursive ^\\.(?:(?:^|[\\\\/]|(?:(?:(?!(?:^|[\\\\/])\\.).)*?)[\\\\/])(?!\\.)(?=.)[^\\\\/]*?\\.stories\\.mdx)$"},"./src/blocks/Account/index.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return UserProfileForm_UserProfileForm})),__webpack_require__.d(__webpack_exports__,"b",(function(){return UserSettingsForm_UserSettingsForm}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var src_elements=__webpack_require__("./src/elements/index.js"),index_esm=__webpack_require__("./node_modules/react-hook-form/dist/index.esm.mjs"),Container=__webpack_require__("./node_modules/@mui/material/Container/Container.js"),Button=__webpack_require__("./node_modules/@mui/material/Button/Button.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),UserProfileForm_UserProfileForm=function UserProfileForm(props){var methods=Object(index_esm.c)(),errors=methods.formState.errors,handleSubmit=methods.handleSubmit,control=methods.control;return Object(jsx_runtime.jsx)(Container.a,{maxWidth:"sm",children:Object(jsx_runtime.jsx)(index_esm.b,Object.assign({},methods,{children:Object(jsx_runtime.jsxs)("form",{onSubmit:handleSubmit(props.handleUpdateProfile),children:[Object(jsx_runtime.jsx)(index_esm.a,{control:control,name:"fullName",render:function render(_ref){var _field$value,_errors$fullName,field=_ref.field;return Object(jsx_runtime.jsx)(src_elements.r,Object.assign({fullWidth:!0,type:"text",value:null!==(_field$value=field.value)&&void 0!==_field$value?_field$value:"",label:props.texts.fullNameLabel,placeholder:props.texts.fullNamePlaceholder,helperText:null===(_errors$fullName=errors.fullName)||void 0===_errors$fullName?void 0:_errors$fullName.message},field))}}),Object(jsx_runtime.jsx)(index_esm.a,{control:control,name:"phoneNumber",render:function render(_ref2){var field=_ref2.field;return Object(jsx_runtime.jsx)(src_elements.r,Object.assign({fullWidth:!0,type:"tel",label:"Phone Number",placeholder:"+966"},field))}}),Object(jsx_runtime.jsx)(index_esm.a,{control:control,name:"email",render:function render(_ref3){var _field$value2,_errors$email,field=_ref3.field;return Object(jsx_runtime.jsx)(src_elements.r,Object.assign({fullWidth:!0,type:"text",value:null!==(_field$value2=field.value)&&void 0!==_field$value2?_field$value2:"",label:props.texts.emailLabel,helperText:null===(_errors$email=errors.email)||void 0===_errors$email?void 0:_errors$email.message,placeholder:props.texts.emailPlaceholder},field))},rules:{required:props.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:props.texts.emailInvalidText}}}),Object(jsx_runtime.jsx)(index_esm.a,{control:control,name:"password",render:function render(_ref4){var _field$value3,_errors$password,field=_ref4.field;return Object(jsx_runtime.jsx)(src_elements.r,Object.assign({fullWidth:!0,type:"password",value:null!==(_field$value3=field.value)&&void 0!==_field$value3?_field$value3:"",label:props.texts.passwordLabel,placeholder:props.texts.passwordPlaceholder,helperText:null===(_errors$password=errors.password)||void 0===_errors$password?void 0:_errors$password.message},field))},rules:{required:props.texts.passwordRequiredText}}),Object(jsx_runtime.jsx)(index_esm.a,{control:control,name:"confirmPassword",render:function render(_ref5){var _field$value4,_errors$confirmPasswo,field=_ref5.field;return Object(jsx_runtime.jsx)(src_elements.r,Object.assign({fullWidth:!0,type:"password",value:null!==(_field$value4=field.value)&&void 0!==_field$value4?_field$value4:"",label:props.texts.confirmPasswordLabel,placeholder:props.texts.confirmPasswordPlaceholder,helperText:null===(_errors$confirmPasswo=errors.confirmPassword)||void 0===_errors$confirmPasswo?void 0:_errors$confirmPasswo.message},field))},rules:{required:props.texts.confirmPasswordRequiredText}}),Object(jsx_runtime.jsx)(Button.a,{type:"submit",fullWidth:!0,variant:"last",children:props.texts.updateProfile})]})}))})};UserProfileForm_UserProfileForm.displayName="UserProfileForm",UserProfileForm_UserProfileForm.__docgenInfo={description:"",methods:[],displayName:"UserProfileForm"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\blocks\\Account\\UserProfileForm.js"]={name:"UserProfileForm",docgenInfo:UserProfileForm_UserProfileForm.__docgenInfo,path:"src\\blocks\\Account\\UserProfileForm.js"});var UserSettingsForm_UserSettingsForm=function UserSettingsForm(props){return Object(jsx_runtime.jsxs)(Container.a,{maxWidth:"sm",children:[props.children,Object(jsx_runtime.jsx)(Button.a,{type:"submit",fullWidth:!0,variant:"last",onClick:props.handleSaveSettings,children:props.saveSettingsText})]})};UserSettingsForm_UserSettingsForm.displayName="UserSettingsForm",UserSettingsForm_UserSettingsForm.__docgenInfo={description:"",methods:[],displayName:"UserSettingsForm"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\blocks\\Account\\UserSettingsForm.js"]={name:"UserSettingsForm",docgenInfo:UserSettingsForm_UserSettingsForm.__docgenInfo,path:"src\\blocks\\Account\\UserSettingsForm.js"})},"./src/blocks/AuthForms/index.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return NewPasswordForm_NewPasswordForm})),__webpack_require__.d(__webpack_exports__,"b",(function(){return ResetPasswordForm_ResetPasswordForm})),__webpack_require__.d(__webpack_exports__,"d",(function(){return SignUpForm_SignUpForm})),__webpack_require__.d(__webpack_exports__,"c",(function(){return SignInForm_SignInForm}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react=__webpack_require__("./node_modules/react/index.js"),src_elements=__webpack_require__("./src/elements/index.js"),index_esm=__webpack_require__("./node_modules/react-hook-form/dist/index.esm.mjs"),InputAdornment=__webpack_require__("./node_modules/@mui/material/InputAdornment/InputAdornment.js"),HttpsOutlined=__webpack_require__("./node_modules/@mui/icons-material/HttpsOutlined.js"),HttpsOutlined_default=__webpack_require__.n(HttpsOutlined),Container=__webpack_require__("./node_modules/@mui/material/Container/Container.js"),Button=__webpack_require__("./node_modules/@mui/material/Button/Button.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var NewPasswordForm_NewPasswordForm=function NewPasswordForm(props){var _useState2=_slicedToArray(Object(react.useState)(!1),2),matchError=_useState2[0],setMatchError=_useState2[1],methods=Object(index_esm.c)(),errors=methods.formState.errors,handleSubmit=methods.handleSubmit,control=methods.control;return Object(jsx_runtime.jsxs)(Container.a,{maxWidth:"xs",variant:"auth",children:[matchError&&Object(jsx_runtime.jsx)(src_elements.e,{text:props.texts.passwordMatchError,severity:"error"}),props.passwordChanged?Object(jsx_runtime.jsx)(src_elements.s,{style:{textAlign:"center",margin:5},children:props.texts.passwordChanged}):Object(jsx_runtime.jsx)(index_esm.b,Object.assign({},methods,{children:Object(jsx_runtime.jsxs)("form",{onSubmit:handleSubmit((function handleSubmission(e){console.log("handling subb",e),e.password===e.confirmPassword?props.handleNewPassword():setMatchError(!0)})),children:[Object(jsx_runtime.jsx)(index_esm.a,{control:control,name:"password",render:function render(_ref){var _field$value,_errors$password,field=_ref.field;return Object(jsx_runtime.jsx)(src_elements.r,Object.assign({fullWidth:!0,type:"password",value:null!==(_field$value=field.value)&&void 0!==_field$value?_field$value:"",label:props.texts.passwordLabel,placeholder:props.texts.passwordPlaceholder,helperText:null===(_errors$password=errors.password)||void 0===_errors$password?void 0:_errors$password.message,startAdornment:Object(jsx_runtime.jsx)(InputAdornment.a,{position:"start",children:Object(jsx_runtime.jsx)(HttpsOutlined_default.a,{})})},field))},rules:{required:props.texts.passwordRequiredText}}),Object(jsx_runtime.jsx)(index_esm.a,{control:control,name:"confirmPassword",render:function render(_ref2){var _field$value2,_errors$confirmPasswo,field=_ref2.field;return Object(jsx_runtime.jsx)(src_elements.r,Object.assign({fullWidth:!0,type:"password",value:null!==(_field$value2=field.value)&&void 0!==_field$value2?_field$value2:"",label:props.texts.confirmPasswordLabel,placeholder:props.texts.confirmPasswordPlaceholder,helperText:null===(_errors$confirmPasswo=errors.confirmPassword)||void 0===_errors$confirmPasswo?void 0:_errors$confirmPasswo.message,startAdornment:Object(jsx_runtime.jsx)(InputAdornment.a,{position:"start",children:Object(jsx_runtime.jsx)(HttpsOutlined_default.a,{})})},field))},rules:{required:props.texts.confirmPasswordRequiredText}}),Object(jsx_runtime.jsx)(Button.a,{type:"submit",fullWidth:!0,variant:"last",children:props.texts.updatePassword})]})}))]})};NewPasswordForm_NewPasswordForm.displayName="NewPasswordForm",NewPasswordForm_NewPasswordForm.propTypes={texts:prop_types_default.a.shape({emailLabel:prop_types_default.a.string,emailPlaceholder:prop_types_default.a.string,emailRequiredText:prop_types_default.a.string,passwordPlaceholder:prop_types_default.a.string,updatePassword:prop_types_default.a.string,passwordRequiredText:prop_types_default.a.string,passwordLabel:prop_types_default.a.string,confirmPasswordPlaceholder:prop_types_default.a.string,confirmPasswordLabel:prop_types_default.a.string,confirmPasswordRequiredText:prop_types_default.a.string,passwordMatchError:prop_types_default.a.string,forgotPasswordText:prop_types_default.a.string,passwordChanged:prop_types_default.a.string}),passwordChanged:prop_types_default.a.bool,handleNewPassword:prop_types_default.a.func},NewPasswordForm_NewPasswordForm.__docgenInfo={description:"",methods:[],displayName:"NewPasswordForm",props:{texts:{type:{name:"shape",value:{emailLabel:{name:"string",required:!1},emailPlaceholder:{name:"string",required:!1},emailRequiredText:{name:"string",required:!1},passwordPlaceholder:{name:"string",required:!1},updatePassword:{name:"string",required:!1},passwordRequiredText:{name:"string",required:!1},passwordLabel:{name:"string",required:!1},confirmPasswordPlaceholder:{name:"string",required:!1},confirmPasswordLabel:{name:"string",required:!1},confirmPasswordRequiredText:{name:"string",required:!1},passwordMatchError:{name:"string",required:!1},forgotPasswordText:{name:"string",required:!1},passwordChanged:{name:"string",required:!1}}},required:!1,description:"An object of all the texts in the blocks"},passwordChanged:{type:{name:"bool"},required:!1,description:"A boolean to replace the form with a success message"},handleNewPassword:{type:{name:"func"},required:!1,description:""}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\blocks\\AuthForms\\NewPasswordForm.js"]={name:"NewPasswordForm",docgenInfo:NewPasswordForm_NewPasswordForm.__docgenInfo,path:"src\\blocks\\AuthForms\\NewPasswordForm.js"});var MailOutline=__webpack_require__("./node_modules/@mui/icons-material/MailOutline.js"),MailOutline_default=__webpack_require__.n(MailOutline),ResetPasswordForm_ResetPasswordForm=function ResetPasswordForm(props){var methods=Object(index_esm.c)(),errors=methods.formState.errors,handleSubmit=methods.handleSubmit,control=(methods.register,methods.control);return Object(jsx_runtime.jsx)(Container.a,{maxWidth:"xs",variant:"auth",children:props.sent?Object(jsx_runtime.jsx)(src_elements.s,{style:{textAlign:"center",margin:5},children:props.texts.emailSentText}):Object(jsx_runtime.jsxs)("form",{onSubmit:handleSubmit(props.handleResetPassword),children:[Object(jsx_runtime.jsx)(index_esm.a,{control:control,name:"email",render:function render(_ref){var _field$value,_errors$email,field=_ref.field;return Object(jsx_runtime.jsx)(src_elements.r,Object.assign({fullWidth:!0,type:"text",value:null!==(_field$value=field.value)&&void 0!==_field$value?_field$value:"",label:props.texts.emailLabel,helperText:null===(_errors$email=errors.email)||void 0===_errors$email?void 0:_errors$email.message,placeholder:props.texts.emailPlaceholder,startAdornment:Object(jsx_runtime.jsx)(InputAdornment.a,{position:"start",children:Object(jsx_runtime.jsx)(MailOutline_default.a,{})})},field))},rules:{required:props.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:props.texts.emailInvalidText}}}),Object(jsx_runtime.jsx)(Button.a,{type:"submit",fullWidth:!0,variant:"last",children:props.texts.resetPassword})]})})};ResetPasswordForm_ResetPasswordForm.displayName="ResetPasswordForm",ResetPasswordForm_ResetPasswordForm.propTypes={texts:prop_types_default.a.shape({emailLabel:prop_types_default.a.string,emailPlaceholder:prop_types_default.a.string,emailRequiredText:prop_types_default.a.string,emailInvalidText:prop_types_default.a.string,emailSentText:prop_types_default.a.string,resetPassword:prop_types_default.a.string}),sent:prop_types_default.a.bool,handleResetPassword:prop_types_default.a.func},ResetPasswordForm_ResetPasswordForm.__docgenInfo={description:"",methods:[],displayName:"ResetPasswordForm",props:{texts:{type:{name:"shape",value:{emailLabel:{name:"string",required:!1},emailPlaceholder:{name:"string",required:!1},emailRequiredText:{name:"string",required:!1},emailInvalidText:{name:"string",required:!1},emailSentText:{name:"string",required:!1},resetPassword:{name:"string",required:!1}}},required:!1,description:"An object of all the texts in the blocks"},sent:{type:{name:"bool"},required:!1,description:"a boolean to replace the form with a success message"},handleResetPassword:{type:{name:"func"},required:!1,description:""}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\blocks\\AuthForms\\ResetPasswordForm.js"]={name:"ResetPasswordForm",docgenInfo:ResetPasswordForm_ResetPasswordForm.__docgenInfo,path:"src\\blocks\\AuthForms\\ResetPasswordForm.js"});var PermIdentityOutlined=__webpack_require__("./node_modules/@mui/icons-material/PermIdentityOutlined.js"),PermIdentityOutlined_default=__webpack_require__.n(PermIdentityOutlined),Divider=__webpack_require__("./node_modules/@mui/material/Divider/Divider.js"),Typography=__webpack_require__("./node_modules/@mui/material/Typography/Typography.js"),SignUpForm_SignUpForm=function SignUpForm(props){var methods=Object(index_esm.c)(),errors=methods.formState.errors,handleSubmit=methods.handleSubmit,control=methods.control;return Object(jsx_runtime.jsxs)(Container.a,{maxWidth:"xs",variant:"auth",style:{direction:"ar"===props.lang?"rtl":"ltr"},children:[props.showError&&Object(jsx_runtime.jsx)(src_elements.e,{title:props.errorTitle,text:props.errorText,severity:"error"}),Object(jsx_runtime.jsx)(index_esm.b,Object.assign({},methods,{children:Object(jsx_runtime.jsxs)("form",{onSubmit:handleSubmit(props.handleSignUp),children:[Object(jsx_runtime.jsx)(index_esm.a,{control:control,name:"fullName",render:function render(_ref){var _field$value,_errors$fullName,field=_ref.field;return Object(jsx_runtime.jsx)(src_elements.r,{fullWidth:!0,type:"text",value:null!==(_field$value=field.value)&&void 0!==_field$value?_field$value:"",label:props.texts.fullNameLabel,placeholder:props.texts.fullNamePlaceholder,helperText:null===(_errors$fullName=errors.fullName)||void 0===_errors$fullName?void 0:_errors$fullName.message,startAdornment:Object(jsx_runtime.jsx)(InputAdornment.a,{position:"start",children:Object(jsx_runtime.jsx)(PermIdentityOutlined_default.a,{})})})},rules:{required:props.texts.fullNameRequiredText}}),Object(jsx_runtime.jsx)(index_esm.a,{control:control,name:"email",render:function render(_ref2){var _field$value2,_errors$email,field=_ref2.field;return Object(jsx_runtime.jsx)(src_elements.r,{fullWidth:!0,type:"text",value:null!==(_field$value2=field.value)&&void 0!==_field$value2?_field$value2:"",label:props.texts.emailLabel,helperText:null===(_errors$email=errors.email)||void 0===_errors$email?void 0:_errors$email.message,placeholder:props.texts.emailPlaceholder,startAdornment:Object(jsx_runtime.jsx)(InputAdornment.a,{position:"start",children:Object(jsx_runtime.jsx)(MailOutline_default.a,{})})})},rules:{required:props.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:props.texts.emailInvalidText}}}),Object(jsx_runtime.jsx)(index_esm.a,{control:control,name:"password",render:function render(_ref3){var _field$value3,_field$value4,_errors$password,field=_ref3.field;return Object(jsx_runtime.jsx)(src_elements.r,Object.assign({fullWidth:!0,type:"password",defaultValue:null!==(_field$value3=field.value)&&void 0!==_field$value3?_field$value3:"",value:null!==(_field$value4=field.value)&&void 0!==_field$value4?_field$value4:"",label:props.texts.passwordLabel,placeholder:props.texts.passwordPlaceholder,helperText:null===(_errors$password=errors.password)||void 0===_errors$password?void 0:_errors$password.message,startAdornment:Object(jsx_runtime.jsx)(InputAdornment.a,{position:"start",children:Object(jsx_runtime.jsx)(HttpsOutlined_default.a,{})})},field))},rules:{required:props.texts.passwordRequiredText}}),Object(jsx_runtime.jsx)(Button.a,{fullWidth:!0,variant:"last",type:"submit",children:props.texts.signUpText})]})})),Object(jsx_runtime.jsxs)(Typography.a,{variant:"subtitle2",style:{marginTop:5,textAlign:"center",padding:5},children:[props.texts.existingUserText," ",Object(jsx_runtime.jsx)("span",{onClick:props.handleRouteToSignIn,style:{cursor:"pointer",color:"blue",textAlign:"center"},children:props.texts.signInText})]}),Object(jsx_runtime.jsx)(Divider.a,{}),Object(jsx_runtime.jsxs)("div",{style:{display:"flex",flexDirection:"column"},children:[props.viaGoogle&&Object(jsx_runtime.jsx)(src_elements.h,{logo:"google",buttonText:props.texts.googleButtonLabel,onClick:props.handleGoogleSignUp}),props.viaGithub&&Object(jsx_runtime.jsx)(src_elements.h,{logo:"github",buttonText:props.texts.githubButtonLabel,onClick:props.handleGithubSignUp}),props.viaTwitter&&Object(jsx_runtime.jsx)(src_elements.h,{logo:"twitter",buttonText:props.texts.twitterButtonLabel,onClick:props.handleTwitterSignUp})]})]})};SignUpForm_SignUpForm.displayName="SignUpForm",SignUpForm_SignUpForm.propTypes={texts:prop_types_default.a.shape({fullNameLabel:prop_types_default.a.string,fullNamePlaceholder:prop_types_default.a.string,fullNameRequiredText:prop_types_default.a.string,emailLabel:prop_types_default.a.string,emailPlaceholder:prop_types_default.a.string,emailRequiredText:prop_types_default.a.string,emailInvalidText:prop_types_default.a.string,passwordLabel:prop_types_default.a.string,passwordPlaceholder:prop_types_default.a.string,passwordRequiredText:prop_types_default.a.string,passwordTooShortText:prop_types_default.a.string,forgotPasswordText:prop_types_default.a.string,newUserText:prop_types_default.a.string,signUpText:prop_types_default.a.string,signInText:prop_types_default.a.string,existingUserText:prop_types_default.a.string,googleButtonLabel:prop_types_default.a.string,githubButtonLabel:prop_types_default.a.string,twitterButtonLabel:prop_types_default.a.string}),viaGoogle:prop_types_default.a.bool,viaGithub:prop_types_default.a.bool,viaTwitter:prop_types_default.a.bool,handleSignUp:prop_types_default.a.func,handleRouteToSignIn:prop_types_default.a.func,handleGoogleSignUp:prop_types_default.a.func,handleGithubSignUp:prop_types_default.a.func,handleTwitterSignUp:prop_types_default.a.func},SignUpForm_SignUpForm.__docgenInfo={description:"",methods:[],displayName:"SignUpForm",props:{texts:{type:{name:"shape",value:{fullNameLabel:{name:"string",required:!1},fullNamePlaceholder:{name:"string",required:!1},fullNameRequiredText:{name:"string",required:!1},emailLabel:{name:"string",required:!1},emailPlaceholder:{name:"string",required:!1},emailRequiredText:{name:"string",required:!1},emailInvalidText:{name:"string",required:!1},passwordLabel:{name:"string",required:!1},passwordPlaceholder:{name:"string",required:!1},passwordRequiredText:{name:"string",required:!1},passwordTooShortText:{name:"string",required:!1},forgotPasswordText:{name:"string",required:!1},newUserText:{name:"string",required:!1},signUpText:{name:"string",required:!1},signInText:{name:"string",required:!1},existingUserText:{name:"string",required:!1},googleButtonLabel:{name:"string",required:!1},githubButtonLabel:{name:"string",required:!1},twitterButtonLabel:{name:"string",required:!1}}},required:!1,description:"An object of all the texts in the blocks"},viaGoogle:{type:{name:"bool"},required:!1,description:""},viaGithub:{type:{name:"bool"},required:!1,description:""},viaTwitter:{type:{name:"bool"},required:!1,description:""},handleSignUp:{type:{name:"func"},required:!1,description:""},handleRouteToSignIn:{type:{name:"func"},required:!1,description:""},handleGoogleSignUp:{type:{name:"func"},required:!1,description:""},handleGithubSignUp:{type:{name:"func"},required:!1,description:""},handleTwitterSignUp:{type:{name:"func"},required:!1,description:""}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\blocks\\AuthForms\\SignUpForm.js"]={name:"SignUpForm",docgenInfo:SignUpForm_SignUpForm.__docgenInfo,path:"src\\blocks\\AuthForms\\SignUpForm.js"});var SignInForm_SignInForm=function SignInForm(props){var methods=Object(index_esm.c)(),errors=methods.formState.errors,handleSubmit=methods.handleSubmit,control=methods.control;return Object(jsx_runtime.jsxs)(Container.a,{maxWidth:"xs",variant:"auth",style:{direction:"ar"===props.lang?"rtl":"ltr"},children:[props.showError&&Object(jsx_runtime.jsx)(src_elements.e,{title:props.errorTitle,text:props.errorText,severity:"error"}),Object(jsx_runtime.jsxs)("form",{onSubmit:handleSubmit(props.handleSignIn),children:[Object(jsx_runtime.jsx)(index_esm.a,{control:control,name:"email",render:function render(_ref){var _field$value,_errors$email,field=_ref.field;return Object(jsx_runtime.jsx)(src_elements.r,Object.assign({fullWidth:!0,type:"text",value:null!==(_field$value=field.value)&&void 0!==_field$value?_field$value:"",label:props.texts.emailLabel,helperText:null===(_errors$email=errors.email)||void 0===_errors$email?void 0:_errors$email.message,placeholder:props.texts.emailPlaceholder,startAdornment:Object(jsx_runtime.jsx)(InputAdornment.a,{position:"start",children:Object(jsx_runtime.jsx)(MailOutline_default.a,{})})},field))},rules:{required:props.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:props.texts.emailInvalidText}}}),Object(jsx_runtime.jsx)(index_esm.a,{control:control,name:"password",render:function render(_ref2){var _field$value2,_field$value3,_errors$password,field=_ref2.field;return Object(jsx_runtime.jsx)(src_elements.r,Object.assign({fullWidth:!0,type:"password",defaultValue:null!==(_field$value2=field.value)&&void 0!==_field$value2?_field$value2:"",value:null!==(_field$value3=field.value)&&void 0!==_field$value3?_field$value3:"",label:props.texts.passwordLabel,placeholder:props.texts.passwordPlaceholder,helperText:null===(_errors$password=errors.password)||void 0===_errors$password?void 0:_errors$password.message,startAdornment:Object(jsx_runtime.jsx)(InputAdornment.a,{position:"start",children:Object(jsx_runtime.jsx)(HttpsOutlined_default.a,{})})},field))},rules:{required:props.texts.passwordRequiredText}}),Object(jsx_runtime.jsx)(Typography.a,{style:{cursor:"pointer",marginTop:5,width:"max-content",fontSize:15,padding:5},onClick:props.handleForgotPassword,children:props.texts.forgotPasswordText}),Object(jsx_runtime.jsx)(Button.a,{type:"submit",fullWidth:!0,variant:"last",children:props.texts.signInText})]}),Object(jsx_runtime.jsxs)(Typography.a,{variant:"subtitle2",style:{marginTop:5,textAlign:"center",padding:5},children:[props.texts.newUserText," ",Object(jsx_runtime.jsx)("span",{onClick:props.handleRouteToSignUp,style:{cursor:"pointer",color:"blue",textAlign:"center"},children:props.texts.signUpText})]}),Object(jsx_runtime.jsx)(Divider.a,{}),Object(jsx_runtime.jsxs)("div",{style:{display:"flex",flexDirection:"column"},children:[props.viaGoogle&&Object(jsx_runtime.jsx)(src_elements.h,{logo:"google",buttonText:props.texts.googleButtonLabel,onClick:props.handleGoogleSignIn}),props.viaGithub&&Object(jsx_runtime.jsx)(src_elements.h,{logo:"github",buttonText:props.texts.githubButtonLabel,onClick:props.handleGithubSignIn}),props.viaTwitter&&Object(jsx_runtime.jsx)(src_elements.h,{logo:"twitter",buttonText:props.texts.twitterButtonLabel,onClick:props.handleTwitterSignIn})]})]})};SignInForm_SignInForm.displayName="SignInForm",SignInForm_SignInForm.propTypes={texts:prop_types_default.a.shape({emailLabel:prop_types_default.a.string,emailPlaceholder:prop_types_default.a.string,emailRequiredText:prop_types_default.a.string,emailInvalidText:prop_types_default.a.string,passwordLabel:prop_types_default.a.string,passwordPlaceholder:prop_types_default.a.string,passwordRequiredText:prop_types_default.a.string,forgotPasswordText:prop_types_default.a.string,newUserText:prop_types_default.a.string,signUpText:prop_types_default.a.string,signInText:prop_types_default.a.string,googleButtonLabel:prop_types_default.a.string,githubButtonLabel:prop_types_default.a.string,twitterButtonLabel:prop_types_default.a.string}),viaGoogle:prop_types_default.a.bool,viaGithub:prop_types_default.a.bool,viaTwitter:prop_types_default.a.bool,handleSignIn:prop_types_default.a.func,handleRouteToSignUp:prop_types_default.a.func,handleGoogleSignIn:prop_types_default.a.func,handleGithubSignIn:prop_types_default.a.func,handleTwitterSignIn:prop_types_default.a.func},SignInForm_SignInForm.__docgenInfo={description:"",methods:[],displayName:"SignInForm",props:{texts:{type:{name:"shape",value:{emailLabel:{name:"string",required:!1},emailPlaceholder:{name:"string",required:!1},emailRequiredText:{name:"string",required:!1},emailInvalidText:{name:"string",required:!1},passwordLabel:{name:"string",required:!1},passwordPlaceholder:{name:"string",required:!1},passwordRequiredText:{name:"string",required:!1},forgotPasswordText:{name:"string",required:!1},newUserText:{name:"string",required:!1},signUpText:{name:"string",required:!1},signInText:{name:"string",required:!1},googleButtonLabel:{name:"string",required:!1},githubButtonLabel:{name:"string",required:!1},twitterButtonLabel:{name:"string",required:!1}}},required:!1,description:"An object of all the texts in the blocks"},viaGoogle:{type:{name:"bool"},required:!1,description:""},viaGithub:{type:{name:"bool"},required:!1,description:""},viaTwitter:{type:{name:"bool"},required:!1,description:""},handleSignIn:{type:{name:"func"},required:!1,description:""},handleRouteToSignUp:{type:{name:"func"},required:!1,description:""},handleGoogleSignIn:{type:{name:"func"},required:!1,description:""},handleGithubSignIn:{type:{name:"func"},required:!1,description:""},handleTwitterSignIn:{type:{name:"func"},required:!1,description:""}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\blocks\\AuthForms\\SignInForm.js"]={name:"SignInForm",docgenInfo:SignInForm_SignInForm.__docgenInfo,path:"src\\blocks\\AuthForms\\SignInForm.js"})},"./src/blocks/Payment/index.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"f",(function(){return SelectPayment_SelectPayment})),__webpack_require__.d(__webpack_exports__,"d",(function(){return CreditCardForm_CreditCardForm})),__webpack_require__.d(__webpack_exports__,"a",(function(){return ChargeWalletForm_ChargeWalletForm})),__webpack_require__.d(__webpack_exports__,"e",(function(){return PayWithWallet_PayWithWallet})),__webpack_require__.d(__webpack_exports__,"b",(function(){return CheckoutForm_CheckoutForm})),__webpack_require__.d(__webpack_exports__,"c",(function(){return Confirmation_ConfirmationPage}));var react=__webpack_require__("./node_modules/react/index.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),src_elements=__webpack_require__("./src/elements/index.js"),Container=__webpack_require__("./node_modules/@mui/material/Container/Container.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),SelectPayment_SelectPayment=function SelectPayment(props){return Object(jsx_runtime.jsxs)(Container.a,{maxWidth:"xs",children:[Object(jsx_runtime.jsx)(src_elements.s,{align:"center",children:"Choose Payment Method"}),props.viaWallet&&Object(jsx_runtime.jsx)(src_elements.h,{logo:"wallet",buttonText:props.walletLabel,onClick:props.handleWallet}),props.viaCreditCard&&Object(jsx_runtime.jsx)(src_elements.h,{logo:"visa/master",buttonText:props.visaMasterLabel,onClick:props.handleCreditCard}),props.viaMada&&Object(jsx_runtime.jsx)(src_elements.h,{logo:"mada",buttonText:props.madaLabel,onClick:props.handleMada}),props.viaSTCPay&&Object(jsx_runtime.jsx)(src_elements.h,{logo:"stcpay",buttonText:props.stcPayLabel,onClick:props.handleSTCPay}),props.viaPayPal&&Object(jsx_runtime.jsx)(src_elements.h,{logo:"paypal",buttonText:props.paypalLabel,onClick:props.handlePayPal}),props.viaGooglePay&&Object(jsx_runtime.jsx)(src_elements.h,{logo:"googlepay",buttonText:props.googlePayLabel,onClick:props.handleGooglePay}),props.viaApplePay&&Object(jsx_runtime.jsx)(src_elements.h,{logo:"applepay",buttonText:props.applePayLabel,onClick:props.handleApplePay})]})};SelectPayment_SelectPayment.displayName="SelectPayment",SelectPayment_SelectPayment.propTypes={viaMada:prop_types_default.a.bool,viaWallet:prop_types_default.a.bool,viaSTCPay:prop_types_default.a.bool,viaPayPal:prop_types_default.a.bool,viaApplePay:prop_types_default.a.bool,viaCreditCard:prop_types_default.a.bool,madaLabel:prop_types_default.a.string,stcPayLabel:prop_types_default.a.string,paypalLabel:prop_types_default.a.string,walletLabel:prop_types_default.a.string,applePayLabel:prop_types_default.a.string,visaMasterLabel:prop_types_default.a.string,handleMada:prop_types_default.a.func,handleWallet:prop_types_default.a.func,handleSTCPay:prop_types_default.a.func,handlePayPal:prop_types_default.a.func,handleApplePay:prop_types_default.a.func,handleCreditCard:prop_types_default.a.func},SelectPayment_SelectPayment.__docgenInfo={description:"",methods:[],displayName:"SelectPayment",props:{viaMada:{type:{name:"bool"},required:!1,description:""},viaWallet:{type:{name:"bool"},required:!1,description:""},viaSTCPay:{type:{name:"bool"},required:!1,description:""},viaPayPal:{type:{name:"bool"},required:!1,description:""},viaApplePay:{type:{name:"bool"},required:!1,description:""},viaCreditCard:{type:{name:"bool"},required:!1,description:""},madaLabel:{type:{name:"string"},required:!1,description:""},stcPayLabel:{type:{name:"string"},required:!1,description:""},paypalLabel:{type:{name:"string"},required:!1,description:""},walletLabel:{type:{name:"string"},required:!1,description:""},applePayLabel:{type:{name:"string"},required:!1,description:""},visaMasterLabel:{type:{name:"string"},required:!1,description:""},handleMada:{type:{name:"func"},required:!1,description:""},handleWallet:{type:{name:"func"},required:!1,description:""},handleSTCPay:{type:{name:"func"},required:!1,description:""},handlePayPal:{type:{name:"func"},required:!1,description:""},handleApplePay:{type:{name:"func"},required:!1,description:""},handleCreditCard:{type:{name:"func"},required:!1,description:""}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\blocks\\Payment\\SelectPayment.js"]={name:"SelectPayment",docgenInfo:SelectPayment_SelectPayment.__docgenInfo,path:"src\\blocks\\Payment\\SelectPayment.js"});var index_esm=__webpack_require__("./node_modules/react-hook-form/dist/index.esm.mjs"),Button=__webpack_require__("./node_modules/@mui/material/Button/Button.js"),CreditCardForm_CreditCardForm=function CreditCardForm(props){var _errors$password,methods=Object(index_esm.c)(),errors=methods.formState.errors,handleSubmit=methods.handleSubmit,control=methods.control;return Object(jsx_runtime.jsx)(Container.a,{maxWidth:"xs",children:Object(jsx_runtime.jsxs)("form",{onSubmit:handleSubmit(props.handle),children:[Object(jsx_runtime.jsx)(src_elements.r,{fullWidth:!0,name:"password",placeholder:"Enter password",type:"tel",label:"Card Number",rules:{required:"Password is rquired"},helperText:null===(_errors$password=errors.password)||void 0===_errors$password?void 0:_errors$password.message}),Object(jsx_runtime.jsx)(index_esm.a,{control:control,name:"cardName",render:function render(_ref){var _errors$password2;_ref.field;return Object(jsx_runtime.jsx)(src_elements.r,{fullWidth:!0,name:"password",placeholder:"Enter password",type:"password",label:"Name On Card",rules:{required:"Password is rquired"},helperText:null===(_errors$password2=errors.password)||void 0===_errors$password2?void 0:_errors$password2.message})}}),Object(jsx_runtime.jsx)(index_esm.a,{control:control,name:"cardName",render:function render(_ref2){var _errors$password3;_ref2.field;return Object(jsx_runtime.jsx)(src_elements.r,{fullWidth:!0,name:"password",placeholder:"Enter password",type:"password",label:"Expiry Date",rules:{required:"Password is rquired"},helperText:null===(_errors$password3=errors.password)||void 0===_errors$password3?void 0:_errors$password3.message})}}),Object(jsx_runtime.jsx)(index_esm.a,{control:control,name:"cardName",render:function render(_ref3){var _errors$password4;_ref3.field;return Object(jsx_runtime.jsx)(src_elements.r,{fullWidth:!0,name:"password",placeholder:"Enter password",type:"password",label:"CCV",rules:{required:"Password is rquired"},helperText:null===(_errors$password4=errors.password)||void 0===_errors$password4?void 0:_errors$password4.message})}}),Object(jsx_runtime.jsx)(Button.a,{type:"submit",fullWidth:!0,variant:"last",onClick:props.handlePayWithCreditCard,children:"Pay with Credit Card"})]})})};CreditCardForm_CreditCardForm.displayName="CreditCardForm",CreditCardForm_CreditCardForm.__docgenInfo={description:"",methods:[],displayName:"CreditCardForm"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\blocks\\Payment\\CreditCardForm.js"]={name:"CreditCardForm",docgenInfo:CreditCardForm_CreditCardForm.__docgenInfo,path:"src\\blocks\\Payment\\CreditCardForm.js"});__webpack_require__("./node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.parse-float.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var Typography=__webpack_require__("./node_modules/@mui/material/Typography/Typography.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var ChargeWalletForm_ChargeWalletForm=function ChargeWalletForm(props){var _useState2=_slicedToArray(Object(react.useState)(0),2),walletAmount=_useState2[0],setWalletAmount=_useState2[1],methods=Object(index_esm.c)(),errors=methods.formState.errors,handleSubmit=methods.handleSubmit,control=methods.control;return Object(jsx_runtime.jsxs)(Container.a,{maxWidth:"xs",children:[Object(jsx_runtime.jsxs)(Typography.a,{align:"center",variant:"h2",fontWeight:500,style:{marginBottom:20},children:[Number(walletAmount).toLocaleString("en")||"0",Object(jsx_runtime.jsx)(Typography.a,{children:props.currency||"SAR"})]}),Object(jsx_runtime.jsx)(index_esm.b,Object.assign({},methods,{children:Object(jsx_runtime.jsxs)("form",{onSubmit:handleSubmit(props.handleChargeWallet),children:[Object(jsx_runtime.jsx)(index_esm.a,{control:control,name:"amount",render:function render(_ref){var _field$value,_errors$amount,field=_ref.field;return Object(jsx_runtime.jsx)(src_elements.r,Object.assign({fullWidth:!0,placeholder:props.texts.amountLabel,type:"number",value:null!==(_field$value=field.value)&&void 0!==_field$value?_field$value:""},field,{inputProps:{inputMode:"numeric",min:"1",max:"9999999",step:"0.01"},onChange:function onChange(e){field.onChange(parseFloat(e.target.value)),setWalletAmount(e.target.value)},helperText:null===(_errors$amount=errors.amount)||void 0===_errors$amount?void 0:_errors$amount.message}))},rules:{required:props.texts.amountRequired}}),Object(jsx_runtime.jsx)(Button.a,{type:"submit",fullWidth:!0,variant:"last",children:props.texts.chargeWallet})]})}))]})};ChargeWalletForm_ChargeWalletForm.displayName="ChargeWalletForm",ChargeWalletForm_ChargeWalletForm.propTypes={texts:prop_types_default.a.shape({amountLabel:prop_types_default.a.string,chargeWallet:prop_types_default.a.string,amountRequired:prop_types_default.a.string}),handleChargeWallet:prop_types_default.a.func,currency:prop_types_default.a.string},ChargeWalletForm_ChargeWalletForm.__docgenInfo={description:"",methods:[],displayName:"ChargeWalletForm",props:{texts:{type:{name:"shape",value:{amountLabel:{name:"string",required:!1},chargeWallet:{name:"string",required:!1},amountRequired:{name:"string",required:!1}}},required:!1,description:"The texts object for all the texts in the block"},handleChargeWallet:{type:{name:"func"},required:!1,description:"Function called when charge wallet button is clicked"},currency:{type:{name:"string"},required:!1,description:"The currency text under the amount"}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\blocks\\Payment\\ChargeWalletForm.js"]={name:"ChargeWalletForm",docgenInfo:ChargeWalletForm_ChargeWalletForm.__docgenInfo,path:"src\\blocks\\Payment\\ChargeWalletForm.js"});var PayWithWallet_PayWithWallet=function PayWithWallet(props){return Object(jsx_runtime.jsxs)(Container.a,{maxWidth:"xs",children:[Object(jsx_runtime.jsx)(Typography.a,{align:"center",children:"Wallet Balance"}),Object(jsx_runtime.jsxs)(Typography.a,{align:"center",variant:"h1",children:[props.walletBalance||"0",Object(jsx_runtime.jsx)(Typography.a,{children:props.currency||"SAR"})]}),Object(jsx_runtime.jsx)(Button.a,{type:"submit",fullWidth:!0,variant:"last",onClick:props.handlePayWithWallet,children:"Pay Now"})]})};PayWithWallet_PayWithWallet.displayName="PayWithWallet",PayWithWallet_PayWithWallet.__docgenInfo={description:"",methods:[],displayName:"PayWithWallet"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\blocks\\Payment\\PayWithWallet.js"]={name:"PayWithWallet",docgenInfo:PayWithWallet_PayWithWallet.__docgenInfo,path:"src\\blocks\\Payment\\PayWithWallet.js"});__webpack_require__("./node_modules/core-js/modules/es.array.map.js");var Divider=__webpack_require__("./node_modules/@mui/material/Divider/Divider.js"),CheckoutForm_CheckoutForm=function CheckoutForm(props){var _props$texts,_props$texts3,_props$texts6,_props$texts7,_props$texts8,_props$texts10,_props$texts12,_props$texts14,_props$texts16,_props$texts18,isArabic="ar"===props.lang,methods=Object(index_esm.c)(),errors=methods.formState.errors,handleSubmit=methods.handleSubmit,control=(methods.register,methods.control),containerStyle={display:"flex",padding:0,paddingRight:"0px !important",paddingLeft:"0px !important",flexDirection:{xs:"column",sm:"row",md:"row",lg:"row",xl:"row"}};return Object(jsx_runtime.jsxs)(Container.a,{maxWidth:"sm",style:{direction:isArabic?"rtl":"ltr"},children:[Object(jsx_runtime.jsx)(Typography.a,{align:"center",variant:"h5",fontWeight:500,style:{marginBottom:10},children:props.texts.orderDetails}),Object(jsx_runtime.jsx)(src_elements.p,{lang:props.lang,columns:["Product","Price"],rows:props.products,end:["Total",props.total]}),Object(jsx_runtime.jsx)(Divider.a,{variant:"middle"}),Object(jsx_runtime.jsx)(Typography.a,{align:"center",variant:"h5",fontWeight:500,style:{marginBottom:10},children:props.texts.billingAddress}),Object(jsx_runtime.jsx)(index_esm.b,Object.assign({},methods,{children:Object(jsx_runtime.jsxs)("form",{onSubmit:handleSubmit(props.handlePayNow),children:[Object(jsx_runtime.jsxs)(Container.a,{sx:containerStyle,children:[Object(jsx_runtime.jsx)(index_esm.a,{control:control,name:"firstName",rules:{required:null===(_props$texts=props.texts)||void 0===_props$texts?void 0:_props$texts.required},render:function render(_ref){var _field$value,_props$texts2,_errors$firstName,field=_ref.field;return Object(jsx_runtime.jsx)(src_elements.r,Object.assign({inForm:!0,fullWidth:!0,type:"text",value:null!==(_field$value=field.value)&&void 0!==_field$value?_field$value:"",label:(null===(_props$texts2=props.texts)||void 0===_props$texts2?void 0:_props$texts2.firstNameLabel)+" *",helperText:null===(_errors$firstName=errors.firstName)||void 0===_errors$firstName?void 0:_errors$firstName.message},field))}}),Object(jsx_runtime.jsx)("div",{style:{width:20}}),Object(jsx_runtime.jsx)(index_esm.a,{control:control,name:"lastName",rules:{required:null===(_props$texts3=props.texts)||void 0===_props$texts3?void 0:_props$texts3.required},render:function render(_ref2){var _field$value2,_props$texts4,_errors$lastName,field=_ref2.field;return Object(jsx_runtime.jsx)(src_elements.r,Object.assign({inForm:!0,fullWidth:!0,type:"text",value:null!==(_field$value2=field.value)&&void 0!==_field$value2?_field$value2:"",label:(null===(_props$texts4=props.texts)||void 0===_props$texts4?void 0:_props$texts4.lastNameLabel)+" *",helperText:null===(_errors$lastName=errors.lastName)||void 0===_errors$lastName?void 0:_errors$lastName.message},field))}})]}),Object(jsx_runtime.jsx)(index_esm.a,{control:control,name:"email",render:function render(_ref3){var _field$value3,_props$texts5,_errors$email,field=_ref3.field;return Object(jsx_runtime.jsx)(src_elements.r,Object.assign({inForm:!0,fullWidth:!0,type:"text",value:null!==(_field$value3=field.value)&&void 0!==_field$value3?_field$value3:"",label:(null===(_props$texts5=props.texts)||void 0===_props$texts5?void 0:_props$texts5.emailLabel)+" *",helperText:null===(_errors$email=errors.email)||void 0===_errors$email?void 0:_errors$email.message},field))},rules:{required:null===(_props$texts6=props.texts)||void 0===_props$texts6?void 0:_props$texts6.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===(_props$texts7=props.texts)||void 0===_props$texts7?void 0:_props$texts7.emailInvalidText}}}),Object(jsx_runtime.jsxs)(Container.a,{sx:containerStyle,children:[Object(jsx_runtime.jsx)(index_esm.a,{control:control,name:"streetAddress",rules:{required:null===(_props$texts8=props.texts)||void 0===_props$texts8?void 0:_props$texts8.required},render:function render(_ref4){var _field$value4,_props$texts9,_errors$streetAddress,field=_ref4.field;return Object(jsx_runtime.jsx)(src_elements.r,Object.assign({inForm:!0,fullWidth:!0,type:"text",value:null!==(_field$value4=field.value)&&void 0!==_field$value4?_field$value4:"",label:(null===(_props$texts9=props.texts)||void 0===_props$texts9?void 0:_props$texts9.streetAddressLabel)+" *",helperText:null===(_errors$streetAddress=errors.streetAddress)||void 0===_errors$streetAddress?void 0:_errors$streetAddress.message},field))}}),Object(jsx_runtime.jsx)("div",{style:{width:20}}),Object(jsx_runtime.jsx)(index_esm.a,{control:control,name:"buildingNumber",rules:{required:null===(_props$texts10=props.texts)||void 0===_props$texts10?void 0:_props$texts10.required},render:function render(_ref5){var _field$value5,_props$texts11,_errors$buildingNumbe,field=_ref5.field;return Object(jsx_runtime.jsx)(src_elements.r,Object.assign({inForm:!0,fullWidth:!0,type:"text",value:null!==(_field$value5=field.value)&&void 0!==_field$value5?_field$value5:"",label:(null===(_props$texts11=props.texts)||void 0===_props$texts11?void 0:_props$texts11.buildingNumberLabel)+" *",helperText:null===(_errors$buildingNumbe=errors.buildingNumber)||void 0===_errors$buildingNumbe?void 0:_errors$buildingNumbe.message},field))}})]}),Object(jsx_runtime.jsxs)(Container.a,{sx:containerStyle,children:[Object(jsx_runtime.jsx)(index_esm.a,{control:control,name:"province",rules:{required:null===(_props$texts12=props.texts)||void 0===_props$texts12?void 0:_props$texts12.required},render:function render(_ref6){var _field$value6,_props$texts13,_errors$province,field=_ref6.field;return Object(jsx_runtime.jsx)(src_elements.r,Object.assign({inForm:!0,fullWidth:!0,type:"text",value:null!==(_field$value6=field.value)&&void 0!==_field$value6?_field$value6:"",label:(null===(_props$texts13=props.texts)||void 0===_props$texts13?void 0:_props$texts13.stateLabel)+" *",helperText:null===(_errors$province=errors.province)||void 0===_errors$province?void 0:_errors$province.message},field))}}),Object(jsx_runtime.jsx)("div",{style:{width:20}}),Object(jsx_runtime.jsx)(index_esm.a,{control:control,name:"city",rules:{required:null===(_props$texts14=props.texts)||void 0===_props$texts14?void 0:_props$texts14.required},render:function render(_ref7){var _field$value7,_props$texts15,_errors$city,field=_ref7.field;return Object(jsx_runtime.jsx)(src_elements.r,Object.assign({inForm:!0,fullWidth:!0,type:"text",value:null!==(_field$value7=field.value)&&void 0!==_field$value7?_field$value7:"",label:(null===(_props$texts15=props.texts)||void 0===_props$texts15?void 0:_props$texts15.cityLabel)+" *",helperText:null===(_errors$city=errors.city)||void 0===_errors$city?void 0:_errors$city.message},field))}})]}),Object(jsx_runtime.jsxs)(Container.a,{sx:containerStyle,children:[Object(jsx_runtime.jsx)(index_esm.a,{control:control,name:"zipCode",rules:{required:null===(_props$texts16=props.texts)||void 0===_props$texts16?void 0:_props$texts16.required},render:function render(_ref8){var _field$value8,_props$texts17,_errors$zipCode,field=_ref8.field;return Object(jsx_runtime.jsx)(src_elements.r,Object.assign({inForm:!0,fullWidth:!0,type:"number",variant:"unscrollable",value:null!==(_field$value8=field.value)&&void 0!==_field$value8?_field$value8:"",label:(null===(_props$texts17=props.texts)||void 0===_props$texts17?void 0:_props$texts17.zipCodeLabel)+" *",helperText:null===(_errors$zipCode=errors.zipCode)||void 0===_errors$zipCode?void 0:_errors$zipCode.message},field))}}),Object(jsx_runtime.jsx)("div",{style:{width:20}}),Object(jsx_runtime.jsx)(index_esm.a,{control:control,name:"country",rules:{required:null===(_props$texts18=props.texts)||void 0===_props$texts18?void 0:_props$texts18.required},render:function render(_ref9){var _props$texts19,_field$value9,_errors$country,field=_ref9.field;return Object(jsx_runtime.jsxs)(src_elements.m,Object.assign({fullWidth:!0,native:!0,label:(null===(_props$texts19=props.texts)||void 0===_props$texts19?void 0:_props$texts19.countryLabel)+" *",variant:"standard",value:null!==(_field$value9=field.value)&&void 0!==_field$value9?_field$value9:"",helperText:null===(_errors$country=errors.country)||void 0===_errors$country?void 0:_errors$country.message,displayEmpty:!0,disableUnderline:!0,validators:["required"]},field,{children:[Object(jsx_runtime.jsx)("option",{}),props.countriesList.map((function(country,i){return Object(jsx_runtime.jsx)("option",{children:country},i)}))]}))}})]}),Object(jsx_runtime.jsx)(Button.a,{type:"submit",fullWidth:!0,variant:"last",children:props.texts.payNow})]})}))]})};CheckoutForm_CheckoutForm.displayName="CheckoutForm",CheckoutForm_CheckoutForm.propTypes={texts:prop_types_default.a.shape({orderDetails:prop_types_default.a.string,billingAddress:prop_types_default.a.string,payNow:prop_types_default.a.string,emailLabel:prop_types_default.a.string,emailRequiredText:prop_types_default.a.string,emailInvalidText:prop_types_default.a.string,firstNameLabel:prop_types_default.a.string,required:prop_types_default.a.string,lastNameLabel:prop_types_default.a.string,streetAddressLabel:prop_types_default.a.string,buildingNumberLabel:prop_types_default.a.string,cityLabel:prop_types_default.a.string,stateLabel:prop_types_default.a.string,countryLabel:prop_types_default.a.string,zipCodeLabel:prop_types_default.a.string}),lang:prop_types_default.a.string,countriesList:prop_types_default.a.array,products:prop_types_default.a.array,total:prop_types_default.a.string,handlePayNow:prop_types_default.a.func},CheckoutForm_CheckoutForm.__docgenInfo={description:"",methods:[],displayName:"CheckoutForm",props:{texts:{type:{name:"shape",value:{orderDetails:{name:"string",required:!1},billingAddress:{name:"string",required:!1},payNow:{name:"string",required:!1},emailLabel:{name:"string",required:!1},emailRequiredText:{name:"string",required:!1},emailInvalidText:{name:"string",required:!1},firstNameLabel:{name:"string",required:!1},required:{name:"string",required:!1},lastNameLabel:{name:"string",required:!1},streetAddressLabel:{name:"string",required:!1},buildingNumberLabel:{name:"string",required:!1},cityLabel:{name:"string",required:!1},stateLabel:{name:"string",required:!1},countryLabel:{name:"string",required:!1},zipCodeLabel:{name:"string",required:!1}}},required:!1,description:""},lang:{type:{name:"string"},required:!1,description:""},countriesList:{type:{name:"array"},required:!1,description:""},products:{type:{name:"array"},required:!1,description:""},total:{type:{name:"string"},required:!1,description:""},handlePayNow:{type:{name:"func"},required:!1,description:""}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\blocks\\Payment\\CheckoutForm.js"]={name:"CheckoutForm",docgenInfo:CheckoutForm_CheckoutForm.__docgenInfo,path:"src\\blocks\\Payment\\CheckoutForm.js"});var Confirmation_ConfirmationPage=function ConfirmationPage(props){var isArabic="ar"===props.lang;return Object(jsx_runtime.jsxs)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:[Object(jsx_runtime.jsxs)(Container.a,{maxWidth:"sm",style:{direction:isArabic?"rtl":"ltr"},children:[Object(jsx_runtime.jsx)(Typography.a,{align:"center",variant:"h3",fontWeight:400,style:{marginBottom:10},children:props.confirmationTitle}),Object(jsx_runtime.jsx)(Divider.a,{variant:"middle"}),Object(jsx_runtime.jsxs)(Typography.a,{align:"center",variant:"body1",style:{marginBottom:10},children:[props.texts.successMessage," ",Object(jsx_runtime.jsx)("strong",{children:props.userEmail})]}),Object(jsx_runtime.jsx)(Typography.a,{align:"center",variant:"body1",children:props.texts.yourOrderNumber}),Object(jsx_runtime.jsx)(Typography.a,{align:"center",variant:"body1",fontWeight:700,style:{marginBottom:10},children:props.orderNumber}),Object(jsx_runtime.jsx)(Divider.a,{variant:"middle"}),props.products&&Object(jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[Object(jsx_runtime.jsx)(Typography.a,{align:"center",variant:"h5",fontWeight:500,style:{marginBottom:10},children:props.texts.orderDetails}),Object(jsx_runtime.jsx)(src_elements.p,{lang:props.lang,columns:["Product","Price"],rows:props.products,end:["Total",props.total]}),Object(jsx_runtime.jsx)(Divider.a,{variant:"middle"})]}),Object(jsx_runtime.jsx)(Button.a,{onClick:props.handlePrint,variant:"contained",children:props.texts.print}),Object(jsx_runtime.jsx)(Button.a,{onClick:props.handleHistory,variant:"last",children:props.texts.history}),Object(jsx_runtime.jsx)(Button.a,{onClick:props.handleHome,variant:"last",children:props.texts.homePage}),Object(jsx_runtime.jsx)(Typography.a,{align:"center",variant:"body2",style:{marginTop:10},children:props.texts.fasterPaymentNote})]}),Object(jsx_runtime.jsx)("a",{style:{marginTop:10,paddingTop:10,padding:5,cursor:"pointer"},onClick:props.handleRefundPolicyLink,children:Object(jsx_runtime.jsx)(Typography.a,{align:"center",variant:"caption",fontWeight:500,children:props.texts.refundPolicy})})]})};Confirmation_ConfirmationPage.displayName="ConfirmationPage",Confirmation_ConfirmationPage.propTypes={texts:prop_types_default.a.shape({print:prop_types_default.a.string,history:prop_types_default.a.string,homePage:prop_types_default.a.string,successMessage:prop_types_default.a.string,orderDetails:prop_types_default.a.string,fasterPaymentNote:prop_types_default.a.string,billingAddress:prop_types_default.a.string,payNow:prop_types_default.a.string,yourOrderNumber:prop_types_default.a.string,emailLabel:prop_types_default.a.string,emailRequiredText:prop_types_default.a.string,emailInvalidText:prop_types_default.a.string,firstNameLabel:prop_types_default.a.string,required:prop_types_default.a.string,lastNameLabel:prop_types_default.a.string,streetAddressLabel:prop_types_default.a.string,buildingNumberLabel:prop_types_default.a.string,cityLabel:prop_types_default.a.string,stateLabel:prop_types_default.a.string,countryLabel:prop_types_default.a.string,zipCodeLabel:prop_types_default.a.string,refundPolicy:prop_types_default.a.string}),products:prop_types_default.a.array,countriesList:prop_types_default.a.array,lang:prop_types_default.a.string,total:prop_types_default.a.string,userEmail:prop_types_default.a.string,orderNumber:prop_types_default.a.string,confirmationTitle:prop_types_default.a.string,handleHome:prop_types_default.a.func,handlePrint:prop_types_default.a.func,handleHistory:prop_types_default.a.func,handleRefundPolicyLink:prop_types_default.a.func},Confirmation_ConfirmationPage.__docgenInfo={description:"",methods:[],displayName:"ConfirmationPage",props:{texts:{type:{name:"shape",value:{print:{name:"string",required:!1},history:{name:"string",required:!1},homePage:{name:"string",required:!1},successMessage:{name:"string",required:!1},orderDetails:{name:"string",required:!1},fasterPaymentNote:{name:"string",required:!1},billingAddress:{name:"string",required:!1},payNow:{name:"string",required:!1},yourOrderNumber:{name:"string",required:!1},emailLabel:{name:"string",required:!1},emailRequiredText:{name:"string",required:!1},emailInvalidText:{name:"string",required:!1},firstNameLabel:{name:"string",required:!1},required:{name:"string",required:!1},lastNameLabel:{name:"string",required:!1},streetAddressLabel:{name:"string",required:!1},buildingNumberLabel:{name:"string",required:!1},cityLabel:{name:"string",required:!1},stateLabel:{name:"string",required:!1},countryLabel:{name:"string",required:!1},zipCodeLabel:{name:"string",required:!1},refundPolicy:{name:"string",required:!1}}},required:!1,description:"The texts object for all the texts in the block"},products:{type:{name:"array"},required:!1,description:""},countriesList:{type:{name:"array"},required:!1,description:""},lang:{type:{name:"string"},required:!1,description:""},total:{type:{name:"string"},required:!1,description:""},userEmail:{type:{name:"string"},required:!1,description:""},orderNumber:{type:{name:"string"},required:!1,description:""},confirmationTitle:{type:{name:"string"},required:!1,description:""},handleHome:{type:{name:"func"},required:!1,description:""},handlePrint:{type:{name:"func"},required:!1,description:""},handleHistory:{type:{name:"func"},required:!1,description:""},handleRefundPolicyLink:{type:{name:"func"},required:!1,description:""}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\blocks\\Payment\\Confirmation.js"]={name:"ConfirmationPage",docgenInfo:Confirmation_ConfirmationPage.__docgenInfo,path:"src\\blocks\\Payment\\Confirmation.js"})},"./src/blocks/Pricing/PricingPlans.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return PricingPlans}));__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/react/index.js"),_mui_material_Container__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/@mui/material/Container/Container.js"),_elements__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./src/elements/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_16___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_16__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./node_modules/react/jsx-runtime.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var PricingPlans=function PricingPlans(props){var _useState2=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_13__.useState)("sar"),2),currentCurrency=_useState2[0],setCurrentCurrency=_useState2[1],_useState4=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_13__.useState)("monthly"),2),currentCycle=_useState4[0],setCurrentCycle=_useState4[1];return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_17__.jsxs)(_mui_material_Container__WEBPACK_IMPORTED_MODULE_14__.a,{style:{width:"fit-content"},variant:"plain",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_17__.jsxs)("div",{style:{display:"flex",flexDirection:"row",justifyContent:"space-between",marginBottom:10},children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_17__.jsx)(_elements__WEBPACK_IMPORTED_MODULE_15__.j,{location:"inPricing",handleChange:function handleChange(e){return setCurrentCycle(e)},defaultValue:"monthly",options:[{label:"Monthly",value:"monthly"},{label:"3 Months",value:"3-months"},{label:"6 Months",value:"6-months"},{label:"Annually",value:"annually"}]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_17__.jsx)(_elements__WEBPACK_IMPORTED_MODULE_15__.j,{location:"inPricing",handleChange:function handleChange(e){setCurrentCurrency(e)},defaultValue:"sar",options:[{label:"USD",value:"usd"},{label:"SAR",value:"sar"}]})]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_17__.jsx)(_mui_material_Container__WEBPACK_IMPORTED_MODULE_14__.a,{variant:"pricing",children:props.plans.map((function(plan){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_17__.jsx)(_elements__WEBPACK_IMPORTED_MODULE_15__.i,Object.assign({lang:props.lang},plan,{currency:currentCurrency,cycleText:currentCycle}))}))})]})};PricingPlans.displayName="PricingPlans",PricingPlans.propTypes={plans:prop_types__WEBPACK_IMPORTED_MODULE_16___default.a.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_16___default.a.shape({title:prop_types__WEBPACK_IMPORTED_MODULE_16___default.a.string,title_ar:prop_types__WEBPACK_IMPORTED_MODULE_16___default.a.string,subtitle:prop_types__WEBPACK_IMPORTED_MODULE_16___default.a.string,subtitle_ar:prop_types__WEBPACK_IMPORTED_MODULE_16___default.a.string,price:prop_types__WEBPACK_IMPORTED_MODULE_16___default.a.number,currency:prop_types__WEBPACK_IMPORTED_MODULE_16___default.a.string,cycleText:prop_types__WEBPACK_IMPORTED_MODULE_16___default.a.string,buttonText:prop_types__WEBPACK_IMPORTED_MODULE_16___default.a.string,features:prop_types__WEBPACK_IMPORTED_MODULE_16___default.a.array,features_ar:prop_types__WEBPACK_IMPORTED_MODULE_16___default.a.array,selectedPlan:prop_types__WEBPACK_IMPORTED_MODULE_16___default.a.bool})),lang:prop_types__WEBPACK_IMPORTED_MODULE_16___default.a.string},PricingPlans.__docgenInfo={description:"",methods:[],displayName:"PricingPlans",props:{plans:{type:{name:"arrayOf",value:{name:"shape",value:{title:{name:"string",required:!1},title_ar:{name:"string",required:!1},subtitle:{name:"string",required:!1},subtitle_ar:{name:"string",required:!1},price:{name:"number",required:!1},currency:{name:"string",required:!1},cycleText:{name:"string",required:!1},buttonText:{name:"string",required:!1},features:{name:"array",required:!1},features_ar:{name:"array",required:!1},selectedPlan:{name:"bool",required:!1}}}},required:!1,description:"An array of the pricing plans"},lang:{type:{name:"string"},required:!1,description:""}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\blocks\\Pricing\\PricingPlans.js"]={name:"PricingPlans",docgenInfo:PricingPlans.__docgenInfo,path:"src\\blocks\\Pricing\\PricingPlans.js"})},"./src/elements/HawaPopMenu.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return HawaPopMenu}));__webpack_require__("./node_modules/core-js/modules/es.string.anchor.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js");var _mui_material__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@mui/material/styles/useTheme.js"),_mui_material_Typography__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@mui/material/Typography/Typography.js"),_mui_material_Menu__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@mui/material/Menu/Menu.js"),_mui_material_MenuItem__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mui/material/MenuItem/MenuItem.js"),prop_types__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_6___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_6__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/react/jsx-runtime.js"),HawaPopMenu=function HawaPopMenu(props){var theme=Object(_mui_material__WEBPACK_IMPORTED_MODULE_2__.a)();return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_mui_material_Menu__WEBPACK_IMPORTED_MODULE_4__.a,{sx:{mt:"45px"},id:"menu-appbar",anchorEl:props.anchor,anchorOrigin:{vertical:"top",horizontal:"right"},keepMounted:!0,transformOrigin:{vertical:"top",horizontal:"right"},open:Boolean(props.anchor),onClose:props.handleClose,variant:"themed",PaperProps:{style:{boxShadow:"none",borderRadius:theme.allBorderRadius,border:"1px solid "+theme.primaryActionColor}},children:props.menuItems.map((function(item){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_mui_material_MenuItem__WEBPACK_IMPORTED_MODULE_5__.a,{onClick:item.action,children:[item.icon&&Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(item.icon,{}),item.icon&&Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("div",{style:{width:10}}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_mui_material_Typography__WEBPACK_IMPORTED_MODULE_3__.a,{textAlign:"center",children:item.label})]},item.label)}))})};HawaPopMenu.displayName="HawaPopMenu",HawaPopMenu.propTypes={anchor:prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.any,handleClose:prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.func,menuItems:prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.shape({icon:prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.element,label:prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.string,action:prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.func}))},HawaPopMenu.__docgenInfo={description:"",methods:[],displayName:"HawaPopMenu",props:{anchor:{type:{name:"any"},required:!1,description:""},handleClose:{type:{name:"func"},required:!1,description:""},menuItems:{type:{name:"arrayOf",value:{name:"shape",value:{icon:{name:"element",required:!1},label:{name:"string",required:!1},action:{name:"func",required:!1}}}},required:!1,description:""}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\elements\\HawaPopMenu.js"]={name:"HawaPopMenu",docgenInfo:HawaPopMenu.__docgenInfo,path:"src\\elements\\HawaPopMenu.js"})},"./src/elements/index.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return AdaptiveButton_AdaptiveButton})),__webpack_require__.d(__webpack_exports__,"o",(function(){return HawaSnackbar_HawaSnackbar})),__webpack_require__.d(__webpack_exports__,"j",(function(){return HawaRadio_HawaRadio})),__webpack_require__.d(__webpack_exports__,"g",(function(){return HawaItemCard_HawaItemCard})),__webpack_require__.d(__webpack_exports__,"i",(function(){return HawaPricingCard_HawaPricingCard})),__webpack_require__.d(__webpack_exports__,"n",(function(){return HawaSettingsRow_HawaSettingsRow})),__webpack_require__.d(__webpack_exports__,"h",(function(){return HawaLogoButton_HawaLogoButton})),__webpack_require__.d(__webpack_exports__,"m",(function(){return HawaSelect_HawaSelect})),__webpack_require__.d(__webpack_exports__,"k",(function(){return HawaRange_HawaRange})),__webpack_require__.d(__webpack_exports__,"r",(function(){return HawaTextField_HawaTextField})),__webpack_require__.d(__webpack_exports__,"q",(function(){return HawaTextArea_HawaTextArea})),__webpack_require__.d(__webpack_exports__,"f",(function(){return HawaInputLabel_HawaInputLabel})),__webpack_require__.d(__webpack_exports__,"s",(function(){return HawaTypography_HawaTypography})),__webpack_require__.d(__webpack_exports__,"e",(function(){return HawaAlert_HawaAlert})),__webpack_require__.d(__webpack_exports__,"p",(function(){return HawaTable_HawaTable})),__webpack_require__.d(__webpack_exports__,"l",(function(){return HawaSearchBar_HawaSearchBar})),__webpack_require__.d(__webpack_exports__,"d",(function(){return HawaAccordian_HawaAccordian})),__webpack_require__.d(__webpack_exports__,"b",(function(){return DragDropImages_DragDropImages})),__webpack_require__.d(__webpack_exports__,"c",(function(){return DraggableCard_DraggableCard}));var react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),Button=__webpack_require__("./node_modules/@mui/material/Button/Button.js"),Tooltip=__webpack_require__("./node_modules/@mui/material/Tooltip/Tooltip.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),AdaptiveButton_AdaptiveButton=function AdaptiveButton(props){return props.showText?Object(jsx_runtime.jsxs)(Button.a,{variant:"adaptive-dark",onClick:props.onClick,children:[props.icon,Object(jsx_runtime.jsx)("div",{style:{width:10}}),props.buttonText]}):Object(jsx_runtime.jsx)(Tooltip.a,{title:props.buttonText,placement:"top",children:Object(jsx_runtime.jsx)(Button.a,{variant:"adaptive-dark",onClick:props.onClick,children:props.icon})})};AdaptiveButton_AdaptiveButton.propTypes={buttonText:prop_types_default.a.string,onClick:prop_types_default.a.func,showText:prop_types_default.a.bool},AdaptiveButton_AdaptiveButton.__docgenInfo={description:"",methods:[],displayName:"AdaptiveButton",props:{buttonText:{type:{name:"string"},required:!1,description:""},onClick:{type:{name:"func"},required:!1,description:""},showText:{type:{name:"bool"},required:!1,description:""}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\elements\\AdaptiveButton.js"]={name:"AdaptiveButton",docgenInfo:AdaptiveButton_AdaptiveButton.__docgenInfo,path:"src\\elements\\AdaptiveButton.js"});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var ActionButton_ActionButton=function ActionButton(props){return Object(jsx_runtime.jsx)(Button.a,Object.assign({},props,{children:props.text}))};ActionButton_ActionButton.displayName="ActionButton",ActionButton_ActionButton.__docgenInfo={description:"",methods:[],displayName:"ActionButton"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\elements\\ActionButton.js"]={name:"ActionButton",docgenInfo:ActionButton_ActionButton.__docgenInfo,path:"src\\elements\\ActionButton.js"});var Snackbar=__webpack_require__("./node_modules/@mui/material/Snackbar/Snackbar.js"),AlertTitle=__webpack_require__("./node_modules/@mui/material/AlertTitle/AlertTitle.js"),Alert=__webpack_require__("./node_modules/@mui/material/Alert/Alert.js"),HawaSnackbar_HawaSnackbar=function HawaSnackbar(props){return Object(jsx_runtime.jsx)(Snackbar.a,{open:props.open,onClose:props.handleClose,children:Object(jsx_runtime.jsxs)(Alert.a,{icon:!1,severity:props.severity,children:[props.title&&Object(jsx_runtime.jsx)(AlertTitle.a,{children:props.title}),props.text]})})};HawaSnackbar_HawaSnackbar.displayName="HawaSnackbar",HawaSnackbar_HawaSnackbar.__docgenInfo={description:"",methods:[],displayName:"HawaSnackbar"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\elements\\HawaSnackbar.js"]={name:"HawaSnackbar",docgenInfo:HawaSnackbar_HawaSnackbar.__docgenInfo,path:"src\\elements\\HawaSnackbar.js"});var FormControlLabel=__webpack_require__("./node_modules/@mui/material/FormControlLabel/FormControlLabel.js"),Checkbox=__webpack_require__("./node_modules/@mui/material/Checkbox/Checkbox.js"),HawaCheckbox_HawaCheckbox=function HawaCheckbox(props){return console.log("props : ",props),Object(jsx_runtime.jsx)(react_default.a.Fragment,{children:Object(jsx_runtime.jsx)(FormControlLabel.a,{label:props.label,control:Object(jsx_runtime.jsx)(Checkbox.a,{style:{color:props.color||null},defaultChecked:props.defaultValue})})})};HawaCheckbox_HawaCheckbox.displayName="HawaCheckbox",HawaCheckbox_HawaCheckbox.__docgenInfo={description:"",methods:[],displayName:"HawaCheckbox"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\elements\\HawaCheckbox.js"]={name:"HawaCheckbox",docgenInfo:HawaCheckbox_HawaCheckbox.__docgenInfo,path:"src\\elements\\HawaCheckbox.js"});__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var Container=__webpack_require__("./node_modules/@mui/material/Container/Container.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var HawaRadio_HawaRadio=function HawaRadio(props){var _useState2=_slicedToArray(Object(react.useState)(props.defaultValue),2),value=_useState2[0],setValue=_useState2[1];return Object(jsx_runtime.jsx)(Container.a,{variant:props.location||"panelTabs",children:props.options.map((function(singleOption,i){var _singleOption$value;return Object(jsx_runtime.jsx)(Button.a,{onClick:function onClick(){props.handleChange(singleOption.value),setValue(singleOption.value)},fullWidth:!0,variant:(null==value?void 0:value.toLowerCase())===(null===(_singleOption$value=singleOption.value)||void 0===_singleOption$value?void 0:_singleOption$value.toLowerCase())?"selected":"unselected",children:singleOption.label},i)}))})};HawaRadio_HawaRadio.displayName="HawaRadio",HawaRadio_HawaRadio.propTypes={lang:prop_types_default.a.string,options:prop_types_default.a.arrayOf(prop_types_default.a.shape({label:prop_types_default.a.string,value:prop_types_default.a.string})),defaultValue:prop_types_default.a.string,handleChange:prop_types_default.a.func,location:prop_types_default.a.string},HawaRadio_HawaRadio.__docgenInfo={description:"",methods:[],displayName:"HawaRadio",props:{lang:{type:{name:"string"},required:!1,description:""},options:{type:{name:"arrayOf",value:{name:"shape",value:{label:{name:"string",required:!1},value:{name:"string",required:!1}}}},required:!1,description:""},defaultValue:{type:{name:"string"},required:!1,description:""},handleChange:{type:{name:"func"},required:!1,description:""},location:{type:{name:"string"},required:!1,description:""}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\elements\\HawaRadio.js"]={name:"HawaRadio",docgenInfo:HawaRadio_HawaRadio.__docgenInfo,path:"src\\elements\\HawaRadio.js"});var HawaItemCard_HawaItemCard=function HawaItemCard(props){var isArabic="ar"===props.lang;return Object(jsx_runtime.jsxs)(Container.a,{onClick:function handleParentClick(e){e.stopPropagation(),props.onCardClick()},maxWidth:"xs",variant:"card-container",dataValue:"parent",style:{direction:isArabic?"rtl":"ltr"},children:[props.header&&Object(jsx_runtime.jsxs)(Container.a,{style:{zIndex:20},variant:"card-header",children:[props.headerActions&&Object(jsx_runtime.jsx)("div",{style:{margin:0,marginRight:-20,marginLeft:-20,marginBottom:-20,display:"flex",paddingTop:5,paddingLeft:5,paddingRight:5,justifyContent:"flex-end"},children:props.headerActions}),props.header]}),props.content&&Object(jsx_runtime.jsx)(Container.a,{style:{zIndex:20},variant:"card-content",children:props.content}),props.actions&&Object(jsx_runtime.jsx)(Container.a,{style:{zIndex:20},variant:"card-actions",children:props.actions})]})};HawaItemCard_HawaItemCard.displayName="HawaItemCard",HawaItemCard_HawaItemCard.propTypes={lang:prop_types_default.a.string,onCardClick:prop_types_default.a.func},HawaItemCard_HawaItemCard.__docgenInfo={description:"",methods:[],displayName:"HawaItemCard",props:{lang:{type:{name:"string"},required:!1,description:""},onCardClick:{type:{name:"func"},required:!1,description:""}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\elements\\HawaItemCard.js"]={name:"HawaItemCard",docgenInfo:HawaItemCard_HawaItemCard.__docgenInfo,path:"src\\elements\\HawaItemCard.js"});var Typography=__webpack_require__("./node_modules/@mui/material/Typography/Typography.js"),CheckCircleOutlined=__webpack_require__("./node_modules/@mui/icons-material/CheckCircleOutlined.js"),CheckCircleOutlined_default=__webpack_require__.n(CheckCircleOutlined),Chip=__webpack_require__("./node_modules/@mui/material/Chip/Chip.js"),HawaPricingCard_HawaPricingCard=function HawaPricingCard(props){var _props$currency,_props$currency2,isArabic="ar"===props.lang,cycleTextsArabic={monthly:"شهرياً","3-months":"كل 3 أشهر","6-months":"كل 6 أشهر",annually:"سنوياً"},cycleTextsEnglish={monthly:"Monthly","3-months":"3 Months","6-months":"6 Months",annually:"Annually"},currencyMapping={usd:isArabic?"دولار":"$",sar:isArabic?"ريال":"SAR"},featuresMapping=isArabic?props.features_ar:props.features,chipSpacing=isArabic?{left:10}:{right:10};return Object(jsx_runtime.jsxs)(Container.a,{maxWidth:"xs",variant:props.selectedPlan?"selected-plan-card":"plan-card",style:{direction:isArabic?"rtl":"ltr"},children:[Object(jsx_runtime.jsxs)(Container.a,{variant:"plan-header",children:[props.discount&&Object(jsx_runtime.jsx)(Chip.a,{label:props.discount,variant:"standard",style:Object.assign({maxWidth:"fit-content",position:"absolute",bottom:10},chipSpacing),color:"success"}),Object(jsx_runtime.jsx)(Typography.a,{variant:"h3",fontWeight:500,children:isArabic?props.title_ar:props.title}),Object(jsx_runtime.jsx)(Typography.a,{variant:"caption",children:isArabic?props.subtitle_ar:props.subtitle}),Object(jsx_runtime.jsx)("br",{}),Object(jsx_runtime.jsx)(Typography.a,{variant:"h4",fontWeight:500,style:{display:"flex",alignItems:"center"},children:"ar"===props.lang?Object(jsx_runtime.jsxs)("div",{style:{width:"100%",display:"flex",flexDirection:"column",justifyContent:"center"},children:[Object(jsx_runtime.jsxs)("div",{style:{display:"flex",flexDirection:"row"},children:[props.price,Object(jsx_runtime.jsx)("div",{style:{width:5}}),Object(jsx_runtime.jsx)(Typography.a,{children:currencyMapping[null===(_props$currency=props.currency)||void 0===_props$currency?void 0:_props$currency.toLowerCase()]})]}),Object(jsx_runtime.jsx)(Typography.a,{style:{fontSize:14,margin:5},children:isArabic?cycleTextsArabic[props.cycleText]:cycleTextsEnglish[props.cycleText]})]}):Object(jsx_runtime.jsxs)("div",{style:{width:"100%",display:"flex",flexDirection:"column",justifyContent:"center"},children:[Object(jsx_runtime.jsxs)("div",{style:{display:"flex",flexDirection:"row"},children:[Object(jsx_runtime.jsx)(Typography.a,{children:currencyMapping[null===(_props$currency2=props.currency)||void 0===_props$currency2?void 0:_props$currency2.toLowerCase()]}),Object(jsx_runtime.jsx)("div",{style:{width:5}}),props.price]}),Object(jsx_runtime.jsx)(Typography.a,{style:{fontSize:14,margin:5},children:"ar"===props.lang?cycleTextsArabic[props.cycleText]:cycleTextsEnglish[props.cycleText]})]})})]}),Object(jsx_runtime.jsx)("div",{style:{padding:20,color:props.selectedPlan?"white":"black"},children:null==featuresMapping?void 0:featuresMapping.map((function(feature){return Object(jsx_runtime.jsxs)("div",{style:{display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"flex-start",marginTop:10,width:"100%"},children:[Object(jsx_runtime.jsx)("div",{style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",width:"10%"},children:Object(jsx_runtime.jsx)(CheckCircleOutlined_default.a,{fontSize:"small"})}),Object(jsx_runtime.jsx)("div",{style:{width:10}}),Object(jsx_runtime.jsx)(Typography.a,{variant:"subtitle2",children:feature})]})}))}),Object(jsx_runtime.jsx)(Button.a,{onClick:props.selectPlan,variant:props.selectedPlan?"outlined":"contained",style:{margin:20},children:props.buttonText})]})};HawaPricingCard_HawaPricingCard.displayName="HawaPricingCard",HawaPricingCard_HawaPricingCard.propTypes={lang:prop_types_default.a.string,buttonText:prop_types_default.a.string,selectedPlan:prop_types_default.a.string,title:prop_types_default.a.string,title_ar:prop_types_default.a.string,subtitle:prop_types_default.a.string,subtitle_ar:prop_types_default.a.string,features:prop_types_default.a.array,features_ar:prop_types_default.a.array,currency:prop_types_default.a.oneOf(["sar","usd"]),cycleText:prop_types_default.a.oneOf(["monthly","3-months","6-months","annually"])},HawaPricingCard_HawaPricingCard.__docgenInfo={description:"",methods:[],displayName:"HawaPricingCard",props:{lang:{type:{name:"string"},required:!1,description:""},buttonText:{type:{name:"string"},required:!1,description:""},selectedPlan:{type:{name:"string"},required:!1,description:""},title:{type:{name:"string"},required:!1,description:""},title_ar:{type:{name:"string"},required:!1,description:""},subtitle:{type:{name:"string"},required:!1,description:""},subtitle_ar:{type:{name:"string"},required:!1,description:""},features:{type:{name:"array"},required:!1,description:""},features_ar:{type:{name:"array"},required:!1,description:""},currency:{type:{name:"enum",value:[{value:'"sar"',computed:!1},{value:'"usd"',computed:!1}]},required:!1,description:""},cycleText:{type:{name:"enum",value:[{value:'"monthly"',computed:!1},{value:'"3-months"',computed:!1},{value:'"6-months"',computed:!1},{value:'"annually"',computed:!1}]},required:!1,description:""}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\elements\\HawaPricingCard.js"]={name:"HawaPricingCard",docgenInfo:HawaPricingCard_HawaPricingCard.__docgenInfo,path:"src\\elements\\HawaPricingCard.js"});var HawaTypography_HawaTypography=function HawaTypography(props){return Object(jsx_runtime.jsx)(Typography.a,Object.assign({},props,{children:props.children}))};HawaTypography_HawaTypography.displayName="HawaTypography",HawaTypography_HawaTypography.__docgenInfo={description:"",methods:[],displayName:"HawaTypography"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\elements\\HawaTypography.js"]={name:"HawaTypography",docgenInfo:HawaTypography_HawaTypography.__docgenInfo,path:"src\\elements\\HawaTypography.js"});var Input=__webpack_require__("./node_modules/@mui/material/Input/Input.js"),InputLabel=__webpack_require__("./node_modules/@mui/material/InputLabel/InputLabel.js"),HawaTextField_HawaTextField=function HawaTextField(props){return Object(jsx_runtime.jsx)("div",{style:props.inForm&&{width:"100%"},children:Object(jsx_runtime.jsxs)("div",{style:{width:props.fullWidth?"100%":"fit-content"},children:[Object(jsx_runtime.jsxs)("div",{style:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center"},children:[props.label&&Object(jsx_runtime.jsx)(InputLabel.a,{children:props.label}),props.helperText&&Object(jsx_runtime.jsx)(Typography.a,{style:{marginBottom:!props.label&&10},variant:"validation",children:props.helperText})]}),Object(jsx_runtime.jsx)(Input.a,Object.assign({disableUnderline:!0},props))]})})};HawaTextField_HawaTextField.displayName="HawaTextField",HawaTextField_HawaTextField.__docgenInfo={description:"",methods:[],displayName:"HawaTextField"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\elements\\HawaTextField.js"]={name:"HawaTextField",docgenInfo:HawaTextField_HawaTextField.__docgenInfo,path:"src\\elements\\HawaTextField.js"});var Switch=__webpack_require__("./node_modules/@mui/material/Switch/Switch.js"),HawaSwitch_HawaSwitch=function HawaSwitch(props){return Object(jsx_runtime.jsx)(Switch.a,Object.assign({},props))};HawaSwitch_HawaSwitch.displayName="HawaSwitch",HawaSwitch_HawaSwitch.__docgenInfo={description:"",methods:[],displayName:"HawaSwitch"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\elements\\HawaSwitch.js"]={name:"HawaSwitch",docgenInfo:HawaSwitch_HawaSwitch.__docgenInfo,path:"src\\elements\\HawaSwitch.js"});var _templateObject,_templateObject2,useTheme=__webpack_require__("./node_modules/@mui/system/esm/useTheme.js"),styled_browser_esm=__webpack_require__("./node_modules/@storybook/theming/node_modules/@emotion/styled/dist/styled.browser.esm.js");function _taggedTemplateLiteralLoose(strings,raw){return raw||(raw=strings.slice(0)),strings.raw=raw,strings}var ColorInput=styled_browser_esm.a.input(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\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(props){return props.borderRadius}),(function(props){return props.value})),ColorText=styled_browser_esm.a.input(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\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(props){return props.borderRadius})),HawaColorPicker_HawaColorPicker=function HawaColorPicker(props){var theme=Object(useTheme.a)();return Object(jsx_runtime.jsxs)("div",{style:{display:"flex",flexDirection:"row"},children:[Object(jsx_runtime.jsx)(ColorText,{type:"text",value:props.color,borderRadius:theme.allBorderRadius,onChange:props.handleChange}),Object(jsx_runtime.jsx)("div",{style:{width:10}}),Object(jsx_runtime.jsx)(ColorInput,{type:"color",value:props.color,onChange:props.handleChange,borderRadius:theme.allBorderRadius})]})};HawaColorPicker_HawaColorPicker.displayName="HawaColorPicker",HawaColorPicker_HawaColorPicker.propTypes={color:prop_types_default.a.string,handleChange:prop_types_default.a.func},HawaColorPicker_HawaColorPicker.__docgenInfo={description:"",methods:[],displayName:"HawaColorPicker",props:{color:{type:{name:"string"},required:!1,description:""},handleChange:{type:{name:"func"},required:!1,description:""}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\elements\\HawaColorPicker.js"]={name:"HawaColorPicker",docgenInfo:HawaColorPicker_HawaColorPicker.__docgenInfo,path:"src\\elements\\HawaColorPicker.js"});var Slider=__webpack_require__("./node_modules/@mui/material/Slider/Slider.js"),Stack=__webpack_require__("./node_modules/@mui/material/Stack/Stack.js"),HawaRange_HawaRange=function HawaRange(props){return Object(jsx_runtime.jsxs)(Stack.a,{spacing:2,direction:"row",alignItems:"center",style:props.style,children:[props.startElement,Object(jsx_runtime.jsx)(Slider.a,{size:"small","aria-label":"Volume",value:props.value,onChange:props.handleChange}),props.endElement]})};HawaRange_HawaRange.displayName="HawaRange",HawaRange_HawaRange.propTypes={startElement:prop_types_default.a.element,endElement:prop_types_default.a.element,handleChange:prop_types_default.a.func},HawaRange_HawaRange.__docgenInfo={description:"",methods:[],displayName:"HawaRange",props:{startElement:{type:{name:"element"},required:!1,description:"The element at the side where the range value is 0\r\nCan be an icon"},endElement:{type:{name:"element"},required:!1,description:"The element at the side where the range value is 100"},handleChange:{type:{name:"func"},required:!1,description:""}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\elements\\HawaRange.js"]={name:"HawaRange",docgenInfo:HawaRange_HawaRange.__docgenInfo,path:"src\\elements\\HawaRange.js"});var HawaSettingsRow_HawaSettingsRow=function HawaSettingsRow(props){return Object(jsx_runtime.jsxs)(Container.a,{variant:"settingsRow",children:[Object(jsx_runtime.jsx)(HawaTypography_HawaTypography,{children:props.settingsLabel}),"checkbox"===props.settingsType&&Object(jsx_runtime.jsx)(Checkbox.a,Object.assign({},props)),"text"===props.settingsType&&Object(jsx_runtime.jsx)(HawaTextField_HawaTextField,Object.assign({},props)),"boolean"===props.settingsType&&Object(jsx_runtime.jsx)(HawaSwitch_HawaSwitch,Object.assign({},props)),"range"===props.settingsType&&Object(jsx_runtime.jsx)(HawaRange_HawaRange,Object.assign({},props)),"color"===props.settingsType&&Object(jsx_runtime.jsx)(HawaColorPicker_HawaColorPicker,Object.assign({},props)),"radio"===props.settingsType&&Object(jsx_runtime.jsx)(HawaRadio_HawaRadio,Object.assign({location:"inSettings"},props))]})};HawaSettingsRow_HawaSettingsRow.displayName="HawaSettingsRow",HawaSettingsRow_HawaSettingsRow.propTypes={settingsLabel:prop_types_default.a.string,settingsType:prop_types_default.a.oneOf(["checkbox","text","radio","boolean","color"])},HawaSettingsRow_HawaSettingsRow.__docgenInfo={description:"",methods:[],displayName:"HawaSettingsRow",props:{settingsLabel:{type:{name:"string"},required:!1,description:""},settingsType:{type:{name:"enum",value:[{value:'"checkbox"',computed:!1},{value:'"text"',computed:!1},{value:'"radio"',computed:!1},{value:'"boolean"',computed:!1},{value:'"color"',computed:!1}]},required:!1,description:""}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\elements\\HawaSettingsRow.js"]={name:"HawaSettingsRow",docgenInfo:HawaSettingsRow_HawaSettingsRow.__docgenInfo,path:"src\\elements\\HawaSettingsRow.js"});var GitHub=__webpack_require__("./node_modules/@mui/icons-material/GitHub.js"),GitHub_default=__webpack_require__.n(GitHub),Twitter=__webpack_require__("./node_modules/@mui/icons-material/Twitter.js"),Twitter_default=__webpack_require__.n(Twitter),AccountBalanceWallet=__webpack_require__("./node_modules/@mui/icons-material/AccountBalanceWallet.js"),AccountBalanceWallet_default=__webpack_require__.n(AccountBalanceWallet),HawaLogoButton_HawaLogoButton=function HawaLogoButton(props){var _props$logo,isArabic="ar"===props.lang,logoElement="";switch(null===(_props$logo=props.logo)||void 0===_props$logo?void 0:_props$logo.toLowerCase()){case"google":logoElement=Object(jsx_runtime.jsx)("img",{src:"https://upload.wikimedia.org/wikipedia/commons/5/53/Google_%22G%22_Logo.svg"});break;case"github":logoElement=Object(jsx_runtime.jsx)(GitHub_default.a,{});break;case"twitter":logoElement=Object(jsx_runtime.jsx)(Twitter_default.a,{});break;case"mada":logoElement=Object(jsx_runtime.jsx)("img",{src:"https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/mada.png",height:20});break;case"stcpay":logoElement=Object(jsx_runtime.jsx)("img",{src:"https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/stc-pay.png",height:20});break;case"visa/master":logoElement=Object(jsx_runtime.jsx)("img",{src:"https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/visa-master.png",height:30});break;case"paypal":logoElement=Object(jsx_runtime.jsx)("img",{src:"https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/paypal.png",height:25});break;case"googlepay":logoElement=Object(jsx_runtime.jsx)("img",{src:"https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/google-pay.png",height:20});break;case"applepay":logoElement=Object(jsx_runtime.jsx)("img",{src:"https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/apple-pay.png",height:40});break;case"wallet":logoElement=Object(jsx_runtime.jsx)(AccountBalanceWallet_default.a,{})}return Object(jsx_runtime.jsxs)(Button.a,Object.assign({style:{direction:isArabic?"rtl":"ltr"}},props,{variant:"withLogo",children:[logoElement,Object(jsx_runtime.jsx)("div",{style:{width:10}}),Object(jsx_runtime.jsx)(Typography.a,{style:{color:"black",fontSize:14,textAlign:"center",letterSpacing:.4,fontFamily:"Roboto",fontWeight:500},children:props.buttonText})]}))};HawaLogoButton_HawaLogoButton.displayName="HawaLogoButton",HawaLogoButton_HawaLogoButton.propTypes={lang:prop_types_default.a.string,logo:prop_types_default.a.oneOf(["google","github","twitter","wallet","googlepay","applepay","stcpay","visa/master","paypal","mada"]),buttonText:prop_types_default.a.string},HawaLogoButton_HawaLogoButton.__docgenInfo={description:"",methods:[],displayName:"HawaLogoButton",props:{lang:{type:{name:"string"},required:!1,description:""},logo:{type:{name:"enum",value:[{value:'"google"',computed:!1},{value:'"github"',computed:!1},{value:'"twitter"',computed:!1},{value:'"wallet"',computed:!1},{value:'"googlepay"',computed:!1},{value:'"applepay"',computed:!1},{value:'"stcpay"',computed:!1},{value:'"visa/master"',computed:!1},{value:'"paypal"',computed:!1},{value:'"mada"',computed:!1}]},required:!1,description:"The logo/icon of the button"},buttonText:{type:{name:"string"},required:!1,description:"The text next to the logo in the button"}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\elements\\HawaLogoButton.js"]={name:"HawaLogoButton",docgenInfo:HawaLogoButton_HawaLogoButton.__docgenInfo,path:"src\\elements\\HawaLogoButton.js"});var HawaButton_HawaButton=function HawaButton(props){return Object(jsx_runtime.jsx)(Button.a,Object.assign({},props,{children:props.children}))};HawaButton_HawaButton.displayName="HawaButton",HawaButton_HawaButton.__docgenInfo={description:"",methods:[],displayName:"HawaButton"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\elements\\HawaButton.js"]={name:"HawaButton",docgenInfo:HawaButton_HawaButton.__docgenInfo,path:"src\\elements\\HawaButton.js"});var Select=__webpack_require__("./node_modules/@mui/material/Select/Select.js"),HawaSelect_HawaSelect=function HawaSelect(props){return Object(jsx_runtime.jsxs)("div",{style:{width:"100%"},children:[Object(jsx_runtime.jsxs)("div",{style:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center"},children:[Object(jsx_runtime.jsx)(InputLabel.a,{children:props.label}),props.helperText&&Object(jsx_runtime.jsx)(Typography.a,{variant:"validation",children:props.helperText})]}),Object(jsx_runtime.jsx)(Select.a,Object.assign({},props,{children:props.children}))]})};HawaSelect_HawaSelect.displayName="HawaSelect",HawaSelect_HawaSelect.__docgenInfo={description:"",methods:[],displayName:"HawaSelect"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\elements\\HawaSelect.js"]={name:"HawaSelect",docgenInfo:HawaSelect_HawaSelect.__docgenInfo,path:"src\\elements\\HawaSelect.js"});var HawaTextArea_HawaTextArea=function HawaTextArea(props){var theme=Object(useTheme.a)();return console.log("theme is ",theme),Object(jsx_runtime.jsx)("label",{children:Object(jsx_runtime.jsx)("textarea",{style:{color:"black",backgroundColor:props.bgColor||"white",borderBottom:"none",border:"none",width:"100%",padding:0,margin:0,marginBottom:0,resize:props.resize||"vertical"}})})};HawaTextArea_HawaTextArea.displayName="HawaTextArea",HawaTextArea_HawaTextArea.__docgenInfo={description:"",methods:[],displayName:"HawaTextArea"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\elements\\HawaTextArea.js"]={name:"HawaTextArea",docgenInfo:HawaTextArea_HawaTextArea.__docgenInfo,path:"src\\elements\\HawaTextArea.js"});var HawaInputLabel_HawaInputLabel=function HawaInputLabel(props){return Object(jsx_runtime.jsx)(InputLabel.a,{children:Object(jsx_runtime.jsx)("div",{style:{fontSize:15},children:props.label})})};HawaInputLabel_HawaInputLabel.displayName="HawaInputLabel",HawaInputLabel_HawaInputLabel.__docgenInfo={description:"",methods:[],displayName:"HawaInputLabel"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\elements\\HawaInputLabel.js"]={name:"HawaInputLabel",docgenInfo:HawaInputLabel_HawaInputLabel.__docgenInfo,path:"src\\elements\\HawaInputLabel.js"});var HawaAlert_HawaAlert=function HawaAlert(props){return Object(jsx_runtime.jsxs)(Alert.a,{severity:props.severity,icon:props.hideIcon,children:[props.title&&Object(jsx_runtime.jsx)(AlertTitle.a,{children:props.title}),props.text]})};HawaAlert_HawaAlert.displayName="HawaAlert",HawaAlert_HawaAlert.propTypes={severity:prop_types_default.a.oneOf(["error","info","success","warning"]),title:prop_types_default.a.string,text:prop_types_default.a.string,hideIcon:prop_types_default.a.bool},HawaAlert_HawaAlert.__docgenInfo={description:"",methods:[],displayName:"HawaAlert",props:{severity:{type:{name:"enum",value:[{value:'"error"',computed:!1},{value:'"info"',computed:!1},{value:'"success"',computed:!1},{value:'"warning"',computed:!1}]},required:!1,description:"The severity of the alert. This defines the color and icon used."},title:{type:{name:"string"},required:!1,description:"The title of the alert in bold. Can be left empty."},text:{type:{name:"string"},required:!1,description:"The text of the alert."},hideIcon:{type:{name:"bool"},required:!1,description:""}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\elements\\HawaAlert.js"]={name:"HawaAlert",docgenInfo:HawaAlert_HawaAlert.__docgenInfo,path:"src\\elements\\HawaAlert.js"});var Table=__webpack_require__("./node_modules/@mui/material/Table/Table.js"),TableBody=__webpack_require__("./node_modules/@mui/material/TableBody/TableBody.js"),TableCell=__webpack_require__("./node_modules/@mui/material/TableCell/TableCell.js"),TableContainer=__webpack_require__("./node_modules/@mui/material/TableContainer/TableContainer.js"),TableHead=__webpack_require__("./node_modules/@mui/material/TableHead/TableHead.js"),TableRow=__webpack_require__("./node_modules/@mui/material/TableRow/TableRow.js"),HawaTable_HawaTable=function HawaTable(props){var isArabic="ar"===props.lang;return Object(jsx_runtime.jsx)(TableContainer.a,{style:{direction:isArabic?"rtl":"ltr"},children:Object(jsx_runtime.jsxs)(Table.a,{"aria-label":"a dense table",children:[Object(jsx_runtime.jsx)(TableHead.a,{children:Object(jsx_runtime.jsxs)(TableRow.a,{children:[props.columns.map((function(col,i){return Object(jsx_runtime.jsx)(TableCell.a,{align:isArabic?"right":"left",style:{fontWeight:700},variant:i>0?isArabic?"borderedRight":"borderedLeft":"body",children:col},i)})),props.actions&&Object(jsx_runtime.jsx)(TableCell.a,{align:isArabic?"right":"left",style:{fontWeight:700},variant:isArabic?"borderedRight":"borderedLeft",children:"Actions"})]})}),Object(jsx_runtime.jsx)(TableBody.a,{children:props.rows?props.rows.map((function(singleRow,j){return Object(jsx_runtime.jsxs)(TableRow.a,{children:[singleRow.map((function(r,i){return Object(jsx_runtime.jsx)(TableCell.a,{align:isArabic?"right":"left",component:"th",scope:"row",variant:i>0?isArabic?"borderedRight":"borderedLeft":"body",children:r},i)})),props.actions&&Object(jsx_runtime.jsx)(TableCell.a,{align:isArabic?"right":"left",style:{fontWeight:700},variant:isArabic?"borderedRight":"borderedLeft",children:props.actions.map((function(act){return Object(jsx_runtime.jsx)(Button.a,{style:{margin:2},variant:"outlined",size:"small",onClick:function onClick(){return props.handleActionClick(singleRow)},children:act})}))})]},j)})):Object(jsx_runtime.jsx)(TableRow.a,{align:"center",children:Object(jsx_runtime.jsx)(TableCell.a,{align:"center",component:"th",colSpan:6,children:props.noDataText})})}),props.end&&Object(jsx_runtime.jsx)(TableRow.a,{children:props.end.map((function(e,k){return Object(jsx_runtime.jsx)(TableCell.a,{align:isArabic?"right":"left",style:{fontWeight:700},component:"th",scope:"row",variant:k>0?isArabic?"borderedRight":"borderedLeft":"body",children:e},k)}))})]})})};HawaTable_HawaTable.displayName="HawaTable",HawaTable_HawaTable.propTypes={handleActionClick:prop_types_default.a.func,noDataText:prop_types_default.a.string,lang:prop_types_default.a.string,columns:prop_types_default.a.array,rows:prop_types_default.a.array,end:prop_types_default.a.array},HawaTable_HawaTable.__docgenInfo={description:"",methods:[],displayName:"HawaTable",props:{handleActionClick:{type:{name:"func"},required:!1,description:""},noDataText:{type:{name:"string"},required:!1,description:""},lang:{type:{name:"string"},required:!1,description:""},columns:{type:{name:"array"},required:!1,description:""},rows:{type:{name:"array"},required:!1,description:""},end:{type:{name:"array"},required:!1,description:""}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\elements\\HawaTable.js"]={name:"HawaTable",docgenInfo:HawaTable_HawaTable.__docgenInfo,path:"src\\elements\\HawaTable.js"});var Search=__webpack_require__("./node_modules/@mui/icons-material/esm/Search.js"),InputAdornment=__webpack_require__("./node_modules/@mui/material/InputAdornment/InputAdornment.js"),HawaSearchBar_HawaSearchBar=function HawaSearchBar(props){return Object(jsx_runtime.jsx)(HawaTextField_HawaTextField,Object.assign({endAdornment:Object(jsx_runtime.jsx)(InputAdornment.a,{position:"start",children:Object(jsx_runtime.jsx)(Search.a,{})})},props))};HawaSearchBar_HawaSearchBar.displayName="HawaSearchBar",HawaSearchBar_HawaSearchBar.__docgenInfo={description:"",methods:[],displayName:"HawaSearchBar"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\elements\\HawaSearchBar.js"]={name:"HawaSearchBar",docgenInfo:HawaSearchBar_HawaSearchBar.__docgenInfo,path:"src\\elements\\HawaSearchBar.js"});var ExpandMore=__webpack_require__("./node_modules/@mui/icons-material/ExpandMore.js"),ExpandMore_default=__webpack_require__.n(ExpandMore),Accordion=__webpack_require__("./node_modules/@mui/material/Accordion/Accordion.js"),AccordionSummary=__webpack_require__("./node_modules/@mui/material/AccordionSummary/AccordionSummary.js"),AccordionDetails=__webpack_require__("./node_modules/@mui/material/AccordionDetails/AccordionDetails.js"),HawaAccordian_HawaAccordian=function HawaAccordian(props){return Object(jsx_runtime.jsxs)(Accordion.a,{elevation:0,children:[Object(jsx_runtime.jsx)(AccordionSummary.a,{expandIcon:Object(jsx_runtime.jsx)(ExpandMore_default.a,{}),"aria-controls":"panel1a-content",id:"panel1a-header",children:Object(jsx_runtime.jsx)(Typography.a,{children:props.title})}),Object(jsx_runtime.jsx)(AccordionDetails.a,{children:Object(jsx_runtime.jsxs)(Typography.a,{children:[props.content," "]})})]})};HawaAccordian_HawaAccordian.displayName="HawaAccordian",HawaAccordian_HawaAccordian.propTypes={title:prop_types_default.a.string,content:prop_types_default.a.string},HawaAccordian_HawaAccordian.__docgenInfo={description:"",methods:[],displayName:"HawaAccordian",props:{title:{type:{name:"string"},required:!1,description:""},content:{type:{name:"string"},required:!1,description:""}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\elements\\HawaAccordian.js"]={name:"HawaAccordian",docgenInfo:HawaAccordian_HawaAccordian.__docgenInfo,path:"src\\elements\\HawaAccordian.js"});__webpack_require__("./node_modules/core-js/modules/web.url.js"),__webpack_require__("./node_modules/core-js/modules/es.promise.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.array.splice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js");var es=__webpack_require__("./node_modules/react-dropzone/dist/es/index.js"),Close=__webpack_require__("./node_modules/@mui/icons-material/Close.js"),Close_default=__webpack_require__.n(Close),IconButton=__webpack_require__("./node_modules/@mui/material/IconButton/IconButton.js");function DragDropImages_slicedToArray(arr,i){return function DragDropImages_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function DragDropImages_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||DragDropImages_unsupportedIterableToArray(arr,i)||function DragDropImages_nonIterableRest(){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 DragDropImages_unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return DragDropImages_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?DragDropImages_arrayLikeToArray(o,minLen):void 0}}function DragDropImages_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var thumbsContainer={display:"flex",flexDirection:"row",flexWrap:"wrap",marginTop:10},DragDropImages_DragDropImages=function DragDropImages(_ref){var _fileRejections$,_fileRejections$$erro,_fileRejections$2,_fileRejections$2$err,texts=_ref.texts,files=_ref.files,setFiles=_ref.setFiles,maxFiles=(_ref.itemId,_ref.setDeletedFiles,_ref.refetchSingleMenu,_ref.maxFiles),_useState2=DragDropImages_slicedToArray(Object(react.useState)(0),2),theme=(_useState2[0],_useState2[1],Object(useTheme.a)()),_useDropzone=Object(es.a)({multiple:!0,accept:"image/*",maxSize:5e6,maxFiles:maxFiles,onDrop:function onDrop(acceptedFiles){setFiles(acceptedFiles.map((function(file,index){return Object.assign(file,{preview:URL.createObjectURL(file)})})))}}),getRootProps=_useDropzone.getRootProps,getInputProps=_useDropzone.getInputProps,fileRejections=_useDropzone.fileRejections,acceptedFiles=_useDropzone.acceptedFiles,isDragActive=_useDropzone.isDragActive;Object(react.useEffect)((function(){return function(){null==files||files.forEach((function(file){URL.revokeObjectURL(file.preview)}))}}),[files]),Object(react.useEffect)((function(){var _files$;return null!==(_files$=files[0])&&void 0!==_files$&&_files$.hasOwnProperty("_id")&&(null==files||files.map((function(file,index){acceptedFiles.push({isFromDB:!0,_id:file._id,img_url:file.image_url})})),console.log("accepted files : ",acceptedFiles),setFiles(acceptedFiles)),function(){acceptedFiles.splice(0,null==acceptedFiles?void 0:acceptedFiles.length)}}),[]);var errs=fileRejections.map((function(rej,i){return Object(jsx_runtime.jsxs)("div",{children:[Object(jsx_runtime.jsx)("div",{children:rej.file.name}),Object(jsx_runtime.jsx)("div",{children:rej.errors[0].code})]},i)}));console.log(null===(_fileRejections$=fileRejections[0])||void 0===_fileRejections$||null===(_fileRejections$$erro=_fileRejections$.errors[0])||void 0===_fileRejections$$erro?void 0:_fileRejections$$erro.code);var thumbs=null==files?void 0:files.map((function(file,index){return Object(jsx_runtime.jsxs)("div",{style:{position:"relative",margin:10},children:[Object(jsx_runtime.jsx)(IconButton.a,{onClick:function onClick(e){e.stopPropagation(),console.log("delete")},size:"small",variant:"contained",style:{position:"absolute",top:-10,right:-10,backgroundColor:theme.primaryActionColor,color:"white",padding:3},children:Object(jsx_runtime.jsx)(Close_default.a,{fontSize:"small"})}),Object(jsx_runtime.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",overflow:"hidden",height:100,width:100,backgroundImage:"url("+file.preview+")",backgroundSize:"cover",backgroundPosition:"center",border:"1px solid black"}},file.name)]})}));return Object(jsx_runtime.jsxs)(Container.a,Object.assign({variant:"drop-area"},getRootProps({style:{backgroundColor:isDragActive&&"white"}}),{children:[Object(jsx_runtime.jsx)("input",Object.assign({},getInputProps())),Object(jsx_runtime.jsx)(Typography.a,{children:"Click here or drop files here to upload"}),Object(jsx_runtime.jsx)(Typography.a,{children:"Max file size is 5MB"}),thumbs?Object(jsx_runtime.jsx)("aside",{style:thumbsContainer,children:thumbs}):null,"too-many-files"!==(null===(_fileRejections$2=fileRejections[0])||void 0===_fileRejections$2||null===(_fileRejections$2$err=_fileRejections$2.errors[0])||void 0===_fileRejections$2$err?void 0:_fileRejections$2$err.code)?Object(jsx_runtime.jsx)(HawaAlert_HawaAlert,{text:texts.tooManyFiles,severity:"error"}):errs]}))};DragDropImages_DragDropImages.displayName="DragDropImages",DragDropImages_DragDropImages.__docgenInfo={description:"",methods:[],displayName:"DragDropImages"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\elements\\DragDropImages.js"]={name:"DragDropImages",docgenInfo:DragDropImages_DragDropImages.__docgenInfo,path:"src\\elements\\DragDropImages.js"});var MoreVert=__webpack_require__("./node_modules/@mui/icons-material/esm/MoreVert.js"),DraggableCard_DraggableCard=function DraggableCard(props){return Object(jsx_runtime.jsxs)(Stack.a,{variant:"card",direction:"row",maxWidth:props.maxWidth,style:{paddingLeft:5},children:[Object(jsx_runtime.jsx)("div",{style:{display:"flex",alignItems:"center",borderRight:"1px solid grey",marginRight:20},children:Object(jsx_runtime.jsx)(MoreVert.a,{})}),Object(jsx_runtime.jsx)("div",{style:{width:"100%"},children:props.children})]})};DraggableCard_DraggableCard.displayName="DraggableCard",DraggableCard_DraggableCard.__docgenInfo={description:"",methods:[],displayName:"DraggableCard"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\elements\\DraggableCard.js"]={name:"DraggableCard",docgenInfo:DraggableCard_DraggableCard.__docgenInfo,path:"src\\elements\\DraggableCard.js"})},"./src/layout/HawaPageControls.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return HawaPageControls}));__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var _mui_material__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/@mui/material/Container/Container.js"),_mui_material__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/@mui/material/Button/Button.js"),_mui_material__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./node_modules/@mui/material/Stack/Stack.js"),react__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_16___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_16__),prop_types__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_17___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_17__),_elements_HawaPopMenu__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./src/elements/HawaPopMenu.js"),_mui_icons_material_Menu__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./node_modules/@mui/icons-material/Menu.js"),_mui_icons_material_Menu__WEBPACK_IMPORTED_MODULE_19___default=__webpack_require__.n(_mui_icons_material_Menu__WEBPACK_IMPORTED_MODULE_19__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./node_modules/react/jsx-runtime.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var HawaPageControls=function HawaPageControls(props){var _React$useState2=_slicedToArray(react__WEBPACK_IMPORTED_MODULE_16___default.a.useState(null),2),anchorElUser=_React$useState2[0],setAnchorElUser=_React$useState2[1];return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsxs)(_mui_material__WEBPACK_IMPORTED_MODULE_13__.a,Object.assign({variant:"page-controls"},props,{style:{display:"flex",flexDirection:"row",justifyContent:"space-between"},children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_14__.a,{variant:"layout",onClick:props.backAction,children:props.backText}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_15__.a,{direction:"row",spacing:1,sx:{display:{xs:"none",md:"flex"}},children:props.actionButtons.map((function(d){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_14__.a,{variant:"layout",children:d.label})}))}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsxs)(_mui_material__WEBPACK_IMPORTED_MODULE_15__.a,{direction:"row",spacing:1,sx:{display:{xs:"flex",md:"none"}},children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_14__.a,{variant:"layout",onClick:function handleOpenUserMenu(event){return setAnchorElUser(event.currentTarget)},children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(_mui_icons_material_Menu__WEBPACK_IMPORTED_MODULE_19___default.a,{})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(_elements_HawaPopMenu__WEBPACK_IMPORTED_MODULE_18__.a,{handleClose:function handleClose(e){return setAnchorElUser(null)},anchor:anchorElUser,menuItems:props.actionButtons})]})]}))};HawaPageControls.displayName="HawaPageControls",HawaPageControls.propTypes={backText:prop_types__WEBPACK_IMPORTED_MODULE_17___default.a.string,backAction:prop_types__WEBPACK_IMPORTED_MODULE_17___default.a.func,actionButtons:prop_types__WEBPACK_IMPORTED_MODULE_17___default.a.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_17___default.a.shape({label:prop_types__WEBPACK_IMPORTED_MODULE_17___default.a.string,action:prop_types__WEBPACK_IMPORTED_MODULE_17___default.a.func}))},HawaPageControls.__docgenInfo={description:"",methods:[],displayName:"HawaPageControls",props:{backText:{type:{name:"string"},required:!1,description:""},backAction:{type:{name:"func"},required:!1,description:""},actionButtons:{type:{name:"arrayOf",value:{name:"shape",value:{label:{name:"string",required:!1},action:{name:"func",required:!1}}}},required:!1,description:""}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\layout\\HawaPageControls.js"]={name:"HawaPageControls",docgenInfo:HawaPageControls.__docgenInfo,path:"src\\layout\\HawaPageControls.js"})},"./src/layout/index.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"b",(function(){return HawaAppLayout})),__webpack_require__.d(__webpack_exports__,"c",(function(){return HawaDialog})),__webpack_require__.d(__webpack_exports__,"a",(function(){return HawaAppBar_HawaAppBar}));var react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),Box_Box=function Box(props){return Object(jsx_runtime.jsx)("div",{children:props.children})};Box_Box.displayName="Box",Box_Box.__docgenInfo={description:"",methods:[],displayName:"Box"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\layout\\Box.js"]={name:"Box",docgenInfo:Box_Box.__docgenInfo,path:"src\\layout\\Box.js"});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var styled=__webpack_require__("./node_modules/@mui/material/styles/styled.js"),useTheme=__webpack_require__("./node_modules/@mui/material/styles/useTheme.js"),material_Box_Box=__webpack_require__("./node_modules/@mui/material/Box/Box.js"),Drawer=__webpack_require__("./node_modules/@mui/material/Drawer/Drawer.js"),AppBar=__webpack_require__("./node_modules/@mui/material/AppBar/AppBar.js"),Toolbar=__webpack_require__("./node_modules/@mui/material/Toolbar/Toolbar.js"),List=__webpack_require__("./node_modules/@mui/material/List/List.js"),Typography=__webpack_require__("./node_modules/@mui/material/Typography/Typography.js"),Divider=__webpack_require__("./node_modules/@mui/material/Divider/Divider.js"),IconButton=__webpack_require__("./node_modules/@mui/material/IconButton/IconButton.js"),Menu=__webpack_require__("./node_modules/@mui/icons-material/Menu.js"),Menu_default=__webpack_require__.n(Menu),ChevronLeft=__webpack_require__("./node_modules/@mui/icons-material/ChevronLeft.js"),ChevronLeft_default=__webpack_require__.n(ChevronLeft),ChevronRight=__webpack_require__("./node_modules/@mui/icons-material/ChevronRight.js"),ChevronRight_default=__webpack_require__.n(ChevronRight),ListItemButton=__webpack_require__("./node_modules/@mui/material/ListItemButton/ListItemButton.js"),ListItemText=__webpack_require__("./node_modules/@mui/material/ListItemText/ListItemText.js"),Avatar=__webpack_require__("./node_modules/@mui/material/Avatar/Avatar.js"),Tooltip=__webpack_require__("./node_modules/@mui/material/Tooltip/Tooltip.js"),HawaPopMenu=__webpack_require__("./src/elements/HawaPopMenu.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var openedMixin=function openedMixin(theme){return{width:240,transition:theme.transitions.create("width",{easing:theme.transitions.easing.sharp,duration:theme.transitions.duration.enteringScreen}),overflowX:"hidden"}},closedMixin=function closedMixin(theme){var _ref;return(_ref={transition:theme.transitions.create("width",{easing:theme.transitions.easing.sharp,duration:theme.transitions.duration.leavingScreen}),overflowX:"hidden",width:"calc("+theme.spacing(8)+" + 1px)"})[theme.breakpoints.up("sm")]={width:"calc("+theme.spacing(8)+" + 1px)"},_ref},DrawerHeader=Object(styled.a)("div")((function(_ref2){var theme=_ref2.theme,direction=_ref2.direction;return Object.assign({display:"flex",alignItems:"center",justifyContent:"rtl"===direction?"flex-start":"flex-end",padding:theme.spacing(0,1)},theme.mixins.toolbar)})),HawaAppLayout_AppBar=Object(styled.a)(AppBar.a,{shouldForwardProp:function shouldForwardProp(prop){return"open"!==prop}})((function(_ref3){var theme=_ref3.theme,open=_ref3.open,direction=_ref3.direction;return Object.assign({zIndex:theme.zIndex.drawer+1,transition:theme.transitions.create(["width","margin"],{easing:theme.transitions.easing.sharp,duration:theme.transitions.duration.leavingScreen})},open&&{marginLeft:"rtl"===direction?0:240,marginRight:"rtl"===direction?240:0,width:"calc(100% - 240px)",transition:theme.transitions.create(["width","margin"],{easing:theme.transitions.easing.sharp,duration:theme.transitions.duration.enteringScreen})})})),HawaAppLayout_Drawer=Object(styled.a)(Drawer.a,{shouldForwardProp:function shouldForwardProp(prop){return"open"!==prop}})((function(_ref4){var theme=_ref4.theme,open=_ref4.open;return Object.assign({width:240,flexShrink:0,whiteSpace:"nowrap",boxSizing:"border-box"},open&&Object.assign({},openedMixin(theme),{"& .MuiDrawer-paper":openedMixin(theme)}),!open&&Object.assign({},closedMixin(theme),{"& .MuiDrawer-paper":closedMixin(theme)}))}));function HawaAppLayout(props){var theme=Object(useTheme.a)(),_React$useState2=_slicedToArray(react_default.a.useState(!0),2),open=_React$useState2[0],setOpen=_React$useState2[1],isArabic="ar"===props.lang,_React$useState4=_slicedToArray(react_default.a.useState(null),2),_React$useState6=(_React$useState4[0],_React$useState4[1],_slicedToArray(react_default.a.useState(null),2)),anchorElUser=_React$useState6[0],setAnchorElUser=_React$useState6[1];return Object(jsx_runtime.jsxs)(material_Box_Box.a,{sx:{display:"flex",direction:isArabic?"rtl":"ltr"},children:[Object(jsx_runtime.jsx)(HawaAppLayout_AppBar,{variant:"appbar",position:"fixed",open:open,direction:isArabic?"rtl":"ltr",children:Object(jsx_runtime.jsxs)(Toolbar.a,{variant:"appbar",sx:{paddingLeft:{xs:3},paddingRight:{xs:3}},children:[Object(jsx_runtime.jsx)(IconButton.a,{color:"inherit","aria-label":"open drawer",onClick:function handleDrawerOpen(){return setOpen(!0)},edge:"start",s:!0,sx:Object.assign({marginRight:5},open&&{display:"none"}),children:Object(jsx_runtime.jsx)(Menu_default.a,{})}),Object(jsx_runtime.jsxs)("div",{style:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",width:"100%",margin:0},children:[Object(jsx_runtime.jsx)(Typography.a,{variant:"h6",noWrap:!0,component:"div",children:props.pageTitle}),Object(jsx_runtime.jsxs)(material_Box_Box.a,{children:[Object(jsx_runtime.jsx)(Tooltip.a,{title:"Open settings",children:Object(jsx_runtime.jsx)(IconButton.a,{onClick:function handleOpenUserMenu(event){return setAnchorElUser(event.currentTarget)},sx:{p:0},size:"small",children:Object(jsx_runtime.jsx)(Avatar.a,{})})}),Object(jsx_runtime.jsx)(HawaPopMenu.a,{menuItems:props.accountMenu,anchor:anchorElUser,handleClose:function handleCloseUserMenu(){return setAnchorElUser(null)}})]})]})]})}),Object(jsx_runtime.jsxs)(HawaAppLayout_Drawer,{variant:"permanent",open:open,children:[Object(jsx_runtime.jsxs)(DrawerHeader,{direction:isArabic?"rtl":"ltr",children:[props.logo,Object(jsx_runtime.jsx)(IconButton.a,{onClick:function handleDrawerClose(){return setOpen(!1)},children:"rtl"===theme.direction?Object(jsx_runtime.jsx)(ChevronRight_default.a,{}):Object(jsx_runtime.jsx)(ChevronLeft_default.a,{})})]}),Object(jsx_runtime.jsx)(Divider.a,{}),Object(jsx_runtime.jsx)(List.a,{children:props.pages.map((function(p,jk){var _props$pageName,_p$slug;return Object(jsx_runtime.jsx)(Tooltip.a,{title:p.text,placement:"right",arrow:!0,PopperProps:{style:{opacity:open?0:1}},children:Object(jsx_runtime.jsxs)(ListItemButton.a,{variant:(null===(_props$pageName=props.pageName)||void 0===_props$pageName?void 0:_props$pageName.toLowerCase())===(null===(_p$slug=p.slug)||void 0===_p$slug?void 0:_p$slug.toLowerCase())&&"clicked",onClick:p.action,sx:{minHeight:48,justifyContent:open?"initial":"center",px:2.5},children:[Object(jsx_runtime.jsx)(p.icon,{}),Object(jsx_runtime.jsx)("div",{style:{width:20}}),Object(jsx_runtime.jsx)(ListItemText.a,{primary:p.text,sx:{opacity:open?1:0}})]},p.text)},jk)}))})]}),Object(jsx_runtime.jsxs)(material_Box_Box.a,{sx:{flexGrow:1,p:3},children:[Object(jsx_runtime.jsx)(DrawerHeader,{}),props.children]})]})}HawaAppLayout.displayName="HawaAppLayout",HawaAppLayout.__docgenInfo={description:"",methods:[],displayName:"HawaAppLayout"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\layout\\HawaAppLayout.js"]={name:"HawaAppLayout",docgenInfo:HawaAppLayout.__docgenInfo,path:"src\\layout\\HawaAppLayout.js"});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js");var Close=__webpack_require__("./node_modules/@mui/icons-material/Close.js"),Close_default=__webpack_require__.n(Close),Dialog=__webpack_require__("./node_modules/@mui/material/Dialog/Dialog.js"),DialogActions=__webpack_require__("./node_modules/@mui/material/DialogActions/DialogActions.js"),DialogContent=__webpack_require__("./node_modules/@mui/material/DialogContent/DialogContent.js"),DialogTitle=__webpack_require__("./node_modules/@mui/material/DialogTitle/DialogTitle.js"),_excluded=["children","onClose","hideClose"];function HawaDialog_slicedToArray(arr,i){return function HawaDialog_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function HawaDialog_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function HawaDialog_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return HawaDialog_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return HawaDialog_arrayLikeToArray(o,minLen)}(arr,i)||function HawaDialog_nonIterableRest(){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 HawaDialog_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var HawaDialog_BootstrapDialogTitle=function BootstrapDialogTitle(props){var children=props.children,onClose=props.onClose,hideClose=props.hideClose,other=_objectWithoutProperties(props,_excluded);return Object(jsx_runtime.jsxs)(DialogTitle.a,Object.assign({sx:{m:0,p:2}},other,{children:[children,hideClose?null:Object(jsx_runtime.jsx)(IconButton.a,{"aria-label":"close",onClick:onClose,sx:{position:"absolute",right:8,top:8,color:function color(theme){return theme.palette.grey[500]}},children:Object(jsx_runtime.jsx)(Close_default.a,{})})]}))};function HawaDialog(props){var _useState2=HawaDialog_slicedToArray(Object(react.useState)(!1),2);_useState2[0],_useState2[1];return Object(jsx_runtime.jsxs)(Dialog.a,Object.assign({},props,{variant:"main",children:[Object(jsx_runtime.jsx)(HawaDialog_BootstrapDialogTitle,{onClose:props.onClose,hideClose:props.hideClose,children:props.title}),Object(jsx_runtime.jsx)(DialogContent.a,{children:props.children}),Object(jsx_runtime.jsx)(DialogActions.a,{children:props.actions})]}))}HawaDialog_BootstrapDialogTitle.displayName="BootstrapDialogTitle",HawaDialog.displayName="HawaDialog",HawaDialog.__docgenInfo={description:"",methods:[],displayName:"HawaDialog"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\layout\\HawaDialog.js"]={name:"HawaDialog",docgenInfo:HawaDialog.__docgenInfo,path:"src\\layout\\HawaDialog.js"});var Container=__webpack_require__("./node_modules/@mui/material/Container/Container.js"),Button=__webpack_require__("./node_modules/@mui/material/Button/Button.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types);function HawaAppBar_slicedToArray(arr,i){return function HawaAppBar_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function HawaAppBar_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function HawaAppBar_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return HawaAppBar_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return HawaAppBar_arrayLikeToArray(o,minLen)}(arr,i)||function HawaAppBar_nonIterableRest(){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 HawaAppBar_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var HawaAppBar_HawaAppBar=function HawaAppBar(props){var theme=Object(useTheme.a)(),_React$useState2=HawaAppBar_slicedToArray(react_default.a.useState(null),2),anchorElNav=_React$useState2[0],setAnchorElNav=_React$useState2[1],_React$useState4=HawaAppBar_slicedToArray(react_default.a.useState(null),2),anchorElUser=_React$useState4[0],setAnchorElUser=_React$useState4[1],handleCloseNavMenu=function handleCloseNavMenu(){return setAnchorElNav(null)};return console.log("theme is ",theme),Object(jsx_runtime.jsx)(AppBar.a,{position:"static",variant:"appbar",children:Object(jsx_runtime.jsx)(Container.a,{variant:"appbar",children:Object(jsx_runtime.jsxs)(Toolbar.a,{disableGutters:!0,children:[Object(jsx_runtime.jsx)(material_Box_Box.a,{sx:{flexGrow:1,display:{xs:"none",md:"flex"}},children:props.logo}),Object(jsx_runtime.jsxs)(material_Box_Box.a,{sx:{flexGrow:1,display:{xs:"flex",md:"none"}},children:[Object(jsx_runtime.jsx)(IconButton.a,{size:"large","aria-label":"account of current user","aria-controls":"menu-appbar","aria-haspopup":"true",onClick:function handleOpenNavMenu(event){return setAnchorElNav(event.currentTarget)},color:"inherit",children:Object(jsx_runtime.jsx)(Menu_default.a,{})}),Object(jsx_runtime.jsx)(HawaPopMenu.a,{anchor:anchorElNav,handleClose:handleCloseNavMenu,menuItems:props.pages})]}),Object(jsx_runtime.jsx)(material_Box_Box.a,{sx:{flexGrow:1,display:{xs:"flex",md:"none"}},children:props.logo}),Object(jsx_runtime.jsx)(material_Box_Box.a,{sx:{flexGrow:1,display:{xs:"none",md:"flex"}},children:props.pages.map((function(page){return Object(jsx_runtime.jsx)(Button.a,{onClick:handleCloseNavMenu,sx:{my:2,display:"block"},children:page.label},page)}))}),Object(jsx_runtime.jsxs)(material_Box_Box.a,{sx:{flexGrow:0},children:[Object(jsx_runtime.jsx)(Tooltip.a,{title:"Open settings",children:Object(jsx_runtime.jsx)(IconButton.a,{onClick:function handleOpenUserMenu(event){return setAnchorElUser(event.currentTarget)},sx:{p:0},children:Object(jsx_runtime.jsx)(Avatar.a,{alt:"Remy Sharp",src:"/static/images/avatar/2.jpg"})})}),Object(jsx_runtime.jsx)(HawaPopMenu.a,{anchor:anchorElUser,handleClose:function handleClose(e){return setAnchorElUser(null)},menuItems:props.accountMenu})]})]})})})};HawaAppBar_HawaAppBar.displayName="HawaAppBar",HawaAppBar_HawaAppBar.propTypes={pages:prop_types_default.a.arrayOf(prop_types_default.a.shape({icon:prop_types_default.a.element,label:prop_types_default.a.string,action:prop_types_default.a.func})),accountMenu:prop_types_default.a.arrayOf(prop_types_default.a.shape({icon:prop_types_default.a.element,label:prop_types_default.a.string,action:prop_types_default.a.func}))},HawaAppBar_HawaAppBar.__docgenInfo={description:"",methods:[],displayName:"HawaAppBar",props:{pages:{type:{name:"arrayOf",value:{name:"shape",value:{icon:{name:"element",required:!1},label:{name:"string",required:!1},action:{name:"func",required:!1}}}},required:!1,description:""},accountMenu:{type:{name:"arrayOf",value:{name:"shape",value:{icon:{name:"element",required:!1},label:{name:"string",required:!1},action:{name:"func",required:!1}}}},required:!1,description:""}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\layout\\HawaAppBar.js"]={name:"HawaAppBar",docgenInfo:HawaAppBar_HawaAppBar.__docgenInfo,path:"src\\layout\\HawaAppBar.js"});__webpack_require__("./src/layout/HawaPageControls.js")},"./src/stories/BlocksIntroduction.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=(__webpack_require__("./node_modules/@storybook/addon-links/dist/esm/index.js"),["components"]);function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.c,{title:"Blocks/Blocks Introduction",mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("style",null,"\n  .subheading {\n    --mediumdark: '#999999';\n    font-weight: 900;\n    font-size: 13px;\n    color: #999;\n    letter-spacing: 6px;\n    line-height: 24px;\n    text-transform: uppercase;\n    margin-bottom: 12px;\n    margin-top: 40px;\n  }\n\n  .link-list {\n    display: grid;\n    grid-template-columns: 1fr;\n    grid-template-rows: 1fr 1fr;\n    row-gap: 10px;\n  }\n\n  @media (min-width: 620px) {\n    .link-list {\n      row-gap: 20px;\n      column-gap: 20px;\n      grid-template-columns: 1fr 1fr;\n    }\n  }\n\n  @media all and (-ms-high-contrast:none) {\n  .link-list {\n      display: -ms-grid;\n      -ms-grid-columns: 1fr 1fr;\n      -ms-grid-rows: 1fr 1fr;\n    }\n  }\n\n  .link-item {\n    display: block;\n    padding: 20px 30px 20px 15px;\n    border: 1px solid #00000010;\n    border-radius: 5px;\n    transition: background 150ms ease-out, border 150ms ease-out, transform 150ms ease-out;\n    color: #333333;\n    display: flex;\n    flex-direction:column;\n    align-items: flex-start;\n  }\n\n  .link-item:hover {\n    border-color: #1EA7FD50;\n    transform: translate3d(0, -3px, 0);\n    box-shadow: rgba(0, 0, 0, 0.08) 0 3px 10px 0;\n  }\n\n  .link-item:active {\n    border-color: #1EA7FD;\n    transform: translate3d(0, 0, 0);\n  }\n\n  .link-item strong {\n    font-weight: 700;\n    display: block;\n    margin-bottom: 2px;\n  }\n  \n  .link-item img {\n    height: 40px;\n    width: 40px;\n    margin-right: 15px;\n    flex: none;\n  }\n\n  .link-item span {\n    font-size: 14px;\n    line-height: 20px;\n  }\n\n  .tip {\n    display: inline-block;\n    border-radius: 1em;\n    font-size: 11px;\n    line-height: 12px;\n    font-weight: 700;\n    background: #E7FDD8;\n    color: #66BF3C;\n    padding: 4px 12px;\n    margin-right: 10px;\n    vertical-align: top;\n  }\n\n  .tip-wrapper {\n    font-size: 13px;\n    line-height: 20px;\n    margin-top: 40px;\n    margin-bottom: 40px;\n  }\n\n  .tip-wrapper code {\n    font-size: 12px;\n    display: inline-block;\n  }\n\n  \n"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h1",{id:"blocks-components"},"Blocks Components"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("div",{className:"tip-wrapper"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("span",{className:"tip"},"Notice"),"This page is still in progress"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Hawa layout components are used as the foundation for Hawa blocks and can be used to organize and structure your web app."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Browse example stories now by navigating to them in the sidebar.\nView their code in the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"src/stories")," directory to learn how they work.\nWe recommend building UIs with a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("a",{parentName:"p",href:"https://componentdriven.org",target:"_blank",rel:"nofollow noopener noreferrer"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"a"},"component-driven"))," process starting with atomic components and ending with pages."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h1",{id:"concept"},"Concept"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h3",{id:"elements"},"Elements"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"The smallest components of this UI kit are the typical low-level components."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h3",{id:"blocks"},"Blocks"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Blocks are commonly used collection of components."))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Blocks/Blocks Introduction",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/stories/BlocksStories/Account/UserProfile.stories.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"UserProfile",(function(){return UserProfile}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/react/index.js");var _blocks_Account__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/blocks/Account/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Blocks/Account/User Profile",component:[UserProfile]};var ProfileTemplate=function ProfileTemplate(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_blocks_Account__WEBPACK_IMPORTED_MODULE_3__.a,Object.assign({},args,{handleUpdateProfile:function handleUpdateProfile(e){return console.log("updating profile",e)},texts:{fullNameLabel:"Full Name",fullNamePlaceholder:"Fulan AlFulani",fullNameRequiredText:"Full Name is required",emailLabel:"Email",emailPlaceholder:"Enter your email",emailRequiredText:"Email is required",emailInvalidText:"Invalid email address",passwordLabel:"Choose new password",passwordPlaceholder:"Minimum 8 characters",passwordRequiredText:"Password is required",passwordTooShortText:"Password too short",updateProfile:"Update Profile",confirmPasswordLabel:"Confirm",confirmPasswordPlaceholder:"Confirm password",confirmPasswordRequiredText:"Confirmation is required",passwordMatchError:"Password doesn't match"}}))};ProfileTemplate.displayName="ProfileTemplate";var UserProfile=ProfileTemplate.bind({});UserProfile.args={errorTitle:"Error",errorText:"Something went wrong"},UserProfile.parameters=Object.assign({storySource:{source:'(args) => {\r\n  return (\r\n    <UserProfileForm\r\n      {...args}\r\n      handleUpdateProfile={(e) => console.log("updating profile", e)}\r\n      texts={{\r\n        fullNameLabel: "Full Name",\r\n        fullNamePlaceholder: "Fulan AlFulani",\r\n        fullNameRequiredText: "Full Name is required",\r\n        emailLabel: "Email",\r\n        emailPlaceholder: "Enter your email",\r\n        emailRequiredText: "Email is required",\r\n        emailInvalidText: "Invalid email address",\r\n        passwordLabel: "Choose new password",\r\n        passwordPlaceholder: "Minimum 8 characters",\r\n        passwordRequiredText: "Password is required",\r\n        passwordTooShortText: "Password too short",\r\n        updateProfile: "Update Profile",\r\n        confirmPasswordLabel: "Confirm",\r\n        confirmPasswordPlaceholder: "Confirm password",\r\n        confirmPasswordRequiredText: "Confirmation is required",\r\n        passwordMatchError: "Password doesn\'t match"\r\n      }}\r\n    />\r\n  );\r\n}'}},UserProfile.parameters)},"./src/stories/BlocksStories/Account/UserSettings.stories.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"UserSettings",(function(){return UserSettings}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _blocks_Account__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/blocks/Account/index.js"),_elements__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/elements/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Blocks/Account/User Settings",component:_blocks_Account__WEBPACK_IMPORTED_MODULE_2__.b,argTypes:{children:{default:!0,control:"select",options:["ar","en"],description:"The content of the settings block, should be in <HawaSettingsRow/>",table:{defaultValue:{summary:"en"}}}}};var UserSettings=function UserSettings(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(_blocks_Account__WEBPACK_IMPORTED_MODULE_2__.b,Object.assign({},args,{saveSettingsText:"Save Settings",handleSaveSettings:function handleSaveSettings(){return console.log("saving settings")},children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_elements__WEBPACK_IMPORTED_MODULE_3__.n,{settingsType:"checkbox",settingsLabel:"Hide Watermark",onChange:function onChange(e){return console.log("checkbox settings value is ",e.target.checked)}}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_elements__WEBPACK_IMPORTED_MODULE_3__.n,{settingsType:"text",placeholder:"Your handle",settingsLabel:"Custom Handle",onChange:function onChange(e){return console.log("text settings value is ",e.target.value)}}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_elements__WEBPACK_IMPORTED_MODULE_3__.n,{handleChange:function handleChange(e){return console.log("changing to ",e)},settingsType:"radio",defaultValue:"sar",options:[{value:"sar",label:"SAR"},{value:"usd",label:"USD"}],settingsLabel:"Currency"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_elements__WEBPACK_IMPORTED_MODULE_3__.n,{handleChange:function handleChange(e){return console.log("changing to ",e)},settingsType:"radio",defaultValue:"en",options:[{value:"en",label:"English"},{value:"ar",label:"Arabic"}],settingsLabel:"Language"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_elements__WEBPACK_IMPORTED_MODULE_3__.n,{settingsType:"boolean",placeholder:"Your handle",settingsLabel:"Show Analytics",onChange:function onChange(e){return console.log("changing to ",e.target.checked)}})]}))};UserSettings.displayName="UserSettings",UserSettings.args={theme:"primary",title:"red"},UserSettings.parameters=Object.assign({storySource:{source:'(args) => {\r\n  return (\r\n    <UserSettingsForm\r\n      {...args}\r\n      saveSettingsText="Save Settings"\r\n      handleSaveSettings={() => console.log("saving settings")}\r\n    >\r\n      <HawaSettingsRow\r\n        settingsType="checkbox"\r\n        settingsLabel="Hide Watermark"\r\n        onChange={(e) =>\r\n          console.log("checkbox settings value is ", e.target.checked)\r\n        }\r\n      />\r\n      <HawaSettingsRow\r\n        settingsType="text"\r\n        placeholder="Your handle"\r\n        settingsLabel="Custom Handle"\r\n        onChange={(e) => console.log("text settings value is ", e.target.value)}\r\n      />\r\n      <HawaSettingsRow\r\n        handleChange={(e) => console.log("changing to ", e)}\r\n        settingsType="radio"\r\n        defaultValue="sar"\r\n        options={[\r\n          { value: "sar", label: "SAR" },\r\n          { value: "usd", label: "USD" }\r\n        ]}\r\n        settingsLabel="Currency"\r\n      />\r\n      <HawaSettingsRow\r\n        handleChange={(e) => console.log("changing to ", e)}\r\n        settingsType="radio"\r\n        defaultValue="en"\r\n        options={[\r\n          { value: "en", label: "English" },\r\n          { value: "ar", label: "Arabic" }\r\n        ]}\r\n        settingsLabel="Language"\r\n      />\r\n      <HawaSettingsRow\r\n        settingsType="boolean"\r\n        placeholder="Your handle"\r\n        settingsLabel="Show Analytics"\r\n        onChange={(e) => console.log("changing to ", e.target.checked)}\r\n      />\r\n    </UserSettingsForm>\r\n  );\r\n}'}},UserSettings.parameters),UserSettings.__docgenInfo={description:"",methods:[],displayName:"UserSettings"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\stories\\BlocksStories\\Account\\UserSettings.stories.js"]={name:"UserSettings",docgenInfo:UserSettings.__docgenInfo,path:"src\\stories\\BlocksStories\\Account\\UserSettings.stories.js"})},"./src/stories/BlocksStories/Auth/NewPassword.stories.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"NewPassword",(function(){return NewPassword}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/react/index.js");var _blocks_AuthForms__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/blocks/AuthForms/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Blocks/Auth/New Password",component:[_blocks_AuthForms__WEBPACK_IMPORTED_MODULE_3__.a],parameters:{docs:{description:{component:"`<NewPasswordForm/>` Block for users to set new password"}}}};var NewPasswordTemplate=function NewPasswordTemplate(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_blocks_AuthForms__WEBPACK_IMPORTED_MODULE_3__.a,Object.assign({},args,{texts:{emailLabel:"Email",emailPlaceholder:"Enter your email",emailRequiredText:"Email is required",passwordPlaceholder:"Enter password",updatePassword:"Update Password",passwordRequiredText:"Password is required",passwordLabel:"Choose new password",confirmPasswordPlaceholder:"Confirm password",confirmPasswordLabel:"Confirm",confirmPasswordRequiredText:"Confirmation is required",passwordMatchError:"Password doesn't match",forgotPasswordText:"Forgot password?",passwordChanged:"Your password has been changed, you'll be redirected to sign in page"}}))};NewPasswordTemplate.displayName="NewPasswordTemplate";var NewPassword=NewPasswordTemplate.bind({});NewPassword.args={passwordChanged:!1},NewPassword.parameters=Object.assign({storySource:{source:'(args) => {\r\n  return (\r\n    <NewPasswordForm\r\n      {...args}\r\n      texts={{\r\n        emailLabel: "Email",\r\n        emailPlaceholder: "Enter your email",\r\n        emailRequiredText: "Email is required",\r\n        passwordPlaceholder: "Enter password",\r\n        updatePassword: "Update Password",\r\n        passwordRequiredText: "Password is required",\r\n        passwordLabel: "Choose new password",\r\n        confirmPasswordPlaceholder: "Confirm password",\r\n        confirmPasswordLabel: "Confirm",\r\n        confirmPasswordRequiredText: "Confirmation is required",\r\n        passwordMatchError: "Password doesn\'t match",\r\n        forgotPasswordText: "Forgot password?",\r\n        passwordChanged:\r\n          "Your password has been changed, you\'ll be redirected to sign in page"\r\n      }}\r\n    />\r\n  );\r\n}'}},NewPassword.parameters)},"./src/stories/BlocksStories/Auth/ResetPassword.stories.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"ResetPassword",(function(){return ResetPassword}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/react/index.js");var _blocks_AuthForms__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/blocks/AuthForms/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Blocks/Auth/Reset Password",component:[_blocks_AuthForms__WEBPACK_IMPORTED_MODULE_3__.b],parameters:{docs:{description:{component:"`<ResetPasswordForm/>` Block for users to request a password reset by entering their email."}}}};var ResetPasswordTemplate=function ResetPasswordTemplate(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_blocks_AuthForms__WEBPACK_IMPORTED_MODULE_3__.b,Object.assign({},args,{texts:{emailLabel:"Email",emailPlaceholder:"Enter your email",emailRequiredText:"Email is required",emailInvalidText:"Invalid email address",emailSentText:"The reset password link was sent to your email",resetPassword:"Reset Password"},handleResetPassword:function handleResetPassword(e){return console.log("resetting password,",e)}}))};ResetPasswordTemplate.displayName="ResetPasswordTemplate";var ResetPassword=ResetPasswordTemplate.bind({});ResetPassword.args={sent:!1},ResetPassword.parameters=Object.assign({storySource:{source:'(args) => {\r\n  return (\r\n    <ResetPasswordForm\r\n      {...args}\r\n      texts={{\r\n        emailLabel: "Email",\r\n        emailPlaceholder: "Enter your email",\r\n        emailRequiredText: "Email is required",\r\n        emailInvalidText: "Invalid email address",\r\n        emailSentText: "The reset password link was sent to your email",\r\n        resetPassword: "Reset Password"\r\n      }}\r\n      handleResetPassword={(e) => console.log("resetting password,", e)}\r\n    />\r\n  );\r\n}'}},ResetPassword.parameters)},"./src/stories/BlocksStories/Auth/SignIn.stories.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"SignIn",(function(){return SignIn}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/react/index.js");var _blocks_AuthForms__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/blocks/AuthForms/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Blocks/Auth/Sign In",component:[_blocks_AuthForms__WEBPACK_IMPORTED_MODULE_3__.c],parameters:{docs:{description:{component:"`<SignInForm/>` Authentication block for user sign in"}}},argTypes:{lang:{default:!0,control:"select",options:["ar","en"],description:"The language of the form",table:{defaultValue:{summary:"en"}}},viaGoogle:{default:!0,control:"boolean",description:"Display the sign in via Google button",table:{defaultValue:{summary:!0}}},viaTwitter:{default:!0,control:"boolean",description:"Display the sign in via Twitter button",table:{defaultValue:{summary:!0}}},viaGithub:{default:!0,control:"boolean",description:"Display the sign in via Github button",table:{defaultValue:{summary:!0}}},showError:{default:!1,control:"boolean",description:"Display the error when auth fails",table:{defaultValue:{summary:!0}}},errorTitle:{default:" ",control:"text",description:"The error text for the auth failure",table:{defaultValue:{summary:""}}},errorText:{default:"Something went wrong",control:"text",description:"The error text for the auth failure",table:{defaultValue:{summary:"Something went wrong"}}},handleSignIn:{action:"Signing in Via Email",description:"The function to sign in user"},handleForgotPassword:{action:"Redirecting to reset password",description:"Directing user to forgot password block"},handleRouteToSignUp:{action:"Redirecting to sign up block",description:"Directing user to signup block"},handleGoogleSignIn:{action:"Signing in via Google",description:"Function to sign in user via Google"},handleGithubSignIn:{action:"Signing in via Github",description:"Function to sign in user via Github"},handleTwitterSignIn:{action:"Signing in via Twitter",description:"Function to sign in user via Twitter"}}};var SignInTemplate=function SignInTemplate(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_blocks_AuthForms__WEBPACK_IMPORTED_MODULE_3__.c,Object.assign({},args,{error:args.showError,texts:{emailLabel:"Email",emailPlaceholder:"Enter your email",emailRequiredText:"Email is required",emailInvalidText:"Invalid email address",passwordLabel:"Password",passwordPlaceholder:"Enter password",passwordRequiredText:"Password is required",forgotPasswordText:"Forgot password?",newUserText:"New user?",signUpText:"Sign up",signInText:"Sign in",googleButtonLabel:"Sign in with Google",githubButtonLabel:"Sign in with Github",twitterButtonLabel:"Sign in with Twitter"},viaGoogle:args.viaGoogle,viaGithub:args.viaGithub,viaTwitter:args.viaTwitter}))};SignInTemplate.displayName="SignInTemplate";var SignIn=SignInTemplate.bind({});SignIn.args={viaGoogle:!0,viaGithub:!0,viaTwitter:!0,showError:!1,errorTitle:"Error",errorText:"Something went wrong",lang:"en"},SignIn.parameters=Object.assign({storySource:{source:'(args) => {\r\n  return (\r\n    <SignInForm\r\n      {...args}\r\n      error={args.showError}\r\n      texts={{\r\n        emailLabel: "Email",\r\n        emailPlaceholder: "Enter your email",\r\n        emailRequiredText: "Email is required",\r\n        emailInvalidText: "Invalid email address",\r\n        passwordLabel: "Password",\r\n        passwordPlaceholder: "Enter password",\r\n        passwordRequiredText: "Password is required",\r\n        forgotPasswordText: "Forgot password?",\r\n        newUserText: "New user?",\r\n        signUpText: "Sign up",\r\n        signInText: "Sign in",\r\n        googleButtonLabel: "Sign in with Google",\r\n        githubButtonLabel: "Sign in with Github",\r\n        twitterButtonLabel: "Sign in with Twitter"\r\n      }}\r\n      viaGoogle={args.viaGoogle}\r\n      viaGithub={args.viaGithub}\r\n      viaTwitter={args.viaTwitter}\r\n    />\r\n  );\r\n}'}},SignIn.parameters)},"./src/stories/BlocksStories/Auth/SignUp.stories.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"SignUp",(function(){return SignUp}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/react/index.js");var _blocks_AuthForms__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/blocks/AuthForms/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Blocks/Auth/Sign Up",component:[_blocks_AuthForms__WEBPACK_IMPORTED_MODULE_3__.d],parameters:{docs:{description:{component:"`<SignUpForm/>` Authentication block for user sign up"}}},argTypes:{lang:{default:!0,control:"select",options:["ar","en"],description:"The language of the form",table:{defaultValue:{summary:"en"}}},viaGoogle:{default:!0,control:"boolean",description:"Display the sign in via Google button",table:{defaultValue:{summary:!0}}},viaTwitter:{default:!0,control:"boolean",description:"Display the sign in via Twitter button",table:{defaultValue:{summary:!0}}},viaGithub:{default:!0,control:"boolean",description:"Display the sign in via Github button",table:{defaultValue:{summary:!0}}},showError:{default:!1,control:"boolean",description:"Display the error when auth fails",table:{defaultValue:{summary:!0}}},errorTitle:{default:" ",control:"text",description:"The error text for the auth failure",table:{defaultValue:{summary:""}}},errorText:{default:"Something went wrong",control:"text",description:"The error text for the auth failure",table:{defaultValue:{summary:"Something went wrong"}}}}};var SignUpTemplate=function SignUpTemplate(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_blocks_AuthForms__WEBPACK_IMPORTED_MODULE_3__.d,Object.assign({},args,{texts:{fullNameLabel:"Full Name",fullNamePlaceholder:"Fulan AlFulani",fullNameRequiredText:"Full Name is required",emailLabel:"Email",emailPlaceholder:"Enter your email",emailRequiredText:"Email is required",emailInvalidText:"Invalid email address",passwordLabel:"Password",passwordPlaceholder:"Minimum 8 characters",passwordRequiredText:"Password is required",passwordTooShortText:"Password too short",forgotPasswordText:"Forgot password?",newUserText:"New user?",signUpText:"Sign up",signInText:"Sign in",existingUserText:"Existing User?",googleButtonLabel:"Sign in with Google",githubButtonLabel:"Sign in with Github",twitterButtonLabel:"Sign in with Twitter"},showError:args.showError,viaGoogle:args.viaGoogle,viaGithub:args.viaGithub,viaTwitter:args.viaTwitter,handleSignUp:function handleSignUp(){return console.log("singing up via email")},handleGoogleSignUp:function handleGoogleSignUp(){return console.log("signing up via google")},handleGithubSignUp:function handleGithubSignUp(){return console.log("signing up via github")},handleTwitterSignUp:function handleTwitterSignUp(){return console.log("signing up via Twitter")},handleRouteToSignIn:function handleRouteToSignIn(){return console.log("switching to sign in")}}))};SignUpTemplate.displayName="SignUpTemplate";var SignUp=SignUpTemplate.bind({});SignUp.args={viaGoogle:!0,viaGithub:!0,viaTwitter:!0,showError:!1,errorTitle:"Error",errorText:"Something went wrong",lang:"en"},SignUp.parameters=Object.assign({storySource:{source:'(args) => {\r\n  return (\r\n    <SignUpForm\r\n      {...args}\r\n      texts={{\r\n        fullNameLabel: "Full Name",\r\n        fullNamePlaceholder: "Fulan AlFulani",\r\n        fullNameRequiredText: "Full Name is required",\r\n        emailLabel: "Email",\r\n        emailPlaceholder: "Enter your email",\r\n        emailRequiredText: "Email is required",\r\n        emailInvalidText: "Invalid email address",\r\n        passwordLabel: "Password",\r\n        passwordPlaceholder: "Minimum 8 characters",\r\n        passwordRequiredText: "Password is required",\r\n        passwordTooShortText: "Password too short",\r\n        forgotPasswordText: "Forgot password?",\r\n        newUserText: "New user?",\r\n        signUpText: "Sign up",\r\n        signInText: "Sign in",\r\n        existingUserText: "Existing User?",\r\n        googleButtonLabel: "Sign in with Google",\r\n        githubButtonLabel: "Sign in with Github",\r\n        twitterButtonLabel: "Sign in with Twitter"\r\n      }}\r\n      showError={args.showError}\r\n      viaGoogle={args.viaGoogle}\r\n      viaGithub={args.viaGithub}\r\n      viaTwitter={args.viaTwitter}\r\n      handleSignUp={() => console.log("singing up via email")}\r\n      handleGoogleSignUp={() => console.log("signing up via google")}\r\n      handleGithubSignUp={() => console.log("signing up via github")}\r\n      handleTwitterSignUp={() => console.log("signing up via Twitter")}\r\n      handleRouteToSignIn={() => console.log("switching to sign in")}\r\n    />\r\n  );\r\n}'}},SignUp.parameters)},"./src/stories/BlocksStories/Payment/ChargeWallet.stories.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"ChargeWallet",(function(){return ChargeWallet}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _blocks_Payment__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/blocks/Payment/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Blocks/Payment/Charge Wallet",component:[_blocks_Payment__WEBPACK_IMPORTED_MODULE_2__.a],argTypes:{currency:{options:["SAR","USD"],control:{type:"select"}}},args:{currency:"sar"}};var ChargeWallet=function ChargeWallet(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_blocks_Payment__WEBPACK_IMPORTED_MODULE_2__.a,Object.assign({},args,{handleChargeWallet:function handleChargeWallet(e){return console.log("amount is ",e)},texts:{amountLabel:"Enter Amount",chargeWallet:"Charge Wallet",amountRequired:"Amount required"}}))};ChargeWallet.displayName="ChargeWallet",ChargeWallet.args={currency:"SAR"},ChargeWallet.parameters=Object.assign({storySource:{source:'(args) => {\r\n  return (\r\n    <ChargeWalletForm\r\n      {...args}\r\n      handleChargeWallet={(e) => console.log("amount is ", e)}\r\n      texts={{\r\n        amountLabel: "Enter Amount",\r\n        chargeWallet: "Charge Wallet",\r\n        amountRequired: "Amount required"\r\n      }}\r\n    />\r\n  );\r\n}'}},ChargeWallet.parameters),ChargeWallet.__docgenInfo={description:"",methods:[],displayName:"ChargeWallet"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\stories\\BlocksStories\\Payment\\ChargeWallet.stories.js"]={name:"ChargeWallet",docgenInfo:ChargeWallet.__docgenInfo,path:"src\\stories\\BlocksStories\\Payment\\ChargeWallet.stories.js"})},"./src/stories/BlocksStories/Payment/CheckoutForm.stories.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Checkout",(function(){return Checkout}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _blocks_Payment__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/blocks/Payment/index.js"),_layout_HawaPageControls__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/layout/HawaPageControls.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Blocks/Payment/Checkout",component:[_blocks_Payment__WEBPACK_IMPORTED_MODULE_2__.b],argTypes:{lang:{control:"select",options:["ar","en"],description:"A array of arrays. Each array inside the main array is a single row"}},args:{}};var Checkout=function Checkout(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_layout_HawaPageControls__WEBPACK_IMPORTED_MODULE_3__.a,{backText:"Back",backAction:function backAction(){return console.log("going back")},maxWidth:"sm",actionButtons:[{label:"action1",action:function action(){return console.log("action1 is clicked")}},{label:"action2",action:function action(){return console.log("action2 is clicked")}},{label:"action3",action:function action(){return console.log("action3 is clicked")}}]}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_blocks_Payment__WEBPACK_IMPORTED_MODULE_2__.b,{lang:args.lang,handlePayNow:function handlePayNow(e){return console.log("submitting checkout",e)},countriesList:["Saudi Arabia","Qatar","Kuwait"],products:[["Logo Design","1,200 SAR"],["Website Design","1,500 SAR"],["Website Development","900 SAR"],["Hosting","200 SAR"],["Social Media Management","700 SAR"]],total:"5,330 SAR",texts:{orderDetails:"Order Details",billingAddress:"Billing Address",payNow:"Pay Now",emailLabel:"Email",emailRequiredText:"Email is required",emailInvalidText:"Invalid email address",firstNameLabel:"First Name",required:"Required",lastNameLabel:"Last Name",streetAddressLabel:"Street Address",buildingNumberLabel:"Building Number",cityLabel:"City",stateLabel:"State/Province",countryLabel:"Country",zipCodeLabel:"Zip Code"}})]})};Checkout.args={},Checkout.parameters=Object.assign({storySource:{source:'(args) => {\r\n  return (\r\n    <>\r\n      <HawaPageControls\r\n        backText="Back"\r\n        backAction={() => console.log("going back")}\r\n        maxWidth="sm"\r\n        actionButtons={[\r\n          { label: "action1", action: () => console.log("action1 is clicked") },\r\n          { label: "action2", action: () => console.log("action2 is clicked") },\r\n          { label: "action3", action: () => console.log("action3 is clicked") }\r\n        ]}\r\n      />\r\n      <CheckoutForm\r\n        lang={args.lang}\r\n        handlePayNow={(e) => console.log("submitting checkout", e)}\r\n        countriesList={["Saudi Arabia", "Qatar", "Kuwait"]}\r\n        products={[\r\n          ["Logo Design", "1,200 SAR"],\r\n          ["Website Design", "1,500 SAR"],\r\n          ["Website Development", "900 SAR"],\r\n          ["Hosting", "200 SAR"],\r\n          ["Social Media Management", "700 SAR"]\r\n        ]}\r\n        total={"5,330 SAR"}\r\n        texts={{\r\n          orderDetails: "Order Details",\r\n          billingAddress: "Billing Address",\r\n          payNow: "Pay Now",\r\n          emailLabel: "Email",\r\n          emailRequiredText: "Email is required",\r\n          emailInvalidText: "Invalid email address",\r\n          firstNameLabel: "First Name",\r\n          required: "Required",\r\n          lastNameLabel: "Last Name",\r\n          streetAddressLabel: "Street Address",\r\n          buildingNumberLabel: "Building Number",\r\n          cityLabel: "City",\r\n          stateLabel: "State/Province",\r\n          countryLabel: "Country",\r\n          zipCodeLabel: "Zip Code"\r\n        }}\r\n      />\r\n    </>\r\n  );\r\n}'}},Checkout.parameters),Checkout.__docgenInfo={description:"",methods:[],displayName:"Checkout"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\stories\\BlocksStories\\Payment\\CheckoutForm.stories.js"]={name:"Checkout",docgenInfo:Checkout.__docgenInfo,path:"src\\stories\\BlocksStories\\Payment\\CheckoutForm.stories.js"})},"./src/stories/BlocksStories/Payment/Confirmation.stories.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Confirmation",(function(){return Confirmation}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _blocks_Payment__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/blocks/Payment/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Blocks/Payment/Confirmation",component:[_blocks_Payment__WEBPACK_IMPORTED_MODULE_2__.c],argTypes:{lang:{control:"select",options:["ar","en"],description:"A array of arrays. Each array inside the main array is a single row"},confirmationTitle:{control:"text",description:"The title of the confirmation page",table:{type:{summary:"Example",detail:"Payment Successful, Payment Failed, Payment Error"}}},handlePrint:{control:"function",description:"Function to trigger printing the invoice"},handleHistory:{control:"function",description:"Function to go to the history page"},handleHome:{control:"function",description:"Function to go to the home page"},handleRefundPolicyLink:{control:"function",description:"Function to go to the refund policy page"},orderNumber:{control:"text",description:"The order number, preferably starts with #"},userEmail:{control:"text",description:"The user email that will get the invoice email"},total:{control:"number",description:"The calculated total price of the products listed"},products:{control:"array",description:"An array of arrays, each array inside the main array is a product row in the order details "}},args:{}};var Confirmation=function Confirmation(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_blocks_Payment__WEBPACK_IMPORTED_MODULE_2__.c,{confirmationTitle:"Payment Successful",lang:args.lang,handlePrint:function handlePrint(){return console.log("printing invoice")},handleHistory:function handleHistory(){return console.log("go to history")},handleHome:function handleHome(){return console.log("going to home")},handleRefundPolicyLink:function handleRefundPolicyLink(){return console.log("going to refund policy")},products:[["Logo Design","1,200 SAR"],["Website Design","1,500 SAR"],["Website Development","900 SAR"],["Hosting","200 SAR"],["Social Media Management","700 SAR"]],total:"5,330 SAR",orderNumber:"#00001237",userEmail:"zmasri@sikka.io",texts:{print:"Print",history:"History",homePage:"Home Page",successMessage:"Thank you, your payment has been successful. A confirmation email has been send to your email",orderDetails:"Order Details",fasterPaymentNote:"For faster payment next time you order, save your payment preferences in account settings",billingAddress:"Billing Address",payNow:"Pay Now",yourOrderNumber:"Your order number is",emailLabel:"Email",emailRequiredText:"Email is required",emailInvalidText:"Invalid email address",firstNameLabel:"First Name",required:"Required",lastNameLabel:"Last Name",streetAddressLabel:"Street Address",buildingNumberLabel:"Building Number",cityLabel:"City",stateLabel:"State/Province",countryLabel:"Country",zipCodeLabel:"Zip Code",refundPolicy:"Refund Policy"}})};Confirmation.displayName="Confirmation",Confirmation.args={},Confirmation.parameters=Object.assign({storySource:{source:'(args) => {\r\n  return (\r\n    <ConfirmationPage\r\n      confirmationTitle={"Payment Successful"}\r\n      lang={args.lang}\r\n      handlePrint={() => console.log("printing invoice")}\r\n      handleHistory={() => console.log("go to history")}\r\n      handleHome={() => console.log("going to home")}\r\n      handleRefundPolicyLink={() => console.log("going to refund policy")}\r\n      products={[\r\n        ["Logo Design", "1,200 SAR"],\r\n        ["Website Design", "1,500 SAR"],\r\n        ["Website Development", "900 SAR"],\r\n        ["Hosting", "200 SAR"],\r\n        ["Social Media Management", "700 SAR"]\r\n      ]}\r\n      total={"5,330 SAR"}\r\n      orderNumber={"#00001237"}\r\n      userEmail={"zmasri@sikka.io"}\r\n      texts={{\r\n        print: "Print",\r\n        history: "History",\r\n        homePage: "Home Page",\r\n        successMessage:\r\n          "Thank you, your payment has been successful. A confirmation email has been send to your email",\r\n        orderDetails: "Order Details",\r\n        fasterPaymentNote:\r\n          "For faster payment next time you order, save your payment preferences in account settings",\r\n        billingAddress: "Billing Address",\r\n        payNow: "Pay Now",\r\n        yourOrderNumber: "Your order number is",\r\n        emailLabel: "Email",\r\n        emailRequiredText: "Email is required",\r\n        emailInvalidText: "Invalid email address",\r\n        firstNameLabel: "First Name",\r\n        required: "Required",\r\n        lastNameLabel: "Last Name",\r\n        streetAddressLabel: "Street Address",\r\n        buildingNumberLabel: "Building Number",\r\n        cityLabel: "City",\r\n        stateLabel: "State/Province",\r\n        countryLabel: "Country",\r\n        zipCodeLabel: "Zip Code",\r\n        refundPolicy: "Refund Policy"\r\n      }}\r\n    />\r\n  );\r\n}'}},Confirmation.parameters),Confirmation.__docgenInfo={description:"",methods:[],displayName:"Confirmation"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\stories\\BlocksStories\\Payment\\Confirmation.stories.js"]={name:"Confirmation",docgenInfo:Confirmation.__docgenInfo,path:"src\\stories\\BlocksStories\\Payment\\Confirmation.stories.js"})},"./src/stories/BlocksStories/Payment/PayWithCreditCard.stories.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"PayViaCreditCard",(function(){return PayViaCreditCard}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _blocks_Payment__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/blocks/Payment/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Blocks/Payment/Pay Via Credit Card",component:[_blocks_Payment__WEBPACK_IMPORTED_MODULE_2__.d],argTypes:{},args:{}};var PayViaCreditCard=function PayViaCreditCard(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_blocks_Payment__WEBPACK_IMPORTED_MODULE_2__.d,{})};PayViaCreditCard.displayName="PayViaCreditCard",PayViaCreditCard.args={},PayViaCreditCard.parameters=Object.assign({storySource:{source:"(args) => {\r\n  return <CreditCardForm />;\r\n}"}},PayViaCreditCard.parameters),PayViaCreditCard.__docgenInfo={description:"",methods:[],displayName:"PayViaCreditCard"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\stories\\BlocksStories\\Payment\\PayWithCreditCard.stories.js"]={name:"PayViaCreditCard",docgenInfo:PayViaCreditCard.__docgenInfo,path:"src\\stories\\BlocksStories\\Payment\\PayWithCreditCard.stories.js"})},"./src/stories/BlocksStories/Payment/PayWithWallet.stories.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"PayViaWallet",(function(){return PayViaWallet}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _blocks_Payment__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/blocks/Payment/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Blocks/Payment/Pay Via Wallet",component:[_blocks_Payment__WEBPACK_IMPORTED_MODULE_2__.e],argTypes:{walletBalance:{control:"number"}},args:{walletBalance:20}};var PayViaWallet=function PayViaWallet(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_blocks_Payment__WEBPACK_IMPORTED_MODULE_2__.e,Object.assign({},args))};PayViaWallet.displayName="PayViaWallet",PayViaWallet.parameters=Object.assign({storySource:{source:"(args) => {\r\n  return <PayWithWallet {...args} />;\r\n}"}},PayViaWallet.parameters),PayViaWallet.__docgenInfo={description:"",methods:[],displayName:"PayViaWallet"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\stories\\BlocksStories\\Payment\\PayWithWallet.stories.js"]={name:"PayViaWallet",docgenInfo:PayViaWallet.__docgenInfo,path:"src\\stories\\BlocksStories\\Payment\\PayWithWallet.stories.js"})},"./src/stories/BlocksStories/Payment/PaymentSelection.stories.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"PaymentSelection",(function(){return PaymentSelection}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/react/index.js");var _blocks_Payment__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/blocks/Payment/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Blocks/Payment/Payment Selection",component:[_blocks_Payment__WEBPACK_IMPORTED_MODULE_3__.f],argTypes:{theme:{options:["primary","secondary","default"],control:{type:"select"}},viaWallet:{control:"boolean"},viaApplePay:{control:"boolean"},viaGooglePay:{control:"boolean"},viaSTCPay:{control:"boolean"},viaCreditCard:{control:"boolean"},viaPayPal:{control:"boolean"}},args:{theme:"primary",viaWallet:!0,viaMada:!0,viaApplePay:!0,viaGooglePay:!0,viaSTCPay:!0,viaCreditCard:!0,viaPayPal:!0}};var PaymentSelectionTemplate=function PaymentSelectionTemplate(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_blocks_Payment__WEBPACK_IMPORTED_MODULE_3__.f,Object.assign({},args,{walletLabel:"Wallet Balance",handleWallet:function handleWallet(){return console.log("paying via wallet")},visaMasterLabel:"Credit Card",handleCreditCard:function handleCreditCard(){return console.log("paying via Credit Card")},madaLabel:"Mada",handleMada:function handleMada(){return console.log("paying via Mada")},paypalLabel:"PayPal",handlePayPal:function handlePayPal(){return console.log("paying via PayPal")},applePayLabel:"Apple Pay",handleApplePay:function handleApplePay(){return console.log("paying via Apple Pay")},googlePayLabel:"Google Pay",handleGooglePay:function handleGooglePay(){return console.log("paying via Google Pay")},stcPayLabel:"STC Pay",handleSTCPay:function handleSTCPay(){return console.log("paying via STC Pay")}}))};PaymentSelectionTemplate.displayName="PaymentSelectionTemplate";var PaymentSelection=PaymentSelectionTemplate.bind({});PaymentSelection.args={viaGoogle:!0,viaGithub:!0,viaTwitter:!0,showError:!1,errorTitle:"Error",errorText:"Something went wrong"},PaymentSelection.parameters=Object.assign({storySource:{source:'(args) => {\r\n  return (\r\n    <SelectPayment\r\n      {...args}\r\n      walletLabel="Wallet Balance"\r\n      handleWallet={() => console.log("paying via wallet")}\r\n      visaMasterLabel="Credit Card"\r\n      handleCreditCard={() => console.log("paying via Credit Card")}\r\n      madaLabel="Mada"\r\n      handleMada={() => console.log("paying via Mada")}\r\n      paypalLabel="PayPal"\r\n      handlePayPal={() => console.log("paying via PayPal")}\r\n      applePayLabel="Apple Pay"\r\n      handleApplePay={() => console.log("paying via Apple Pay")}\r\n      googlePayLabel="Google Pay"\r\n      handleGooglePay={() => console.log("paying via Google Pay")}\r\n      stcPayLabel="STC Pay"\r\n      handleSTCPay={() => console.log("paying via STC Pay")}\r\n    />\r\n  );\r\n}'}},PaymentSelection.parameters)},"./src/stories/BlocksStories/Pricing/BillingPlans.stories.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"InBilling",(function(){return InBilling}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _blocks_Pricing_PricingPlans__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/blocks/Pricing/PricingPlans.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Blocks/Pricing/In Billing",component:[_blocks_Pricing_PricingPlans__WEBPACK_IMPORTED_MODULE_2__.a],argTypes:{lang:{options:["ar","en"],control:{type:"select"}}},args:{lang:"ar"}};var InBilling=function InBilling(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_blocks_Pricing_PricingPlans__WEBPACK_IMPORTED_MODULE_2__.a,Object.assign({},args,{plans:[{title:"Free",title_ar:"تجريبي",subtitle:"For everyone",subtitle_ar:"للعرب",price:0,currency:"SAR",cycleText:"Monthly",buttonText:"Select Plan",features:["one","two","three"],features_ar:["واحد","اثنين","ثلاثة"]},{title:"Intro",title_ar:"تجريبي",subtitle:"For beginners",subtitle_ar:"للعرب",selectedPlan:!0,price:10,currency:"SAR",cycleText:"Monthly",buttonText:"Current Plan",features:["one","two","three"],features_ar:["واحد","اثنين","ثلاثة"]},{title:"Pro",title_ar:"تجريبي",subtitle:"For professionals",subtitle_ar:"للعرب",price:30,currency:"SAR",cycleText:"Monthly",buttonText:"Select Plan",features:["one","two","three"],features_ar:["واحد","اثنين","ثلاثة"]}]}))};InBilling.displayName="InBilling",InBilling.parameters=Object.assign({storySource:{source:'(args) => {\r\n  return (\r\n    <PricingPlans\r\n      {...args}\r\n      plans={[\r\n        {\r\n          title: "Free",\r\n          title_ar: "تجريبي",\r\n          subtitle: "For everyone",\r\n          subtitle_ar: "للعرب",\r\n          price: 0,\r\n          currency: "SAR",\r\n          cycleText: "Monthly",\r\n          buttonText: "Select Plan",\r\n          features: ["one", "two", "three"],\r\n          features_ar: ["واحد", "اثنين", "ثلاثة"]\r\n        },\r\n        {\r\n          title: "Intro",\r\n          title_ar: "تجريبي",\r\n          subtitle: "For beginners",\r\n          subtitle_ar: "للعرب",\r\n          selectedPlan: true,\r\n          price: 10,\r\n          currency: "SAR",\r\n          cycleText: "Monthly",\r\n          buttonText: "Current Plan",\r\n          features: ["one", "two", "three"],\r\n          features_ar: ["واحد", "اثنين", "ثلاثة"]\r\n        },\r\n        {\r\n          title: "Pro",\r\n          title_ar: "تجريبي",\r\n          subtitle: "For professionals",\r\n          subtitle_ar: "للعرب",\r\n          price: 30,\r\n          currency: "SAR",\r\n          cycleText: "Monthly",\r\n          buttonText: "Select Plan",\r\n          features: ["one", "two", "three"],\r\n          features_ar: ["واحد", "اثنين", "ثلاثة"]\r\n        }\r\n      ]}\r\n    />\r\n  );\r\n}'}},InBilling.parameters),InBilling.__docgenInfo={description:"",methods:[],displayName:"InBilling"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\stories\\BlocksStories\\Pricing\\BillingPlans.stories.js"]={name:"InBilling",docgenInfo:InBilling.__docgenInfo,path:"src\\stories\\BlocksStories\\Pricing\\BillingPlans.stories.js"})},"./src/stories/BlocksStories/Pricing/LandingPlans.stories.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"InLanding",(function(){return InLanding}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _blocks_Pricing_PricingPlans__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/blocks/Pricing/PricingPlans.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Blocks/Pricing/In Landing",component:[_blocks_Pricing_PricingPlans__WEBPACK_IMPORTED_MODULE_2__.a],argTypes:{lang:{options:["ar","en"],control:{type:"select"}}},args:{lang:"ar"}};var InLanding=function InLanding(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_blocks_Pricing_PricingPlans__WEBPACK_IMPORTED_MODULE_2__.a,Object.assign({},args,{plans:[{title:"Free",title_ar:"تجريبي",subtitle:"For everyone",subtitle_ar:"للعرب",price:0,currency:"SAR",cycleText:"Monthly",discount:"Save 10%",buttonText:"Select Plan",features:["one","two","three"],features_ar:["واحد","اثنين","ثلاثة"]},{title:"Intro",title_ar:"تجريبي",subtitle:"For beginners",subtitle_ar:"للعرب",selectedPlan:!1,price:10,currency:"SAR",cycleText:"Monthly",buttonText:"Current Plan",features:["one","two","three"],features_ar:["واحد","اثنين","ثلاثة"]},{title:"Pro",title_ar:"تجريبي",subtitle:"For professionals",subtitle_ar:"للعرب",price:30,currency:"SAR",cycleText:"Monthly",buttonText:"Select Plan",features:["one","two","three"],features_ar:["واحد","اثنين","ثلاثة"]}]}))};InLanding.displayName="InLanding",InLanding.parameters=Object.assign({storySource:{source:'(args) => {\r\n  return (\r\n    <PricingPlans\r\n      {...args}\r\n      plans={[\r\n        {\r\n          title: "Free",\r\n          title_ar: "تجريبي",\r\n          subtitle: "For everyone",\r\n          subtitle_ar: "للعرب",\r\n          price: 0,\r\n          currency: "SAR",\r\n          cycleText: "Monthly",\r\n          discount: "Save 10%",\r\n          buttonText: "Select Plan",\r\n          features: ["one", "two", "three"],\r\n          features_ar: ["واحد", "اثنين", "ثلاثة"]\r\n        },\r\n        {\r\n          title: "Intro",\r\n          title_ar: "تجريبي",\r\n          subtitle: "For beginners",\r\n          subtitle_ar: "للعرب",\r\n          selectedPlan: false,\r\n          price: 10,\r\n          currency: "SAR",\r\n          cycleText: "Monthly",\r\n          buttonText: "Current Plan",\r\n          features: ["one", "two", "three"],\r\n          features_ar: ["واحد", "اثنين", "ثلاثة"]\r\n        },\r\n        {\r\n          title: "Pro",\r\n          title_ar: "تجريبي",\r\n          subtitle: "For professionals",\r\n          subtitle_ar: "للعرب",\r\n          price: 30,\r\n          currency: "SAR",\r\n          cycleText: "Monthly",\r\n          buttonText: "Select Plan",\r\n          features: ["one", "two", "three"],\r\n          features_ar: ["واحد", "اثنين", "ثلاثة"]\r\n        }\r\n      ]}\r\n    />\r\n  );\r\n}'}},InLanding.parameters),InLanding.__docgenInfo={description:"",methods:[],displayName:"InLanding"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\stories\\BlocksStories\\Pricing\\LandingPlans.stories.js"]={name:"InLanding",docgenInfo:InLanding.__docgenInfo,path:"src\\stories\\BlocksStories\\Pricing\\LandingPlans.stories.js"})},"./src/stories/ElementsIntroduction.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_storybook_addon_links__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-links/dist/esm/index.js"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.c,{title:"Elements/Elements Introduction",mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("style",null,"\n  .subheading {\n    --mediumdark: '#999999';\n    font-weight: 900;\n    font-size: 13px;\n    color: #999;\n    letter-spacing: 6px;\n    line-height: 24px;\n    text-transform: uppercase;\n    margin-bottom: 12px;\n    margin-top: 40px;\n  }\n\n  .link-list {\n    display: grid;\n    grid-template-columns: 1fr;\n    grid-template-rows: 1fr 1fr;\n    row-gap: 10px;\n  }\n\n  @media (min-width: 620px) {\n    .link-list {\n      row-gap: 20px;\n      column-gap: 20px;\n      grid-template-columns: 1fr 1fr;\n    }\n  }\n\n  @media all and (-ms-high-contrast:none) {\n  .link-list {\n      display: -ms-grid;\n      -ms-grid-columns: 1fr 1fr;\n      -ms-grid-rows: 1fr 1fr;\n    }\n  }\n\n  .link-item {\n    display: block;\n    padding: 20px 30px 20px 15px;\n    border: 1px solid #00000010;\n    border-radius: 5px;\n    transition: background 150ms ease-out, border 150ms ease-out, transform 150ms ease-out;\n    color: #333333;\n    display: flex;\n    flex-direction:column;\n    align-items: flex-start;\n  }\n\n  .link-item:hover {\n    border-color: #1EA7FD50;\n    transform: translate3d(0, -3px, 0);\n    box-shadow: rgba(0, 0, 0, 0.08) 0 3px 10px 0;\n  }\n\n  .link-item:active {\n    border-color: #1EA7FD;\n    transform: translate3d(0, 0, 0);\n  }\n\n  .link-item strong {\n    font-weight: 700;\n    display: block;\n    margin-bottom: 2px;\n  }\n  \n  .link-item img {\n    height: 40px;\n    width: 40px;\n    margin-right: 15px;\n    flex: none;\n  }\n\n  .link-item span {\n    font-size: 14px;\n    line-height: 20px;\n  }\n\n  .tip {\n    display: inline-block;\n    border-radius: 1em;\n    font-size: 11px;\n    line-height: 12px;\n    font-weight: 700;\n    background: #E7FDD8;\n    color: #66BF3C;\n    padding: 4px 12px;\n    margin-right: 10px;\n    vertical-align: top;\n  }\n\n  .tip-wrapper {\n    font-size: 13px;\n    line-height: 20px;\n    margin-top: 40px;\n    margin-bottom: 40px;\n  }\n\n  .tip-wrapper code {\n    font-size: 12px;\n    display: inline-block;\n  }\n\n  \n"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h1",{id:"elements-components"},"Elements Components"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("div",{className:"tip-wrapper"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("span",{className:"tip"},"Notice"),"This page is still in progress"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Hawa layout components are used as the foundation for Hawa blocks and can be used to organize and structure your web app."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Browse example stories now by navigating to them in the sidebar.\nView their code in the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"src/stories")," directory to learn how they work.\nWe recommend building UIs with a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("a",{parentName:"p",href:"https://componentdriven.org",target:"_blank",rel:"nofollow noopener noreferrer"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"a"},"component-driven"))," process starting with atomic components and ending with pages."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("div",{className:"subheading"},"Components"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("div",{className:"link-list"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("div",{onClick:Object(_storybook_addon_links__WEBPACK_IMPORTED_MODULE_7__.a)("Layout/Container"),className:"link-item"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h3",null,"Container"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("span",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",null,"Presets for popular tools"),"Easy setup for TypeScript, SCSS and more. a styled")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("div",{onClick:Object(_storybook_addon_links__WEBPACK_IMPORTED_MODULE_7__.a)("Layout/AppBar"),className:"link-item"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h3",null,"AppBar"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("span",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",null,"Presets for popular tools"),"Easy setup for TypeScript, SCSS and more.")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("div",{onClick:Object(_storybook_addon_links__WEBPACK_IMPORTED_MODULE_7__.a)("Layout/AppLayout"),className:"link-item"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h3",null,"AppLayout"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("span",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",null,"Presets for popular tools"),"Easy setup for TypeScript, SCSS and more.")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("div",{onClick:Object(_storybook_addon_links__WEBPACK_IMPORTED_MODULE_7__.a)("Layout/Dialog"),className:"link-item"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h3",null,"Dialog"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("span",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",null,"Presets for popular tools"),"Easy setup for TypeScript, SCSS and more.")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("div",{onClick:Object(_storybook_addon_links__WEBPACK_IMPORTED_MODULE_7__.a)("Layout/PopMenu"),className:"link-item"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h3",null,"PopMenu"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("span",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",null,"Presets for popular tools"),"Easy setup for TypeScript, SCSS and more."))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Elements/Elements Introduction",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/stories/ElementsStories/Accordian.stories.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Accordian",(function(){return Accordian}));__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _elements__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/elements/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Elements/Accordian",component:[_elements__WEBPACK_IMPORTED_MODULE_3__.d],parameters:{backgrounds:{default:"light",values:[{name:"light",value:"#96ACB7"}]}},argTypes:{title:{control:"text",description:"The title of the acordion"},content:{control:"text",description:"The content text of the accordion when expanded"}}};var Accordian=function Accordian(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.Fragment,{children:[{title:"Question 1",content:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget."},{title:"Question 2",content:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget."},{title:"Question 3",content:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget."}].map((function(c){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_elements__WEBPACK_IMPORTED_MODULE_3__.d,Object.assign({},args,{title:c.title,content:c.content}))}))})};Accordian.parameters=Object.assign({storySource:{source:'(args) => {\r\n  let contentArray = [\r\n    {\r\n      title: "Question 1",\r\n      content:\r\n        "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget."\r\n    },\r\n    {\r\n      title: "Question 2",\r\n      content:\r\n        "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget."\r\n    },\r\n    {\r\n      title: "Question 3",\r\n      content:\r\n        "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget."\r\n    }\r\n  ];\r\n  return (\r\n    <>\r\n      {contentArray.map((c) => (\r\n        <HawaAccordian {...args} title={c.title} content={c.content} />\r\n      ))}\r\n    </>\r\n  );\r\n}'}},Accordian.parameters),Accordian.__docgenInfo={description:"",methods:[],displayName:"Accordian"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\stories\\ElementsStories\\Accordian.stories.js"]={name:"Accordian",docgenInfo:Accordian.__docgenInfo,path:"src\\stories\\ElementsStories\\Accordian.stories.js"})},"./src/stories/ElementsStories/AdaptiveButton.stories.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"FullButton",(function(){return FullButton})),__webpack_require__.d(__webpack_exports__,"IconOnly",(function(){return IconOnly}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js");var _mui_icons_material_Class__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@mui/icons-material/Class.js"),_mui_icons_material_Class__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_mui_icons_material_Class__WEBPACK_IMPORTED_MODULE_2__),_elements__WEBPACK_IMPORTED_MODULE_4__=(__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./src/elements/index.js")),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Elements/Buttons/AdaptiveButton",component:_elements__WEBPACK_IMPORTED_MODULE_4__.a,argTypes:{buttonText:{control:"text",description:"The button text",table:{defaultValue:{summary:"Click"}}},showText:{control:"boolean",description:"Boolean to show or hide the text",table:{defaultValue:{summary:!0},type:{summary:"Use Case",detail:"Set this property to true in large screen and false on mobile"}}}},args:{buttonText:"Click"}};var Template=function Template(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_elements__WEBPACK_IMPORTED_MODULE_4__.a,Object.assign({},args))};Template.displayName="Template";var FullButton=Template.bind({});FullButton.args={showText:!0,icon:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_mui_icons_material_Class__WEBPACK_IMPORTED_MODULE_2___default.a,{})};var IconOnly=Template.bind({});IconOnly.args={showText:!1,icon:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_mui_icons_material_Class__WEBPACK_IMPORTED_MODULE_2___default.a,{}),buttonText:"test"},FullButton.parameters=Object.assign({storySource:{source:"(args) => {\r\n  return <AdaptiveButton {...args} />;\r\n}"}},FullButton.parameters),IconOnly.parameters=Object.assign({storySource:{source:"(args) => {\r\n  return <AdaptiveButton {...args} />;\r\n}"}},IconOnly.parameters)},"./src/stories/ElementsStories/Alert.stories.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Success",(function(){return Success})),__webpack_require__.d(__webpack_exports__,"Warning",(function(){return Warning})),__webpack_require__.d(__webpack_exports__,"Info",(function(){return Info})),__webpack_require__.d(__webpack_exports__,"Error",(function(){return Error}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/react/index.js");var _elements__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/elements/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Elements/Alert",component:_elements__WEBPACK_IMPORTED_MODULE_3__.e,argTypes:{title:{control:"text",description:"The title of the alert in bold"},text:{control:"text",description:"The content text of the alert"},severity:{control:"select",options:["success","info","warning","error"],description:"The content text of the alert"},hideIcon:{control:"boolean",description:"Show or hide the alert icon"}}};var Template=function Template(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_elements__WEBPACK_IMPORTED_MODULE_3__.e,Object.assign({},args))};Template.displayName="Template";var Success=Template.bind({});Success.args={title:"Success",text:"This is an alert indicating that there was a successful action",severity:"success"};var Warning=Template.bind({});Warning.args={title:"Warning",text:"This is an alert indicating that there was a warning action",severity:"warning"};var Info=Template.bind({});Info.args={title:"Info",text:"This is an alert indicating that there was a info action",severity:"info"};var Error=Template.bind({});Error.args={title:"Error",text:"This is an alert indicating that there was a error action",severity:"error"},Success.parameters=Object.assign({storySource:{source:"(args) => {\r\n  return <HawaAlert {...args} />;\r\n}"}},Success.parameters),Warning.parameters=Object.assign({storySource:{source:"(args) => {\r\n  return <HawaAlert {...args} />;\r\n}"}},Warning.parameters),Info.parameters=Object.assign({storySource:{source:"(args) => {\r\n  return <HawaAlert {...args} />;\r\n}"}},Info.parameters),Error.parameters=Object.assign({storySource:{source:"(args) => {\r\n  return <HawaAlert {...args} />;\r\n}"}},Error.parameters)},"./src/stories/ElementsStories/Controls.stories.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Range",(function(){return Range}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _elements__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/elements/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Elements/Range",component:[_elements__WEBPACK_IMPORTED_MODULE_2__.k]};var Range=function Range(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_elements__WEBPACK_IMPORTED_MODULE_2__.k,Object.assign({},args,{handleChange:function handleChange(e){return console.log("changign ",e.target.value)},startElement:0,endElement:100,style:{maxWidth:300}}))})};Range.parameters=Object.assign({storySource:{source:'(args) => {\r\n  return (\r\n    <>\r\n      <HawaRange\r\n        {...args}\r\n        handleChange={(e) => console.log("changign ", e.target.value)}\r\n        startElement={0}\r\n        endElement={100}\r\n        style={{ maxWidth: 300 }}\r\n      />\r\n    </>\r\n  );\r\n}'}},Range.parameters),Range.__docgenInfo={description:"",methods:[],displayName:"Range"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\stories\\ElementsStories\\Controls.stories.js"]={name:"Range",docgenInfo:Range.__docgenInfo,path:"src\\stories\\ElementsStories\\Controls.stories.js"})},"./src/stories/ElementsStories/Draggable.stories.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Draggable",(function(){return Draggable}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _elements__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/elements/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Elements/Draggable",component:[_elements__WEBPACK_IMPORTED_MODULE_2__.c]};var Draggable=function Draggable(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_elements__WEBPACK_IMPORTED_MODULE_2__.c,{maxWidth:500,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div",{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("h1",{children:"Title"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("p",{children:"Lorem ipsum dolor sit amet consectetur adipisicing elit. Nihil quasi praesentium, architecto neque voluptatibus laborum itaque sunt dicta quidem aliquam explicabo commodi. Libero aspernatur deleniti atque facere, perferendis quisquam dignissimos!"})]})})})};Draggable.parameters=Object.assign({storySource:{source:"(args) => {\r\n  return (\r\n    <>\r\n      <DraggableCard maxWidth={500}>\r\n        <div>\r\n          <h1>Title</h1>\r\n          <p>\r\n            Lorem ipsum dolor sit amet consectetur adipisicing elit. Nihil quasi\r\n            praesentium, architecto neque voluptatibus laborum itaque sunt dicta\r\n            quidem aliquam explicabo commodi. Libero aspernatur deleniti atque\r\n            facere, perferendis quisquam dignissimos!\r\n          </p>\r\n        </div>\r\n      </DraggableCard>\r\n    </>\r\n  );\r\n}"}},Draggable.parameters),Draggable.__docgenInfo={description:"",methods:[],displayName:"Draggable"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\stories\\ElementsStories\\Draggable.stories.js"]={name:"Draggable",docgenInfo:Draggable.__docgenInfo,path:"src\\stories\\ElementsStories\\Draggable.stories.js"})},"./src/stories/ElementsStories/HawaTable.stories.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"DataOnly",(function(){return DataOnly})),__webpack_require__.d(__webpack_exports__,"DataWithActions",(function(){return DataWithActions}));__webpack_require__("./node_modules/core-js/modules/es.date.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _elements__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/elements/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Elements/Table",component:_elements__WEBPACK_IMPORTED_MODULE_3__.p,argTypes:{columns:{control:"array",description:"An array of column names"},rows:{control:"array",description:"A array of arrays. Each array inside the main array is a single row"},lang:{control:"select",options:["ar","en"],description:"A array of arrays. Each array inside the main array is a single row"}},parameters:{backgrounds:{default:"light",values:[{name:"light",value:"#ECEBE4"}]}}};var DataOnly=function DataOnly(args){function randomDate(start,end){return new Date(start.getTime()+Math.random()*(end.getTime()-start.getTime()))}return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_elements__WEBPACK_IMPORTED_MODULE_3__.p,{lang:args.lang,columns:["Product","Price","Date"],noDataText:"No data",rows:[["Logo Design","1,200 SAR",randomDate(new Date(2012,0,1),new Date).toLocaleString()],["Website Design","1,500 SAR",randomDate(new Date(2012,0,1),new Date).toLocaleString()],["Website Development","900 SAR",randomDate(new Date(2012,0,1),new Date).toLocaleString()],["Hosting","200 SAR",randomDate(new Date(2012,0,1),new Date).toLocaleString()],["Social Media Management","700 SAR",randomDate(new Date(2012,0,1),new Date).toLocaleString()]]})};DataOnly.displayName="DataOnly";var DataWithActions=function DataWithActions(args){function randomDate(start,end){return new Date(start.getTime()+Math.random()*(end.getTime()-start.getTime()))}return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_elements__WEBPACK_IMPORTED_MODULE_3__.p,{actions:["view","edit","delete"],lang:args.lang,columns:["Product","Price","Date"],noDataText:"No data",rows:[["Logo Design","1,200 SAR",randomDate(new Date(2012,0,1),new Date).toLocaleString()],["Website Design","1,500 SAR",randomDate(new Date(2012,0,1),new Date).toLocaleString()],["Website Development","900 SAR",randomDate(new Date(2012,0,1),new Date).toLocaleString()],["Hosting","200 SAR",randomDate(new Date(2012,0,1),new Date).toLocaleString()],["Social Media Management","700 SAR",randomDate(new Date(2012,0,1),new Date).toLocaleString()]]})};DataWithActions.displayName="DataWithActions",DataOnly.parameters=Object.assign({storySource:{source:'(args) => {\r\n  function randomDate(start, end) {\r\n    return new Date(\r\n      start.getTime() + Math.random() * (end.getTime() - start.getTime())\r\n    );\r\n  }\r\n\r\n  return (\r\n    <HawaTable\r\n      lang={args.lang}\r\n      columns={["Product", "Price", "Date"]}\r\n      noDataText={"No data"}\r\n      rows={[\r\n        [\r\n          "Logo Design",\r\n          "1,200 SAR",\r\n          randomDate(new Date(2012, 0, 1), new Date()).toLocaleString()\r\n        ],\r\n        [\r\n          "Website Design",\r\n          "1,500 SAR",\r\n          randomDate(new Date(2012, 0, 1), new Date()).toLocaleString()\r\n        ],\r\n        [\r\n          "Website Development",\r\n          "900 SAR",\r\n          randomDate(new Date(2012, 0, 1), new Date()).toLocaleString()\r\n        ],\r\n        [\r\n          "Hosting",\r\n          "200 SAR",\r\n          randomDate(new Date(2012, 0, 1), new Date()).toLocaleString()\r\n        ],\r\n        [\r\n          "Social Media Management",\r\n          "700 SAR",\r\n          randomDate(new Date(2012, 0, 1), new Date()).toLocaleString()\r\n        ]\r\n      ]}\r\n    />\r\n  );\r\n}'}},DataOnly.parameters),DataWithActions.parameters=Object.assign({storySource:{source:'(args) => {\r\n  function randomDate(start, end) {\r\n    return new Date(\r\n      start.getTime() + Math.random() * (end.getTime() - start.getTime())\r\n    );\r\n  }\r\n\r\n  return (\r\n    <HawaTable\r\n      actions={["view", "edit", "delete"]}\r\n      lang={args.lang}\r\n      columns={["Product", "Price", "Date"]}\r\n      noDataText={"No data"}\r\n      rows={[\r\n        [\r\n          "Logo Design",\r\n          "1,200 SAR",\r\n          randomDate(new Date(2012, 0, 1), new Date()).toLocaleString()\r\n        ],\r\n        [\r\n          "Website Design",\r\n          "1,500 SAR",\r\n          randomDate(new Date(2012, 0, 1), new Date()).toLocaleString()\r\n        ],\r\n        [\r\n          "Website Development",\r\n          "900 SAR",\r\n          randomDate(new Date(2012, 0, 1), new Date()).toLocaleString()\r\n        ],\r\n        [\r\n          "Hosting",\r\n          "200 SAR",\r\n          randomDate(new Date(2012, 0, 1), new Date()).toLocaleString()\r\n        ],\r\n        [\r\n          "Social Media Management",\r\n          "700 SAR",\r\n          randomDate(new Date(2012, 0, 1), new Date()).toLocaleString()\r\n        ]\r\n      ]}\r\n    />\r\n  );\r\n}'}},DataWithActions.parameters),DataOnly.__docgenInfo={description:"",methods:[],displayName:"DataOnly"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\stories\\ElementsStories\\HawaTable.stories.js"]={name:"DataOnly",docgenInfo:DataOnly.__docgenInfo,path:"src\\stories\\ElementsStories\\HawaTable.stories.js"}),DataWithActions.__docgenInfo={description:"",methods:[],displayName:"DataWithActions"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\stories\\ElementsStories\\HawaTable.stories.js"]={name:"DataWithActions",docgenInfo:DataWithActions.__docgenInfo,path:"src\\stories\\ElementsStories\\HawaTable.stories.js"})},"./src/stories/ElementsStories/InputLabel.stories.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js");var _elements__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/elements/index.js");__webpack_exports__.default={title:"Components/InputLabel",component:[_elements__WEBPACK_IMPORTED_MODULE_1__.f],argTypes:{resize:{options:["vertical","horizontal","both"],control:{type:"radio"}}}}},"./src/stories/ElementsStories/ItemCard.stories.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Items",(function(){return Items}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _mui_icons_material__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mui/icons-material/esm/InboxOutlined.js"),_mui_icons_material__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@mui/icons-material/esm/BookmarkAdd.js"),_mui_icons_material__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@mui/icons-material/esm/Close.js"),_mui_material__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@mui/material/IconButton/IconButton.js"),_mui_material__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mui/material/Button/Button.js"),_elements__WEBPACK_IMPORTED_MODULE_7__=(__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./src/elements/index.js")),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Elements/Cards/Items",component:[_elements__WEBPACK_IMPORTED_MODULE_7__.g],argTypes:{lang:{options:["ar","en"],control:"select",description:"The language of the card"},header:{control:"object",description:"HTML elemnts as the card header, make sure to add e.stopPropagation() in buttons onClick function"},content:{control:"object",description:"HTML elements as the card content"},actions:{control:"object",description:"HTML elements as the card actions,, make sure to add e.stopPropagation() in buttons onClick function"},onCardClick:{control:"function",description:"A function triggered when the card is clicked"}},args:{lang:"en"}};var Items=function Items(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_elements__WEBPACK_IMPORTED_MODULE_7__.g,Object.assign({},args,{onCardClick:function onCardClick(){return console.log("card clicked")},headerActions:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_4__.a,{onClick:function onClick(e){e.stopPropagation(),console.log("clicking test")},size:"small",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_mui_icons_material__WEBPACK_IMPORTED_MODULE_1__.a,{fontSize:"small"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_4__.a,{onClick:function onClick(e){e.stopPropagation(),console.log("clicking test")},size:"small",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_mui_icons_material__WEBPACK_IMPORTED_MODULE_2__.a,{fontSize:"small"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_4__.a,{onClick:function onClick(e){e.stopPropagation(),console.log("clicking test")},size:"small",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_mui_icons_material__WEBPACK_IMPORTED_MODULE_3__.a,{fontSize:"small"})})]}),header:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("div",{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("h1",{children:"Menu"})}),content:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("div",{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("p",{children:"date here ere f"})}),actions:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_5__.a,{variant:"contained",onClick:function onClick(e){e.stopPropagation(),console.log("clicking test")},children:"TEST"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("div",{style:{width:5}}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_5__.a,{variant:"contained",onClick:function onClick(e){e.stopPropagation(),console.log("clicking tost")},children:"TEST"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("div",{style:{width:5}}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_elements__WEBPACK_IMPORTED_MODULE_7__.a,{buttonText:"Something",showText:!0,icon:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_mui_icons_material__WEBPACK_IMPORTED_MODULE_1__.a,{}),onClick:function onClick(e){e.stopPropagation(),console.log("clicking something")}})]})}))};Items.displayName="Items",Items.parameters=Object.assign({storySource:{source:'(args) => {\r\n  return (\r\n    <HawaItemCard\r\n      {...args}\r\n      onCardClick={() => console.log("card clicked")}\r\n      headerActions={\r\n        <>\r\n          <IconButton\r\n            onClick={(e) => {\r\n              e.stopPropagation();\r\n              console.log("clicking test");\r\n            }}\r\n            size="small"\r\n          >\r\n            <InboxOutlined fontSize="small" />\r\n          </IconButton>\r\n          <IconButton\r\n            onClick={(e) => {\r\n              e.stopPropagation();\r\n              console.log("clicking test");\r\n            }}\r\n            size="small"\r\n          >\r\n            <BookmarkAdd fontSize="small" />\r\n          </IconButton>\r\n          <IconButton\r\n            onClick={(e) => {\r\n              e.stopPropagation();\r\n              console.log("clicking test");\r\n            }}\r\n            size="small"\r\n          >\r\n            <Close fontSize="small" />\r\n          </IconButton>\r\n        </>\r\n      }\r\n      header={\r\n        <div>\r\n          <h1>Menu</h1>\r\n        </div>\r\n      }\r\n      content={\r\n        <div>\r\n          <p>date here ere f</p>\r\n        </div>\r\n      }\r\n      actions={\r\n        <>\r\n          <Button\r\n            variant="contained"\r\n            onClick={(e) => {\r\n              e.stopPropagation();\r\n              console.log("clicking test");\r\n            }}\r\n          >\r\n            TEST\r\n          </Button>\r\n          <div style={{ width: 5 }}></div>\r\n          <Button\r\n            variant="contained"\r\n            onClick={(e) => {\r\n              e.stopPropagation();\r\n              console.log("clicking tost");\r\n            }}\r\n          >\r\n            TEST\r\n          </Button>\r\n          <div style={{ width: 5 }}></div>\r\n          <AdaptiveButton\r\n            buttonText="Something"\r\n            showText={true}\r\n            icon={<InboxOutlined />}\r\n            onClick={(e) => {\r\n              e.stopPropagation();\r\n              console.log("clicking something");\r\n            }}\r\n          />\r\n        </>\r\n      }\r\n    />\r\n  );\r\n}'}},Items.parameters),Items.__docgenInfo={description:"",methods:[],displayName:"Items"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\stories\\ElementsStories\\ItemCard.stories.js"]={name:"Items",docgenInfo:Items.__docgenInfo,path:"src\\stories\\ElementsStories\\ItemCard.stories.js"})},"./src/stories/ElementsStories/LogoButtons.stories.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Google",(function(){return Google})),__webpack_require__.d(__webpack_exports__,"Twitter",(function(){return Twitter})),__webpack_require__.d(__webpack_exports__,"Github",(function(){return Github})),__webpack_require__.d(__webpack_exports__,"WalletPay",(function(){return WalletPay})),__webpack_require__.d(__webpack_exports__,"GooglePay",(function(){return GooglePay})),__webpack_require__.d(__webpack_exports__,"ApplePay",(function(){return ApplePay})),__webpack_require__.d(__webpack_exports__,"STCPay",(function(){return STCPay})),__webpack_require__.d(__webpack_exports__,"VisaMasterPay",(function(){return VisaMasterPay})),__webpack_require__.d(__webpack_exports__,"PayPal",(function(){return PayPal})),__webpack_require__.d(__webpack_exports__,"Mada",(function(){return Mada}));__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _mui_material_Container__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@mui/material/Container/Container.js"),_elements__WEBPACK_IMPORTED_MODULE_4__=(__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./src/elements/index.js")),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Elements/Buttons/LogoButtons",component:_elements__WEBPACK_IMPORTED_MODULE_4__.h,argTypes:{lang:{control:"boolean",description:"The text next to the logo"},buttonLabel:{control:"text",description:"The text next to the logo"},logo:{control:"select",options:["google","twitter","github","paypal","applepay","googlepay","stcpay","mada","visa/master"],description:"a brand name that will display the logo accordingly",table:{type:{summary:"Examples",detail:"google, twitter, github, paypal, applepay, googlepay"}}}}};var Template=function Template(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_mui_material_Container__WEBPACK_IMPORTED_MODULE_2__.a,{maxWidth:"xs",variant:"plain",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_elements__WEBPACK_IMPORTED_MODULE_4__.h,{lang:args.lang,logo:args.logo,buttonText:args.buttonLabel})})};Template.displayName="Template";var Google=Template.bind({});Google.args={buttonLabel:"Sign in via Google",logo:"google"};var Twitter=Template.bind({});Twitter.args={buttonLabel:"Sign in via Twitter",logo:"twitter"};var Github=Template.bind({});Github.args={buttonLabel:"Sign in via Github",logo:"github"};var WalletPay=Template.bind({});WalletPay.args={buttonLabel:"Pay with Wallet",logo:"wallet"};var GooglePay=Template.bind({});GooglePay.args={buttonLabel:"Google Pay",logo:"googlepay"};var ApplePay=Template.bind({});ApplePay.args={buttonLabel:"Apple Pay",logo:"applepay"};var STCPay=Template.bind({});STCPay.args={buttonLabel:"STC Pay",logo:"stcpay"};var VisaMasterPay=Template.bind({});VisaMasterPay.args={buttonLabel:"Visa / Mastercard",logo:"visa/master"};var PayPal=Template.bind({});PayPal.args={buttonLabel:"PayPal",logo:"paypal"};var Mada=Template.bind({});Mada.args={buttonLabel:"Mada",logo:"mada"},Google.parameters=Object.assign({storySource:{source:'(args) => {\r\n  return (\r\n    <Container maxWidth="xs" variant="plain">\r\n      <HawaLogoButton\r\n        lang={args.lang}\r\n        logo={args.logo}\r\n        buttonText={args.buttonLabel}\r\n      />\r\n    </Container>\r\n  );\r\n}'}},Google.parameters),Twitter.parameters=Object.assign({storySource:{source:'(args) => {\r\n  return (\r\n    <Container maxWidth="xs" variant="plain">\r\n      <HawaLogoButton\r\n        lang={args.lang}\r\n        logo={args.logo}\r\n        buttonText={args.buttonLabel}\r\n      />\r\n    </Container>\r\n  );\r\n}'}},Twitter.parameters),Github.parameters=Object.assign({storySource:{source:'(args) => {\r\n  return (\r\n    <Container maxWidth="xs" variant="plain">\r\n      <HawaLogoButton\r\n        lang={args.lang}\r\n        logo={args.logo}\r\n        buttonText={args.buttonLabel}\r\n      />\r\n    </Container>\r\n  );\r\n}'}},Github.parameters),WalletPay.parameters=Object.assign({storySource:{source:'(args) => {\r\n  return (\r\n    <Container maxWidth="xs" variant="plain">\r\n      <HawaLogoButton\r\n        lang={args.lang}\r\n        logo={args.logo}\r\n        buttonText={args.buttonLabel}\r\n      />\r\n    </Container>\r\n  );\r\n}'}},WalletPay.parameters),GooglePay.parameters=Object.assign({storySource:{source:'(args) => {\r\n  return (\r\n    <Container maxWidth="xs" variant="plain">\r\n      <HawaLogoButton\r\n        lang={args.lang}\r\n        logo={args.logo}\r\n        buttonText={args.buttonLabel}\r\n      />\r\n    </Container>\r\n  );\r\n}'}},GooglePay.parameters),ApplePay.parameters=Object.assign({storySource:{source:'(args) => {\r\n  return (\r\n    <Container maxWidth="xs" variant="plain">\r\n      <HawaLogoButton\r\n        lang={args.lang}\r\n        logo={args.logo}\r\n        buttonText={args.buttonLabel}\r\n      />\r\n    </Container>\r\n  );\r\n}'}},ApplePay.parameters),STCPay.parameters=Object.assign({storySource:{source:'(args) => {\r\n  return (\r\n    <Container maxWidth="xs" variant="plain">\r\n      <HawaLogoButton\r\n        lang={args.lang}\r\n        logo={args.logo}\r\n        buttonText={args.buttonLabel}\r\n      />\r\n    </Container>\r\n  );\r\n}'}},STCPay.parameters),VisaMasterPay.parameters=Object.assign({storySource:{source:'(args) => {\r\n  return (\r\n    <Container maxWidth="xs" variant="plain">\r\n      <HawaLogoButton\r\n        lang={args.lang}\r\n        logo={args.logo}\r\n        buttonText={args.buttonLabel}\r\n      />\r\n    </Container>\r\n  );\r\n}'}},VisaMasterPay.parameters),PayPal.parameters=Object.assign({storySource:{source:'(args) => {\r\n  return (\r\n    <Container maxWidth="xs" variant="plain">\r\n      <HawaLogoButton\r\n        lang={args.lang}\r\n        logo={args.logo}\r\n        buttonText={args.buttonLabel}\r\n      />\r\n    </Container>\r\n  );\r\n}'}},PayPal.parameters),Mada.parameters=Object.assign({storySource:{source:'(args) => {\r\n  return (\r\n    <Container maxWidth="xs" variant="plain">\r\n      <HawaLogoButton\r\n        lang={args.lang}\r\n        logo={args.logo}\r\n        buttonText={args.buttonLabel}\r\n      />\r\n    </Container>\r\n  );\r\n}'}},Mada.parameters)},"./src/stories/ElementsStories/PopMenu.stories.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"PopMenu",(function(){return PopMenu}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var _mui_material_Button__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/@mui/material/Button/Button.js"),react__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/react/index.js"),_elements_HawaPopMenu__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./src/elements/HawaPopMenu.js"),_mui_icons_material__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./node_modules/@mui/icons-material/esm/Person.js"),_mui_icons_material__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/@mui/icons-material/esm/BookOnline.js"),_mui_icons_material__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./node_modules/@mui/icons-material/esm/AccessAlarms.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./node_modules/react/jsx-runtime.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}__webpack_exports__.default={title:"Elements/PopMenu",component:[_elements_HawaPopMenu__WEBPACK_IMPORTED_MODULE_14__.a],argTypes:{title:{control:"text",description:"The title of the dialog"},children:{control:"object",description:"The children element that will be contained by the dialog component"},actions:{control:"object",description:"HTML elements that will act as the dialog actions. Preferebly use buttons"},hideClose:{control:"boolean",description:"A boolean to hide the X icon",table:{defaultValue:{summary:!0}}}}};var PopMenu=function PopMenu(args){var _useState2=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_13__.useState)(null),2),anchorElUser=_useState2[0],setAnchorElUser=_useState2[1];return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_mui_material_Button__WEBPACK_IMPORTED_MODULE_12__.a,{variant:"contained",onClick:function onClick(e){return setAnchorElUser(e.currentTarget)},children:"Open Menu"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_elements_HawaPopMenu__WEBPACK_IMPORTED_MODULE_14__.a,{anchor:anchorElUser,handleClose:function handleClose(e){return setAnchorElUser(null)},menuItems:[{icon:_mui_icons_material__WEBPACK_IMPORTED_MODULE_15__.a,label:"test1",action:function action(){return console.log("going to test1")}},{icon:_mui_icons_material__WEBPACK_IMPORTED_MODULE_16__.a,label:"test2",action:function action(){return console.log("going to test2")}},{icon:_mui_icons_material__WEBPACK_IMPORTED_MODULE_17__.a,label:"test3",action:function action(){return console.log("going to test3")}}]})]})};PopMenu.parameters=Object.assign({storySource:{source:'(args) => {\r\n  const [anchorElUser, setAnchorElUser] = useState(null);\r\n\r\n  return (\r\n    <>\r\n      <Button\r\n        variant="contained"\r\n        onClick={(e) => setAnchorElUser(e.currentTarget)}\r\n      >\r\n        Open Menu\r\n      </Button>\r\n      <HawaPopMenu\r\n        anchor={anchorElUser}\r\n        handleClose={(e) => setAnchorElUser(null)}\r\n        menuItems={[\r\n          {\r\n            icon: Person,\r\n            label: "test1",\r\n            action: () => console.log("going to test1")\r\n          },\r\n          {\r\n            icon: BookOnline,\r\n            label: "test2",\r\n            action: () => console.log("going to test2")\r\n          },\r\n          {\r\n            icon: AccessAlarms,\r\n            label: "test3",\r\n            action: () => console.log("going to test3")\r\n          }\r\n        ]}\r\n      />\r\n    </>\r\n  );\r\n}'}},PopMenu.parameters),PopMenu.__docgenInfo={description:"",methods:[],displayName:"PopMenu"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\stories\\ElementsStories\\PopMenu.stories.js"]={name:"PopMenu",docgenInfo:PopMenu.__docgenInfo,path:"src\\stories\\ElementsStories\\PopMenu.stories.js"})},"./src/stories/ElementsStories/PricingCard.stories.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"LTR",(function(){return LTR})),__webpack_require__.d(__webpack_exports__,"RTL",(function(){return RTL}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _elements__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/elements/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Elements/Cards/Pricing",component:[_elements__WEBPACK_IMPORTED_MODULE_2__.i],argTypes:{title:{control:"text",description:"The title of the pricing package"},subtitle:{control:"text",description:"The subtitle of the pricing package"},price:{control:"number",description:"The price of the pricing package"},currency:{control:"select",description:"The currency of the price",options:["sar","usd"]},cycleText:{control:"text",description:"The cycle period of the payment",table:{type:{summary:"Examples",detail:"Monthly, Annually, Quarterly, Every 3 Months, Every 6 Months"}}},features:{control:"array",description:"An Array of strings for the package features"},buttonText:{control:"text",description:"The text of the button"}}};var LTR=function LTR(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_elements__WEBPACK_IMPORTED_MODULE_2__.i,{lang:"en",title:"Pro",subtitle:"For small businesses",price:"300",currency:"sar",cycleText:"monthly",buttonText:"Choose Plan",discount:"Save 10%",features:["Unlimited Menus","Unlimited Items","Custom Handle"]})};LTR.displayName="LTR";var RTL=function RTL(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_elements__WEBPACK_IMPORTED_MODULE_2__.i,Object.assign({lang:"ar",cycleText:"monthly",features_ar:["قوائم لا محدودة","عناصر لا محدودة","أسم مخصص"]},args))};RTL.displayName="RTL",RTL.args={currency:"sar",price:300,discount:"خصم 10%",title_ar:"الإحترافي",subtitle_ar:"للمنشئات الصغيرة",buttonText:"إختر الباقة",cycleText:"3-months"},LTR.parameters=Object.assign({storySource:{source:'(args) => {\r\n  return (\r\n    <HawaPricingCard\r\n      lang="en"\r\n      title="Pro"\r\n      subtitle="For small businesses"\r\n      price="300"\r\n      currency="sar"\r\n      cycleText="monthly"\r\n      buttonText="Choose Plan"\r\n      discount="Save 10%"\r\n      features={["Unlimited Menus", "Unlimited Items", "Custom Handle"]}\r\n    />\r\n  );\r\n}'}},LTR.parameters),RTL.parameters=Object.assign({storySource:{source:'(args) => {\r\n  return (\r\n    <HawaPricingCard\r\n      lang="ar"\r\n      cycleText="monthly"\r\n      features_ar={["قوائم لا محدودة", "عناصر لا محدودة", "أسم مخصص"]}\r\n      {...args}\r\n    />\r\n  );\r\n}'}},RTL.parameters),LTR.__docgenInfo={description:"",methods:[],displayName:"LTR"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\stories\\ElementsStories\\PricingCard.stories.js"]={name:"LTR",docgenInfo:LTR.__docgenInfo,path:"src\\stories\\ElementsStories\\PricingCard.stories.js"}),RTL.__docgenInfo={description:"",methods:[],displayName:"RTL"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\stories\\ElementsStories\\PricingCard.stories.js"]={name:"RTL",docgenInfo:RTL.__docgenInfo,path:"src\\stories\\ElementsStories\\PricingCard.stories.js"})},"./src/stories/ElementsStories/RadioSelector.stories.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"PanelTabs",(function(){return PanelTabs}));__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _elements__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/elements/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Elements/Selections/Panel Tabs",component:[_elements__WEBPACK_IMPORTED_MODULE_4__.j],argTypes:{options:{control:"array",description:"An array of objects containing the option label and value",table:{type:{summary:"Object Example",detail:"{label: 'Option 1', value: 'option1'}"}}},handleChange:{action:"Tab Changed",description:"The function to change the defaultValue of the options tab"},defaultValue:{control:"string",description:"The string of the current selected option"}},args:{options:3}};var PanelTabs=function PanelTabs(args){var allOptions=Array.from({length:args.options},(function(v,i){return{label:"Option "+i,value:"option"+i}}));return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_elements__WEBPACK_IMPORTED_MODULE_4__.j,Object.assign({},args,{defaultValue:"option1",options:allOptions}))};PanelTabs.displayName="PanelTabs",PanelTabs.parameters=Object.assign({storySource:{source:'(args) => {\r\n  let allOptions = Array.from({ length: args.options }, (v, i) => {\r\n    return { label: `Option ${i}`, value: `option${i}` };\r\n  });\r\n  return (\r\n    <HawaRadio\r\n      {...args}\r\n      // handleChange={(e) => console.log("changing to ", e)}\r\n      defaultValue="option1"\r\n      options={allOptions}\r\n    />\r\n  );\r\n}'}},PanelTabs.parameters),PanelTabs.__docgenInfo={description:"",methods:[],displayName:"PanelTabs"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\stories\\ElementsStories\\RadioSelector.stories.js"]={name:"PanelTabs",docgenInfo:PanelTabs.__docgenInfo,path:"src\\stories\\ElementsStories\\RadioSelector.stories.js"})},"./src/stories/ElementsStories/Search.stories.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Search",(function(){return Search}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _elements__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/elements/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Elements/Search",component:[_elements__WEBPACK_IMPORTED_MODULE_2__.l],parameters:{backgrounds:{default:"light",values:[{name:"light",value:"#96ACB7"}]}},argTypes:{options:{control:"array",description:"An array of objects containing the option label and value",table:{type:{summary:"Object Example",detail:"{label: 'Option 1', value: 'option1'}"}}},handleChange:{control:"function",description:"The function to change the defaultValue of the options tab"},defaultValue:{control:"string",description:"The string of the current selected option"}},args:{options:3}};var Search=function Search(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_elements__WEBPACK_IMPORTED_MODULE_2__.l,Object.assign({},args,{placeholder:"Search",onChange:function onChange(e){return console.log(e.target.value)}}))};Search.displayName="Search",Search.parameters=Object.assign({storySource:{source:'(args) => {\r\n  return (\r\n    <HawaSearchBar\r\n      {...args}\r\n      placeholder="Search"\r\n      onChange={(e) => console.log(e.target.value)}\r\n    />\r\n  );\r\n}'}},Search.parameters),Search.__docgenInfo={description:"",methods:[],displayName:"Search"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\stories\\ElementsStories\\Search.stories.js"]={name:"Search",docgenInfo:Search.__docgenInfo,path:"src\\stories\\ElementsStories\\Search.stories.js"})},"./src/stories/ElementsStories/SettingsRow.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Template})),__webpack_require__.d(__webpack_exports__,"CheckboxSettings",(function(){return CheckboxSettings})),__webpack_require__.d(__webpack_exports__,"TextSettings",(function(){return TextSettings})),__webpack_require__.d(__webpack_exports__,"RangeSettings",(function(){return RangeSettings})),__webpack_require__.d(__webpack_exports__,"BooleanSettings",(function(){return BooleanSettings})),__webpack_require__.d(__webpack_exports__,"RadioSettings",(function(){return RadioSettings})),__webpack_require__.d(__webpack_exports__,"ColorSettings",(function(){return ColorSettings})),__webpack_require__.d(__webpack_exports__,"checkboxSettings",(function(){return checkboxSettings})),__webpack_require__.d(__webpack_exports__,"textSettings",(function(){return textSettings})),__webpack_require__.d(__webpack_exports__,"booleanSettings",(function(){return booleanSettings})),__webpack_require__.d(__webpack_exports__,"rangeSettings",(function(){return rangeSettings})),__webpack_require__.d(__webpack_exports__,"radioSettings",(function(){return radioSettings})),__webpack_require__.d(__webpack_exports__,"colorSettings",(function(){return colorSettings}));__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./node_modules/react/index.js"),_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_elements__WEBPACK_IMPORTED_MODULE_19__=(__webpack_require__("./node_modules/@storybook/addon-links/dist/esm/index.js"),__webpack_require__("./src/elements/index.js")),_excluded=["components"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}var Template=function Template(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_elements__WEBPACK_IMPORTED_MODULE_19__.n,_extends({},args,{mdxType:"HawaSettingsRow"}))};Template.displayName="Template";var CheckboxSettings=function CheckboxSettings(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_elements__WEBPACK_IMPORTED_MODULE_19__.n,_extends({},args,{mdxType:"HawaSettingsRow"}))};CheckboxSettings.displayName="CheckboxSettings";var TextSettings=function TextSettings(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_elements__WEBPACK_IMPORTED_MODULE_19__.n,_extends({},args,{mdxType:"HawaSettingsRow"}))};TextSettings.displayName="TextSettings";var RangeSettings=function RangeSettings(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_elements__WEBPACK_IMPORTED_MODULE_19__.n,_extends({},args,{mdxType:"HawaSettingsRow"}))};RangeSettings.displayName="RangeSettings";var BooleanSettings=function BooleanSettings(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_elements__WEBPACK_IMPORTED_MODULE_19__.n,_extends({},args,{mdxType:"HawaSettingsRow"}))};BooleanSettings.displayName="BooleanSettings";var RadioSettings=function RadioSettings(args){var allOptions=Array.from({length:args.options},(function(v,i){return{label:"Option "+i,value:"option"+i}}));return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_elements__WEBPACK_IMPORTED_MODULE_19__.n,{settingsType:"radio",settingsLabel:args.settingsLabel,handleChange:function handleChange(e){return console.log("changing to ",e)},defaultValue:"option1",options:allOptions,mdxType:"HawaSettingsRow"})};RadioSettings.displayName="RadioSettings";var ColorSettings=function ColorSettings(args){var _useState2=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_15__.useState)("#f0f049"),2),currentColor=_useState2[0],setCurrentColor=_useState2[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_elements__WEBPACK_IMPORTED_MODULE_19__.n,{settingsType:"color",settingsLabel:args.settingsLabel,handleChange:function handleChange(e){setCurrentColor(e.target.value),console.log("changing to ",e.target.value)},color:currentColor,mdxType:"HawaSettingsRow"})};ColorSettings.displayName="ColorSettings";var layoutProps={Template:Template};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.c,{title:"Elements/SettingsRow",mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("style",null,"\n  .subheading {\n    --mediumdark: '#999999';\n    font-weight: 900;\n    font-size: 13px;\n    color: #999;\n    letter-spacing: 6px;\n    line-height: 24px;\n    text-transform: uppercase;\n    margin-bottom: 12px;\n    margin-top: 40px;\n  }\n\n  .link-list {\n    display: grid;\n    grid-template-columns: 1fr;\n    grid-template-rows: 1fr 1fr;\n    row-gap: 10px;\n  }\n\n  @media (min-width: 620px) {\n    .link-list {\n      row-gap: 20px;\n      column-gap: 20px;\n      grid-template-columns: 1fr 1fr;\n    }\n  }\n\n  @media all and (-ms-high-contrast:none) {\n  .link-list {\n      display: -ms-grid;\n      -ms-grid-columns: 1fr 1fr;\n      -ms-grid-rows: 1fr 1fr;\n    }\n  }\n\n  .link-item {\n    cursor:pointer;\n    display: block;\n    padding: 20px 30px 20px 15px;\n    border: 1px solid #00000010;\n    border-radius: 5px;\n    transition: background 150ms ease-out, border 150ms ease-out, transform 150ms ease-out;\n    color: #333333;\n    display: flex;\n    flex-direction:column;\n    align-items: flex-start;\n  }\n\n  .link-item:hover {\n    border-color: #1EA7FD50;\n    transform: translate3d(0, -3px, 0);\n    box-shadow: rgba(0, 0, 0, 0.08) 0 3px 10px 0;\n  }\n\n  .link-item:active {\n    border-color: #1EA7FD;\n    transform: translate3d(0, 0, 0);\n  }\n\n  .link-item strong {\n    font-weight: 700;\n    display: block;\n    margin-bottom: 2px;\n  }\n  \n  .link-item img {\n    height: 40px;\n    width: 40px;\n    margin-right: 15px;\n    flex: none;\n  }\n\n  .link-item span {\n    font-size: 14px;\n    line-height: 20px;\n  }\n\n  .tip {\n    display: inline-block;\n    border-radius: 1em;\n    font-size: 11px;\n    line-height: 12px;\n    font-weight: 700;\n    background: #E7FDD8;\n    color: #66BF3C;\n    padding: 4px 12px;\n    margin-right: 10px;\n    vertical-align: top;\n  }\n\n  .tip-wrapper {\n    font-size: 13px;\n    line-height: 20px;\n    margin-top: 40px;\n    margin-bottom: 40px;\n  }\n\n  .tip-wrapper code {\n    font-size: 12px;\n    display: inline-block;\n  }\n\n    table {\n        width: 100%;\n    }\n  \n"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("h1",{id:"settingsrow"},"SettingsRow"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("p",null,"This component is used to put together any settings blocks for any purpose. It can be seen in ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("a",{parentName:"p",href:"?path=/docs/blocks-account-user-settings--user-settings"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("inlineCode",{parentName:"a"},"UserSettingsForm"))," component."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("p",null,"All computations are handled inside the components and the final value can be used with ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("inlineCode",{parentName:"p"},"handleChange")," function"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("h2",{id:"props"},"Props"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("table",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("thead",{parentName:"table"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("tr",{parentName:"thead"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("th",{parentName:"tr",align:"left"},"Property"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("th",{parentName:"tr",align:"left"},"Type"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("th",{parentName:"tr",align:"left"},"Required"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("th",{parentName:"tr",align:"left"},"Description"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("tbody",{parentName:"table"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("tr",{parentName:"tbody"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("td",{parentName:"tr",align:"left"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("inlineCode",{parentName:"td"},"settingsType")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("td",{parentName:"tr",align:"left"},"string"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("td",{parentName:"tr",align:"left"},"true"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("td",{parentName:"tr",align:"left"},"One of the following options: ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("inlineCode",{parentName:"td"},"checkbox"),", ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("inlineCode",{parentName:"td"},"text"),",",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("inlineCode",{parentName:"td"},"radio")," ,",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("inlineCode",{parentName:"td"},"color"),",",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("inlineCode",{parentName:"td"},"boolean"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("tr",{parentName:"tbody"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("td",{parentName:"tr",align:"left"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("inlineCode",{parentName:"td"},"settingsLabel")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("td",{parentName:"tr",align:"left"},"string"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("td",{parentName:"tr",align:"left"},"true"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("td",{parentName:"tr",align:"left"},"The title of the settings row")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("tr",{parentName:"tbody"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("td",{parentName:"tr",align:"left"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("inlineCode",{parentName:"td"},"defaultValue")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("td",{parentName:"tr",align:"left"},"string"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("td",{parentName:"tr",align:"left"},"false"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("td",{parentName:"tr",align:"left"},"The default value of the settings row")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("tr",{parentName:"tbody"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("td",{parentName:"tr",align:"left"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("inlineCode",{parentName:"td"},"handleChange")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("td",{parentName:"tr",align:"left"},"function"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("td",{parentName:"tr",align:"left"},"false"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("td",{parentName:"tr",align:"left"},"The function to handle the change of the settings")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("tr",{parentName:"tbody"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("td",{parentName:"tr",align:"left"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("inlineCode",{parentName:"td"},"options")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("td",{parentName:"tr",align:"left"},"function"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("td",{parentName:"tr",align:"left"},"true (for radio settingsType)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("td",{parentName:"tr",align:"left"},"an array of options in this format ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("inlineCode",{parentName:"td"},"{label: 'Option 1', value:'option1'}"))))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("h2",{id:"types"},"Types"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("p",null,"The ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("inlineCode",{parentName:"p"},"HawaSettingsRow")," component requires the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("inlineCode",{parentName:"p"},"settingsType")," prop that will determine the type of settings row"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("h3",{id:"checkbox"},"Checkbox"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.b,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.d,{name:"Checkbox Settings",args:{settingsLabel:"Checkbox Settings",settingsType:"checkbox"},mdxType:"Story"},CheckboxSettings.bind({}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("h3",{id:"text"},"Text"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.b,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.d,{name:"Text Settings",args:{settingsLabel:"Text Settings",settingsType:"text",placeholder:"Text here"},mdxType:"Story"},TextSettings.bind({}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("h3",{id:"boolean"},"Boolean"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.b,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.d,{name:"Boolean Settings",args:{settingsLabel:"Boolean Settings",settingsType:"boolean"},mdxType:"Story"},BooleanSettings.bind({}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("h3",{id:"range"},"Range"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.b,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.d,{name:"Range Settings",args:{settingsLabel:"Range Settings",settingsType:"range",endElement:100,startElement:0},mdxType:"Story"},BooleanSettings.bind({}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("h3",{id:"radio"},"Radio"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("p",null,"This type requires the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("inlineCode",{parentName:"p"},"options")," prop"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.b,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.d,{name:"Radio Settings",args:{settingsLabel:"Text Settings",settingsType:"radio",options:3},mdxType:"Story"},RadioSettings.bind({}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("h3",{id:"color"},"Color"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.b,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.d,{name:"Color Settings",args:{settingsLabel:"Color Settings",settingsType:"color"},mdxType:"Story"},ColorSettings.bind({}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("div",{className:"tip-wrapper"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("span",{className:"tip"},"Notice"),"This page is still in progress"))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var checkboxSettings=CheckboxSettings.bind({});checkboxSettings.storyName="Checkbox Settings",checkboxSettings.args={settingsLabel:"Checkbox Settings",settingsType:"checkbox"},checkboxSettings.parameters={storySource:{source:"CheckboxSettings.bind({})"}};var textSettings=TextSettings.bind({});textSettings.storyName="Text Settings",textSettings.args={settingsLabel:"Text Settings",settingsType:"text",placeholder:"Text here"},textSettings.parameters={storySource:{source:"TextSettings.bind({})"}};var booleanSettings=BooleanSettings.bind({});booleanSettings.storyName="Boolean Settings",booleanSettings.args={settingsLabel:"Boolean Settings",settingsType:"boolean"},booleanSettings.parameters={storySource:{source:"BooleanSettings.bind({})"}};var rangeSettings=BooleanSettings.bind({});rangeSettings.storyName="Range Settings",rangeSettings.args={settingsLabel:"Range Settings",settingsType:"range",endElement:100,startElement:0},rangeSettings.parameters={storySource:{source:"BooleanSettings.bind({})"}};var radioSettings=RadioSettings.bind({});radioSettings.storyName="Radio Settings",radioSettings.args={settingsLabel:"Text Settings",settingsType:"radio",options:3},radioSettings.parameters={storySource:{source:"RadioSettings.bind({})"}};var colorSettings=ColorSettings.bind({});colorSettings.storyName="Color Settings",colorSettings.args={settingsLabel:"Color Settings",settingsType:"color"},colorSettings.parameters={storySource:{source:"ColorSettings.bind({})"}};var componentMeta={title:"Elements/SettingsRow",includeStories:["checkboxSettings","textSettings","booleanSettings","rangeSettings","radioSettings","colorSettings"]},mdxStoryNameToKey={"Checkbox Settings":"checkboxSettings","Text Settings":"textSettings","Boolean Settings":"booleanSettings","Range Settings":"rangeSettings","Radio Settings":"radioSettings","Color Settings":"colorSettings"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/stories/ElementsStories/Snackbar.stories.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Success",(function(){return Success})),__webpack_require__.d(__webpack_exports__,"Warning",(function(){return Warning})),__webpack_require__.d(__webpack_exports__,"Info",(function(){return Info})),__webpack_require__.d(__webpack_exports__,"Error",(function(){return Error}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/react/index.js");var _elements__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/elements/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Elements/Snackbar",component:[_elements__WEBPACK_IMPORTED_MODULE_3__.o],argTypes:{title:{control:"text",description:"The title of the notifications, leave empty to disable"},text:{control:"text",description:"The text of the notification banner"}}};var Template=function Template(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_elements__WEBPACK_IMPORTED_MODULE_3__.o,Object.assign({},args,{open:!0,handleClose:function handleClose(){return console.log("test")}}))};Template.displayName="Template";var Success=Template.bind({});Success.args={title:"Success",text:"This is an alert indicating that there was a successful action",severity:"success"};var Warning=Template.bind({});Warning.args={title:"Warning",text:"This is an alert indicating that there was a warning action",severity:"warning"};var Info=Template.bind({});Info.args={title:"Info",text:"This is an alert indicating that there was a info action",severity:"info"};var Error=Template.bind({});Error.args={title:"Offline",text:"This is an alert indicating that there was a error action",severity:"error"},Success.parameters=Object.assign({storySource:{source:'(args) => (\r\n  <HawaSnackbar {...args} open={true} handleClose={() => console.log("test")} />\r\n)'}},Success.parameters),Warning.parameters=Object.assign({storySource:{source:'(args) => (\r\n  <HawaSnackbar {...args} open={true} handleClose={() => console.log("test")} />\r\n)'}},Warning.parameters),Info.parameters=Object.assign({storySource:{source:'(args) => (\r\n  <HawaSnackbar {...args} open={true} handleClose={() => console.log("test")} />\r\n)'}},Info.parameters),Error.parameters=Object.assign({storySource:{source:'(args) => (\r\n  <HawaSnackbar {...args} open={true} handleClose={() => console.log("test")} />\r\n)'}},Error.parameters)},"./src/stories/ElementsStories/TextField.stories.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"InputField",(function(){return InputField})),__webpack_require__.d(__webpack_exports__,"TextArea",(function(){return TextArea}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _elements__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/elements/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Elements/TextFields",component:[_elements__WEBPACK_IMPORTED_MODULE_2__.r,_elements__WEBPACK_IMPORTED_MODULE_2__.q],parameters:{backgrounds:{default:"light",values:[{name:"light",value:"#ECEBE4"}]}},argsTypes:{type:{name:"type",type:{name:"string",required:!0},options:["text","number","date"],control:{type:"radio"},defaultValue:"text",description:"Styled Text Field",table:{type:{summary:"string"},defaultValue:{summary:"Hello"}}}}};var InputField=function InputField(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_elements__WEBPACK_IMPORTED_MODULE_2__.r,Object.assign({},args))};InputField.displayName="InputField",InputField.args={label:"Label test",helperText:"something invalid",placeholder:"input placeholder",type:"text",fullWidth:!1};var TextArea=function TextArea(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_elements__WEBPACK_IMPORTED_MODULE_2__.r,Object.assign({multiline:!0},args))};TextArea.displayName="TextArea",TextArea.args={label:"Label test",helperText:"something invalid",placeholder:"input placeholder",type:"text",fullWidth:!1},InputField.parameters=Object.assign({storySource:{source:"(args) => {\r\n  return <HawaTextField {...args} />;\r\n}"}},InputField.parameters),TextArea.parameters=Object.assign({storySource:{source:"(args) => {\r\n  return <HawaTextField multiline {...args} />;\r\n}"}},TextArea.parameters),InputField.__docgenInfo={description:"",methods:[],displayName:"InputField"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\stories\\ElementsStories\\TextField.stories.js"]={name:"InputField",docgenInfo:InputField.__docgenInfo,path:"src\\stories\\ElementsStories\\TextField.stories.js"}),TextArea.__docgenInfo={description:"",methods:[],displayName:"TextArea"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\stories\\ElementsStories\\TextField.stories.js"]={name:"TextArea",docgenInfo:TextArea.__docgenInfo,path:"src\\stories\\ElementsStories\\TextField.stories.js"})},"./src/stories/ElementsStories/UploadFiles.stories.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"DragAndDropFiles",(function(){return DragAndDropFiles}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var _mui_material__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/@mui/material/Container/Container.js"),react__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/react/index.js"),_elements__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./src/elements/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./node_modules/react/jsx-runtime.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}__webpack_exports__.default={title:"Elements/DragAndDropFiles",component:[_elements__WEBPACK_IMPORTED_MODULE_14__.b]};var DragAndDropFiles=function DragAndDropFiles(args){var _useState2=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_13__.useState)([]),2),uploadedFiles=_useState2[0],setUploadedFiles=_useState2[1];return console.log("files are ",uploadedFiles),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_12__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(_elements__WEBPACK_IMPORTED_MODULE_14__.b,{setFiles:function setFiles(e){return setUploadedFiles(e)},files:uploadedFiles,maxFiles:10,texts:{tooManyFiles:"Too many files"}})})};DragAndDropFiles.displayName="DragAndDropFiles",DragAndDropFiles.parameters=Object.assign({storySource:{source:'(args) => {\r\n  const [uploadedFiles, setUploadedFiles] = useState([]);\r\n  console.log("files are ", uploadedFiles);\r\n  return (\r\n    <Container>\r\n      <DragDropImages\r\n        setFiles={(e) => setUploadedFiles(e)}\r\n        files={uploadedFiles}\r\n        maxFiles={10}\r\n        texts={{\r\n          tooManyFiles: "Too many files"\r\n        }}\r\n      />\r\n    </Container>\r\n  );\r\n}'}},DragAndDropFiles.parameters),DragAndDropFiles.__docgenInfo={description:"",methods:[],displayName:"DragAndDropFiles"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\stories\\ElementsStories\\UploadFiles.stories.js"]={name:"DragAndDropFiles",docgenInfo:DragAndDropFiles.__docgenInfo,path:"src\\stories\\ElementsStories\\UploadFiles.stories.js"})},"./src/stories/GettingStarted.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__),_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=(__webpack_require__("./node_modules/@storybook/addon-links/dist/esm/index.js"),["components"]);function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.c,{title:"Getting Started",mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("style",null,"\n  .subheading {\n    --mediumdark: '#999999';\n    font-weight: 900;\n    font-size: 13px;\n    color: #999;\n    letter-spacing: 6px;\n    line-height: 24px;\n    text-transform: uppercase;\n    margin-bottom: 12px;\n    margin-top: 40px;\n  }\n\n  .link-list {\n    display: grid;\n    grid-template-columns: 1fr;\n    grid-template-rows: 1fr 1fr;\n    row-gap: 10px;\n  }\n\n  @media (min-width: 620px) {\n    .link-list {\n      row-gap: 20px;\n      column-gap: 20px;\n      grid-template-columns: 1fr 1fr;\n    }\n  }\n\n  @media all and (-ms-high-contrast:none) {\n  .link-list {\n      display: -ms-grid;\n      -ms-grid-columns: 1fr 1fr;\n      -ms-grid-rows: 1fr 1fr;\n    }\n  }\n\n  .link-item {\n    cursor:pointer;\n    display: block;\n    padding: 20px 30px 20px 15px;\n    border: 1px solid #00000010;\n    border-radius: 5px;\n    transition: background 150ms ease-out, border 150ms ease-out, transform 150ms ease-out;\n    color: #333333;\n    display: flex;\n    flex-direction:column;\n    align-items: flex-start;\n  }\n\n  .link-item:hover {\n    border-color: #1EA7FD50;\n    transform: translate3d(0, -3px, 0);\n    box-shadow: rgba(0, 0, 0, 0.08) 0 3px 10px 0;\n  }\n\n  .link-item:active {\n    border-color: #1EA7FD;\n    transform: translate3d(0, 0, 0);\n  }\n\n  .link-item strong {\n    font-weight: 700;\n    display: block;\n    margin-bottom: 2px;\n  }\n  \n  .link-item img {\n    height: 40px;\n    width: 40px;\n    margin-right: 15px;\n    flex: none;\n  }\n\n  .link-item span {\n    font-size: 14px;\n    line-height: 20px;\n  }\n\n  .tip {\n    display: inline-block;\n    border-radius: 1em;\n    font-size: 11px;\n    line-height: 12px;\n    font-weight: 700;\n    background: #E7FDD8;\n    color: #66BF3C;\n    padding: 4px 12px;\n    margin-right: 10px;\n    vertical-align: top;\n  }\n\n  .tip-wrapper {\n    font-size: 13px;\n    line-height: 20px;\n    margin-top: 40px;\n    margin-bottom: 40px;\n  }\n  \n"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h1",{id:"getting-starter"},"Getting Starter"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("div",{className:"tip-wrapper"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("span",{className:"tip"},"Notice"),"This page is still in progress"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",{id:"install-package"},"Install Package"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(react__WEBPACK_IMPORTED_MODULE_4___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{className:"language-js",meta:'filename="index.js"'},"npm install @sikka/hawa"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Storybook helps you build UI components in isolation from your app's business logic, data, and context.\nThat makes it easy to develop hard-to-reach states. Save these UI states as ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"stories")," to revisit during development, testing, or QA."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Browse example stories now by navigating to them in the sidebar.\nView their code in the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"src/stories")," directory to learn how they work.\nWe recommend building UIs with a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("a",{parentName:"p",href:"https://componentdriven.org",target:"_blank",rel:"nofollow noopener noreferrer"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"a"},"component-driven"))," process starting with atomic components and ending with pages."))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Getting Started",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/stories/Introduction.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_storybook_addon_links__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-links/dist/esm/index.js"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.c,{title:"Introduction",mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("style",null,"\n  .subheading {\n    --mediumdark: '#999999';\n    font-weight: 900;\n    font-size: 13px;\n    color: #999;\n    letter-spacing: 6px;\n    line-height: 24px;\n    text-transform: uppercase;\n    margin-bottom: 12px;\n    margin-top: 40px;\n  }\n\n  .link-list {\n    display: flex;\n    flex-direction: column;\n    grid-template-columns: 1fr;\n    grid-template-rows: 1fr 1fr;\n    row-gap: 10px;\n  }\n\n  @media (min-width: 620px) {\n    .link-list {\n      row-gap: 20px;\n      column-gap: 20px;\n      grid-template-columns: 1fr 1fr;\n    }\n  }\n\n  @media all and (-ms-high-contrast:none) {\n  .link-list {\n      display: -ms-grid;\n      -ms-grid-columns: 1fr 1fr;\n      -ms-grid-rows: 1fr 1fr;\n    }\n  }\n\n  .link-item {\n    cursor:pointer;\n    display: block;\n    padding: 20px 30px 20px 15px;\n    border: 1px solid #E9E9ED;\n\n    border-radius: 15px;\n    transition: background 150ms ease-out, border 150ms ease-out, transform 150ms ease-out;\n    color: #333333;\n    display: flex;\n    flex-direction:column;\n    align-items: flex-start;\n  }\n\n  .link-item:hover {\n    border-color: #1EA7FD50;\n    transform: translate3d(0, -3px, 0);\n    box-shadow: rgba(0, 0, 0, 0.08) 0 3px 10px 0;\n  }\n\n  .link-item:active {\n    border-color: #1EA7FD;\n    transform: translate3d(0, 0, 0);\n  }\n\n  .link-item strong {\n    font-weight: 700;\n    display: block;\n    margin-bottom: 2px;\n  }\n  \n  .link-item img {\n    height: 40px;\n    width: 40px;\n    margin-right: 15px;\n    flex: none;\n  }\n\n  .link-item span {\n    font-size: 14px;\n    line-height: 20px;\n  }\n\n  .tip {\n    display: inline-block;\n    border-radius: 1em;\n    font-size: 11px;\n    line-height: 12px;\n    font-weight: 700;\n    background: #E7FDD8;\n    color: #66BF3C;\n    padding: 4px 12px;\n    margin-right: 10px;\n    vertical-align: top;\n  }\n\n  .tip-wrapper {\n    font-size: 13px;\n    line-height: 20px;\n    margin-top: 40px;\n    margin-bottom: 40px;\n  }\n\n  .tip-wrapper code {\n    font-size: 12px;\n    display: inline-block;\n  }\n  .logo {\n    display:flex;\n    align-items: center;\n    justify-content:center;\n  }\n  \n"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",{className:"logo",align:"center"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("img",{src:"https://xakher-images.s3.ap-southeast-1.amazonaws.com/hawa-logo.png",alt:"Hawa | هواء"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h1",{id:"welcome-to-hawa"},"Welcome to Hawa"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("div",{className:"tip-wrapper"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("span",{className:"tip"},"Notice"),"This page is still in progress"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"This is an opinionated UI kit built with ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("a",{parentName:"p",href:"https://mui.com",target:"_blank",rel:"nofollow noopener noreferrer"},"MUI")," with the focus of making it easier to build web apps using common components."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"That makes it easy to develop hard-to-reach states. Save these UI states as ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"stories")," to revisit during development, testing, or QA."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Browse example stories now by navigating to them in the sidebar.\nView their code in the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"src/stories")," directory to learn how they work.\nWe recommend building UIs with a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("a",{parentName:"p",href:"https://componentdriven.org",target:"_blank",rel:"nofollow noopener noreferrer"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"a"},"component-driven"))," process starting with atomic components and ending with pages."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("div",{className:"subheading"},"Structure"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("div",{className:"link-list"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("div",{onClick:Object(_storybook_addon_links__WEBPACK_IMPORTED_MODULE_7__.a)("Layout/Layout Introduction"),className:"link-item"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h3",null,"Blocks"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("span",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",null,"Presets for popular tools"),"Easy setup for TypeScript, SCSS and more.")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("div",{onClick:Object(_storybook_addon_links__WEBPACK_IMPORTED_MODULE_7__.a)("Blocks/Blocks Introduction"),className:"link-item"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h3",null,"Layout"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("span",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",null,"Presets for popular tools"),"Easy setup for TypeScript, SCSS and more.")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("div",{onClick:Object(_storybook_addon_links__WEBPACK_IMPORTED_MODULE_7__.a)("Elements/Elements Introduction"),className:"link-item"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h3",null,"Elements"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("span",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",null,"Presets for popular tools"),"Easy setup for TypeScript, SCSS and more."))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"For bug reporting and contribution ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("a",{parentName:"p",href:"https://github.com/sikka-software/Hawa",target:"_blank",rel:"nofollow noopener noreferrer"},"Github")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Introduction",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/stories/LayoutIntroduction.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_storybook_addon_links__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-links/dist/esm/index.js"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.c,{title:"Layout/Layout Introduction",mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("style",null,"\n  .subheading {\n    --mediumdark: '#999999';\n    font-weight: 900;\n    font-size: 13px;\n    color: #999;\n    letter-spacing: 6px;\n    line-height: 24px;\n    text-transform: uppercase;\n    margin-bottom: 12px;\n    margin-top: 40px;\n  }\n\n  .link-list {\n    display: grid;\n    grid-template-columns: 1fr;\n    grid-template-rows: 1fr 1fr;\n    row-gap: 10px;\n  }\n\n  @media (min-width: 620px) {\n    .link-list {\n      row-gap: 20px;\n      column-gap: 20px;\n      grid-template-columns: 1fr 1fr;\n    }\n  }\n\n  @media all and (-ms-high-contrast:none) {\n  .link-list {\n      display: -ms-grid;\n      -ms-grid-columns: 1fr 1fr;\n      -ms-grid-rows: 1fr 1fr;\n    }\n  }\n\n  .link-item {\n    display: block;\n    padding: 20px 30px 20px 15px;\n    border: 1px solid #00000010;\n    border-radius: 5px;\n    transition: background 150ms ease-out, border 150ms ease-out, transform 150ms ease-out;\n    color: #333333;\n    display: flex;\n    flex-direction:column;\n    align-items: flex-start;\n  }\n\n  .link-item:hover {\n    border-color: #1EA7FD50;\n    transform: translate3d(0, -3px, 0);\n    box-shadow: rgba(0, 0, 0, 0.08) 0 3px 10px 0;\n  }\n\n  .link-item:active {\n    border-color: #1EA7FD;\n    transform: translate3d(0, 0, 0);\n  }\n\n  .link-item strong {\n    font-weight: 700;\n    display: block;\n    margin-bottom: 2px;\n  }\n  \n  .link-item img {\n    height: 40px;\n    width: 40px;\n    margin-right: 15px;\n    flex: none;\n  }\n\n  .link-item span {\n    font-size: 14px;\n    line-height: 20px;\n  }\n\n  .tip {\n    display: inline-block;\n    border-radius: 1em;\n    font-size: 11px;\n    line-height: 12px;\n    font-weight: 700;\n    background: #E7FDD8;\n    color: #66BF3C;\n    padding: 4px 12px;\n    margin-right: 10px;\n    vertical-align: top;\n  }\n\n  .tip-wrapper {\n    font-size: 13px;\n    line-height: 20px;\n    margin-top: 40px;\n    margin-bottom: 40px;\n  }\n\n  .tip-wrapper code {\n    font-size: 12px;\n    display: inline-block;\n  }\n\n  \n"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h1",{id:"layout-components"},"Layout Components"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("div",{className:"tip-wrapper"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("span",{className:"tip"},"Notice"),"This page is still in progress"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Hawa layout components are used as the foundation for Hawa blocks and can be used to organize and structure your web app."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Browse example stories now by navigating to them in the sidebar.\nView their code in the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"src/stories")," directory to learn how they work.\nWe recommend building UIs with a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("a",{parentName:"p",href:"https://componentdriven.org",target:"_blank",rel:"nofollow noopener noreferrer"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"a"},"component-driven"))," process starting with atomic components and ending with pages."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h1",{id:"concept"},"Concept"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h3",{id:"elements"},"Elements"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"The smallest components of this UI kit are the typical low-level components."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h3",{id:"blocks"},"Blocks"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Blocks are commonly used collection of components."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h3",{id:"boxes"},"Boxes"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Most components and blocks will live inside ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",{parentName:"p"},"boxes"),". Windows can show anything. It can show a video, image, form, iFrame, etc. Boxes make out the layout of your website or application. Boxes can be arranged in different layouts"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Points"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("ul",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("li",{parentName:"ul"},"The content inside each box can be scrollable (vertical/horizontal/Both) with one prop"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("li",{parentName:"ul"},"you can control the spacing of the content inside each box with one prop"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("li",{parentName:"ul"},"you can also control the spacing of all the box in the layout"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("li",{parentName:"ul"},"some boxes can float (animation of open and close modal)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("li",{parentName:"ul"},"some boxes can go full screen (animation to transition)")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",{align:"center"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("img",{src:"https://user-images.githubusercontent.com/46135573/143972102-0c104239-b8f6-4a7b-9aad-54f6d91a8906.png",alt:"layout-types"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("div",{className:"subheading"},"Structure"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("div",{className:"link-list"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("div",{onClick:Object(_storybook_addon_links__WEBPACK_IMPORTED_MODULE_7__.a)("Layout/Container"),className:"link-item"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h3",null,"Container"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("span",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",null,"Presets for popular tools"),"Easy setup for TypeScript, SCSS and more. a styled")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("div",{onClick:Object(_storybook_addon_links__WEBPACK_IMPORTED_MODULE_7__.a)("Layout/AppBar"),className:"link-item"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h3",null,"AppBar"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("span",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",null,"Presets for popular tools"),"Easy setup for TypeScript, SCSS and more.")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("div",{onClick:Object(_storybook_addon_links__WEBPACK_IMPORTED_MODULE_7__.a)("Layout/AppLayout"),className:"link-item"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h3",null,"AppLayout"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("span",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",null,"Presets for popular tools"),"Easy setup for TypeScript, SCSS and more.")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("div",{onClick:Object(_storybook_addon_links__WEBPACK_IMPORTED_MODULE_7__.a)("Layout/Dialog"),className:"link-item"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h3",null,"Dialog"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("span",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",null,"Presets for popular tools"),"Easy setup for TypeScript, SCSS and more.")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("div",{onClick:Object(_storybook_addon_links__WEBPACK_IMPORTED_MODULE_7__.a)("Layout/PopMenu"),className:"link-item"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h3",null,"PopMenu"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("span",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",null,"Presets for popular tools"),"Easy setup for TypeScript, SCSS and more."))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Layout/Layout Introduction",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/stories/LayoutStories/AppBar.stories.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"AppBar",(function(){return AppBar}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _layout__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/layout/index.js"),_mui_icons_material_Person__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@mui/icons-material/Person.js"),_mui_icons_material_Person__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(_mui_icons_material_Person__WEBPACK_IMPORTED_MODULE_3__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Layout/AppBar",component:[_layout__WEBPACK_IMPORTED_MODULE_2__.a],parameters:{backgrounds:{default:"light"}}};var AppBar=function AppBar(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_layout__WEBPACK_IMPORTED_MODULE_2__.a,{logo:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("img",{height:40,src:"https://xakher-images.s3.ap-southeast-1.amazonaws.com/sikka-logo-black.svg"}),pages:[{label:"About"},{label:"Pricing"},{label:"FAQ"}],accountMenu:[{icon:_mui_icons_material_Person__WEBPACK_IMPORTED_MODULE_3___default.a,label:"test1",action:function action(){return console.log("going to test1")}},{icon:_mui_icons_material_Person__WEBPACK_IMPORTED_MODULE_3___default.a,label:"test2",action:function action(){return console.log("going to test2")}},{icon:_mui_icons_material_Person__WEBPACK_IMPORTED_MODULE_3___default.a,label:"test3",action:function action(){return console.log("going to test3")}}]})};AppBar.displayName="AppBar",AppBar.parameters=Object.assign({storySource:{source:'(args) => {\r\n  return (\r\n    <HawaAppBar\r\n      logo={\r\n        <img\r\n          height={40}\r\n          src="https://xakher-images.s3.ap-southeast-1.amazonaws.com/sikka-logo-black.svg"\r\n        />\r\n      }\r\n      pages={[{ label: "About" }, { label: "Pricing" }, { label: "FAQ" }]}\r\n      accountMenu={[\r\n        {\r\n          icon: SomeIcon,\r\n          label: "test1",\r\n          action: () => console.log("going to test1")\r\n        },\r\n        {\r\n          // icon: () => <SomeIcon />,\r\n          icon: SomeIcon,\r\n          label: "test2",\r\n          action: () => console.log("going to test2")\r\n        },\r\n        {\r\n          // icon: () => <SomeIcon />,\r\n          icon: SomeIcon,\r\n          label: "test3",\r\n          action: () => console.log("going to test3")\r\n        }\r\n      ]}\r\n    />\r\n  );\r\n}'}},AppBar.parameters),AppBar.__docgenInfo={description:"",methods:[],displayName:"AppBar"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\stories\\LayoutStories\\AppBar.stories.js"]={name:"AppBar",docgenInfo:AppBar.__docgenInfo,path:"src\\stories\\LayoutStories\\AppBar.stories.js"})},"./src/stories/LayoutStories/AppLayout.stories.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"LTR",(function(){return LTR})),__webpack_require__.d(__webpack_exports__,"RTL",(function(){return RTL}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/react/index.js"),_layout__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./src/layout/index.js"),_mui_icons_material__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./node_modules/@mui/icons-material/esm/Person.js"),_mui_icons_material__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/@mui/icons-material/esm/BookOnline.js"),_mui_icons_material__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./node_modules/@mui/icons-material/esm/AccessAlarms.js"),_mui_icons_material__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./node_modules/@mui/icons-material/esm/Settings.js"),_mui_icons_material__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./node_modules/@mui/icons-material/esm/ExitToApp.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./node_modules/react/jsx-runtime.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}__webpack_exports__.default={title:"Layout/AppLayout",component:[_layout__WEBPACK_IMPORTED_MODULE_14__.b],parameters:{backgrounds:{default:"light"}}};var Template=function Template(args){var _useState2=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_13__.useState)("home"),2),currentPage=_useState2[0],setCurrentPage=_useState2[1],_useState4=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_13__.useState)("Home"),2),pageTitle=_useState4[0],setPageTitle=_useState4[1];return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(_layout__WEBPACK_IMPORTED_MODULE_14__.b,Object.assign({},args,{pageTitle:pageTitle,pageName:currentPage,pages:[{text:"Home",slug:"home",icon:_mui_icons_material__WEBPACK_IMPORTED_MODULE_15__.a,action:function action(){setCurrentPage("home"),setPageTitle("Home")}},{text:"Dashboard",slug:"dashboard",icon:_mui_icons_material__WEBPACK_IMPORTED_MODULE_16__.a,action:function action(){setCurrentPage("dashboard"),setPageTitle("Dashboard")}},{text:"Analytics",slug:"analytics",icon:_mui_icons_material__WEBPACK_IMPORTED_MODULE_17__.a,action:function action(){setCurrentPage("analytics"),setPageTitle("Analytics")}}],accountMenu:[{icon:_mui_icons_material__WEBPACK_IMPORTED_MODULE_15__.a,label:"Account",action:function action(){return console.log("going to test1")}},{icon:_mui_icons_material__WEBPACK_IMPORTED_MODULE_18__.a,label:"Settings",action:function action(){return console.log("going to test2")}},{icon:_mui_icons_material__WEBPACK_IMPORTED_MODULE_19__.a,label:"Logout",action:function action(){return console.log("going to test3")}}],logo:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)("img",{height:40,style:{zIndex:30,width:"100%"},src:"https://xakher-images.s3.ap-southeast-1.amazonaws.com/sikka-logo-black.svg"}),children:"the rest of the app here"}))};Template.displayName="Template";var LTR=Template.bind({});LTR.args={lang:"en",size:"large",showText:!0,buttonLabel:"test",textColor:"#000000",buttonColor:"#f9f9f9"};var RTL=Template.bind({});RTL.args={lang:"ar",size:"large",showText:!0,buttonLabel:"test",textColor:"#000000",buttonColor:"#f9f9f9"},LTR.parameters=Object.assign({storySource:{source:'(args) => {\r\n  const [currentPage, setCurrentPage] = useState("home");\r\n  const [pageTitle, setPageTitle] = useState("Home");\r\n  return (\r\n    <HawaAppLayout\r\n      {...args}\r\n      pageTitle={pageTitle}\r\n      pageName={currentPage}\r\n      pages={[\r\n        {\r\n          text: "Home",\r\n          slug: "home",\r\n          icon: Person,\r\n          action: () => {\r\n            setCurrentPage("home");\r\n            setPageTitle("Home");\r\n          }\r\n        },\r\n        {\r\n          text: "Dashboard",\r\n          slug: "dashboard",\r\n          icon: BookOnline,\r\n          action: () => {\r\n            setCurrentPage("dashboard");\r\n            setPageTitle("Dashboard");\r\n          }\r\n        },\r\n        {\r\n          text: "Analytics",\r\n          slug: "analytics",\r\n          icon: AccessAlarms,\r\n          action: () => {\r\n            setCurrentPage("analytics");\r\n            setPageTitle("Analytics");\r\n          }\r\n        }\r\n      ]}\r\n      accountMenu={[\r\n        {\r\n          icon: Person,\r\n          label: "Account",\r\n          action: () => console.log("going to test1")\r\n        },\r\n        {\r\n          icon: Settings,\r\n          label: "Settings",\r\n          action: () => console.log("going to test2")\r\n        },\r\n        {\r\n          icon: ExitToApp,\r\n          label: "Logout",\r\n          action: () => console.log("going to test3")\r\n        }\r\n      ]}\r\n      logo={\r\n        <img\r\n          height={40}\r\n          style={{ zIndex: 30, width: "100%" }}\r\n          src="https://xakher-images.s3.ap-southeast-1.amazonaws.com/sikka-logo-black.svg"\r\n        />\r\n      }\r\n    >\r\n      the rest of the app here\r\n    </HawaAppLayout>\r\n  );\r\n}'}},LTR.parameters),RTL.parameters=Object.assign({storySource:{source:'(args) => {\r\n  const [currentPage, setCurrentPage] = useState("home");\r\n  const [pageTitle, setPageTitle] = useState("Home");\r\n  return (\r\n    <HawaAppLayout\r\n      {...args}\r\n      pageTitle={pageTitle}\r\n      pageName={currentPage}\r\n      pages={[\r\n        {\r\n          text: "Home",\r\n          slug: "home",\r\n          icon: Person,\r\n          action: () => {\r\n            setCurrentPage("home");\r\n            setPageTitle("Home");\r\n          }\r\n        },\r\n        {\r\n          text: "Dashboard",\r\n          slug: "dashboard",\r\n          icon: BookOnline,\r\n          action: () => {\r\n            setCurrentPage("dashboard");\r\n            setPageTitle("Dashboard");\r\n          }\r\n        },\r\n        {\r\n          text: "Analytics",\r\n          slug: "analytics",\r\n          icon: AccessAlarms,\r\n          action: () => {\r\n            setCurrentPage("analytics");\r\n            setPageTitle("Analytics");\r\n          }\r\n        }\r\n      ]}\r\n      accountMenu={[\r\n        {\r\n          icon: Person,\r\n          label: "Account",\r\n          action: () => console.log("going to test1")\r\n        },\r\n        {\r\n          icon: Settings,\r\n          label: "Settings",\r\n          action: () => console.log("going to test2")\r\n        },\r\n        {\r\n          icon: ExitToApp,\r\n          label: "Logout",\r\n          action: () => console.log("going to test3")\r\n        }\r\n      ]}\r\n      logo={\r\n        <img\r\n          height={40}\r\n          style={{ zIndex: 30, width: "100%" }}\r\n          src="https://xakher-images.s3.ap-southeast-1.amazonaws.com/sikka-logo-black.svg"\r\n        />\r\n      }\r\n    >\r\n      the rest of the app here\r\n    </HawaAppLayout>\r\n  );\r\n}'}},RTL.parameters)},"./src/stories/LayoutStories/AppLayoutDocs.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h1",{id:"replacing-docspage-with-custom-mdx-content"},"Replacing DocsPage with custom ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h1"},"MDX")," content"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"This file is a documentation-only ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"MDX"),"file to customize Storybook's ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("a",{parentName:"p",href:"https://storybook.js.org/docs/react/writing-docs/docs-page#replacing-docspage",target:"_blank",rel:"nofollow noopener noreferrer"},"DocsPage"),"."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"It can be further expanded with your own code snippets and include specific information related to your stories."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"For example:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",{id:"button"},"Button"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Button is the primary component. It has four possible states."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("ul",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("li",{parentName:"ul"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("a",{parentName:"li",href:"#primary"},"Primary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("li",{parentName:"ul"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("a",{parentName:"li",href:"#secondary"},"Secondary")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("li",{parentName:"ul"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("a",{parentName:"li",href:"#large"},"Large")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("li",{parentName:"ul"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("a",{parentName:"li",href:"#small"},"Small"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",{id:"with-the-story-title-defined"},"With the story title defined"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"If you included the title in the story's default export, use this approach."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h3",{id:"primary"},"Primary"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.d,{id:"example-button--primary",mdxType:"Story"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h3",{id:"secondary"},"Secondary"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.d,{id:"example-button--secondary",mdxType:"Story"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h3",{id:"large"},"Large"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.d,{id:"example-button--large",mdxType:"Story"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h3",{id:"small"},"Small"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.d,{id:"example-button--small",mdxType:"Story"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",{id:"without-the-story-title-defined"},"Without the story title defined"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"If you didn't include the title in the story's default export, use this approach."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h3",{id:"primary-1"},"Primary"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.d,{id:"your-directory-button--primary",mdxType:"Story"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h3",{id:"secondary-1"},"Secondary"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.d,{id:"your-directory-button--secondary",mdxType:"Story"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h3",{id:"large-1"},"Large"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.d,{id:"your-directory-button--large",mdxType:"Story"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h3",{id:"small-1"},"Small"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.d,{id:"your-directory-button--small",mdxType:"Story"}))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var componentMeta={includeStories:[]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/stories/LayoutStories/Box.stories.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Normal",(function(){return Normal})),__webpack_require__.d(__webpack_exports__,"Compact",(function(){return Compact}));__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _mui_material_Container__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@mui/material/Container/Container.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=(__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/react/jsx-runtime.js")),Template=function Template(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_mui_material_Container__WEBPACK_IMPORTED_MODULE_2__.a,{variant:"auth",children:"test"})};Template.displayName="Template",__webpack_exports__.default={title:"Layout/Container",component:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_mui_material_Container__WEBPACK_IMPORTED_MODULE_2__.a,{}),parameters:{backgrounds:{default:"light"}}};var Normal=Template.bind({});Normal.args={size:"large",showText:!0,buttonLabel:"test",textColor:"#000000",buttonColor:"#f9f9f9"};var Compact=Template.bind({});Compact.args={size:"small",showText:!0,buttonLabel:"test"},Normal.parameters=Object.assign({storySource:{source:'(args) => {\r\n  return <Container variant="auth">test</Container>;\r\n}'}},Normal.parameters),Compact.parameters=Object.assign({storySource:{source:'(args) => {\r\n  return <Container variant="auth">test</Container>;\r\n}'}},Compact.parameters)},"./src/stories/LayoutStories/Dialog.stories.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Dialog",(function(){return Dialog}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var _mui_material_Button__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/@mui/material/Button/Button.js"),react__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/react/index.js"),_layout__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./src/layout/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./node_modules/react/jsx-runtime.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}__webpack_exports__.default={title:"Layout/Dialog",component:[_layout__WEBPACK_IMPORTED_MODULE_14__.c],argTypes:{title:{control:"text",description:"The title of the dialog"},children:{control:"object",description:"The children element that will be contained by the dialog component"},actions:{control:"object",description:"HTML elements that will act as the dialog actions. Preferebly use buttons"},hideClose:{control:"boolean",description:"A boolean to hide the X icon",table:{defaultValue:{summary:!0}}}}};var Dialog=function Dialog(args){var _useState2=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_13__.useState)(!1),2),open=_useState2[0],setOpen=_useState2[1];return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(_mui_material_Button__WEBPACK_IMPORTED_MODULE_12__.a,{variant:"contained",onClick:function onClick(){return setOpen(!open)},children:"Open Dialog"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(_layout__WEBPACK_IMPORTED_MODULE_14__.c,{title:"Dialog Test",hideClose:args.hideClose,open:open,onClose:function onClose(){return setOpen(!open)},actions:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(_mui_material_Button__WEBPACK_IMPORTED_MODULE_12__.a,{variant:"outlined",children:"Button"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)(_mui_material_Button__WEBPACK_IMPORTED_MODULE_12__.a,{variant:"danger",children:"Button"})]}),children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_15__.jsx)("div",{children:"We are children"})})]})};Dialog.parameters=Object.assign({storySource:{source:'(args) => {\r\n  const [open, setOpen] = useState(false);\r\n  return (\r\n    <>\r\n      <Button variant="contained" onClick={() => setOpen(!open)}>\r\n        Open Dialog\r\n      </Button>\r\n\r\n      <HawaDialog\r\n        title="Dialog Test"\r\n        hideClose={args.hideClose}\r\n        open={open}\r\n        onClose={() => setOpen(!open)}\r\n        actions={\r\n          <>\r\n            <Button variant="outlined">Button</Button>\r\n            <Button variant="danger">Button</Button>\r\n          </>\r\n        }\r\n      >\r\n        <div>We are children</div>\r\n      </HawaDialog>\r\n    </>\r\n  );\r\n}'}},Dialog.parameters),Dialog.__docgenInfo={description:"",methods:[],displayName:"Dialog"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\stories\\LayoutStories\\Dialog.stories.js"]={name:"Dialog",docgenInfo:Dialog.__docgenInfo,path:"src\\stories\\LayoutStories\\Dialog.stories.js"})},"./storybook-init-framework-entry.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js")},0:function(module,exports,__webpack_require__){__webpack_require__("./node_modules/@storybook/core-client/dist/esm/globals/polyfills.js"),__webpack_require__("./node_modules/@storybook/core-client/dist/esm/globals/globals.js"),__webpack_require__("./storybook-init-framework-entry.js"),__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/frameworks/common/config.js-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/frameworks/react/config.js-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/react/dist/esm/client/preview/config-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/addon-links/dist/esm/preset/addDecorator.js-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/preset/addDecorator.js-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/preset/addArgs.js-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/addon-backgrounds/dist/esm/preset/addDecorator.js-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/addon-backgrounds/dist/esm/preset/addParameter.js-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/addon-measure/dist/esm/preset/addDecorator.js-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/addon-outline/dist/esm/preset/addDecorator.js-generated-config-entry.js"),__webpack_require__("./.storybook/preview.js-generated-config-entry.js"),module.exports=__webpack_require__("./generated-stories-entry.js")},1:function(module,exports){}},[[0,4,5]]]);