@sikka/hawa 0.0.22 → 0.0.25

package/storybook-static/main.f236f782.iframe.bundle.js

@@ -1 +0,0 @@
-(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 _style,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:"#153B50",primaryLayoutColor:"#ECEBE4",primaryDangerColor:"#E94F37",primaryActionTextColor:"#ffffff",typography:{fontFamily:["IBMPlex","Roboto"].join(",")},palette:{primary:{main:"#153B50"}},components:{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 #153B50"},"&:focus":{outline:"1px solid #153B50"}},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 #153B50"},"&:focus":{outline:"1px solid #153B50"}},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:"#ECEBE4",minWidth:300}}},MuiContainer:{styleOverrides:{root:{display:"flex",flexDirection:"column",backgroundColor:"#ECEBE4",borderRadius:10,paddingLeft:20,paddingRight:20,padding:20}},variants:[{props:{variant:"auth"},style:{backgroundColor:"#ECEBE4",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:"#ECEBE4",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:"#ECEBE4",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:"#ECEBE4",padding:5,paddingLeft:"5px !important",paddingRight:"5px !important"}},{props:{variant:"settingsRow"},style:{display:"flex",flexDirection:"row",borderRadius:10,backgroundColor:Object(colorManipulator.e)("#ECEBE4",.4),justifyContent:"space-between",alignItems:"center",height:70,marginTop:10,paddingLeft:"20px !important",paddingRight:"10px !important"}},{props:{variant:"plan-card"},style:{display:"flex",flexDirection:"column",borderRadius:10,border:"1px solid #ECEBE4",backgroundColor:Object(colorManipulator.e)("#ECEBE4",.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 #153B50",backgroundColor:Object(colorManipulator.e)("#153B50",.4),margin:10,width:250,maxWidth:200,paddingLeft:"0px !important",paddingRight:"0px !important",padding:0}},{props:{variant:"plan-header"},style:{display:"flex",flexDirection:"column",borderRadius:10,borderBottomLeftRadius:0,borderBottomRightRadius:0,border:"1px solid #ECEBE4",backgroundColor:"white",margin:0,padding:20}},{props:{variant:"selected-plan-header"},style:{display:"flex",flexDirection:"column",borderRadius:10,borderBottomLeftRadius:0,borderBottomRightRadius:0,border:"1px solid #ECEBE4",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:"20px !important",paddingLeft:"20px !important"}}]},MuiSnackbar:{styleOverrides:{root:{borderWidth:10,borderRadius:10}}},MuiButton:{styleOverrides:{root:{textTransform:"uppercase",borderRadius:10,boxShadow:"none","&:hover":{boxShadow:"none"}},contained:{backgroundColor:"#153B50"}},variants:[{props:{variant:"danger"},style:{backgroundColor:"#E94F37",color:"#ffffff",borderRadius:10,"&:hover":{backgroundColor:Object(colorManipulator.b)("#E94F37",.5),color:"white"}}},{props:{variant:"last"},style:{backgroundColor:"#153B50",color:"#ffffff",marginTop:20,borderRadius:10,"&:hover":{backgroundColor:Object(colorManipulator.b)("#153B50",.5),color:"white"}}},{props:{variant:"withLogo"},style:{textTransform:"none",border:"1px solid "+Object(colorManipulator.b)("#153B50",.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:"#153B50",justifyContent:"space-between",alignItems:"center",margin:0,color:"white",borderRadius:10,"&:hover":{backgroundColor:Object(colorManipulator.b)("#153B50",.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:"#153B50",height:40,color:"#ffffff",margin:0,borderRadius:10,"&:hover":{backgroundColor:Object(colorManipulator.b)("#153B50",.4)}}},{props:{variant:"adaptive-light"},style:{display:"flex",flexDirection:"row",width:"fit-content",backgroundColor:"#153B50",height:50,color:"#ffffff",justifyContent:"space-between",alignItems:"center",margin:0,borderRadius:10,"&:hover":{backgroundColor:Object(colorManipulator.b)("#153B50",.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}},variants:[{props:{variant:"offline"},style:{backgroundColor:Object(colorManipulator.e)("#E94F37",.8),color:"black",borderRadius:10,outline:"1px solid #E94F37"}}]},MuiListItemButton:{styleOverrides:{root:{margin:15,borderRadius:10,"&:hover":{backgroundColor:"#153B50",color:"white"}}},variants:[{props:{variant:"clicked"},style:{backgroundColor:"#153B50",color:"white"}}]},MuiToolbar:{styleOverrides:{root:{}},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:(_style={color:"black",margin:0,background:"none"},_style.color="#153B50",_style)}]}}}),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:["Blocks",["Auth",["Sign In","Sign Up","Reset Password","New Pasword"],"Account",["User Profile","User Settings"],"Payment",["Payment Selection","User Settings"]]]}}};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/AdaptiveButton.stories.js":"./src/stories/ElementsStories/AdaptiveButton.stories.js","./stories/ElementsStories/Alert.stories.js":"./src/stories/ElementsStories/Alert.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/Offline.stories.js":"./src/stories/ElementsStories/Offline.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/SettingsRow.stories.js":"./src/stories/ElementsStories/SettingsRow.stories.js","./stories/ElementsStories/TextField.stories.js":"./src/stories/ElementsStories/TextField.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/Introduction.stories.mdx":"./src/stories/Introduction.stories.mdx","./stories/TestDocs.stories.mdx":"./src/stories/TestDocs.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.j,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.j,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.j,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.j,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.j,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:"update profile"})," "]})}))})};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"),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)(""),2),_useState4=(_useState2[0],_useState2[1],_slicedToArray(Object(react.useState)(""),2)),_useState6=(_useState4[0],_useState4[1],_slicedToArray(Object(react.useState)(!1),2)),matchError=_useState6[0],setMatchError=_useState6[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.b,{text:props.texts.passwordMatchError,severity:"error"}),props.passwordChanged?Object(jsx_runtime.jsx)(src_elements.k,{style:{textAlign:"center",margin:5},children:"Your password has been changed, you'll be redirected to sign in page"}):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.j,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.j,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.__docgenInfo={description:"",methods:[],displayName:"NewPasswordForm"},"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 _errors$email,methods=Object(index_esm.c)(),errors=methods.formState.errors,handleSubmit=methods.handleSubmit,control=(methods.register,methods.control);return Object(jsx_runtime.jsxs)(Container.a,{maxWidth:"xs",variant:"auth",children:[props.error&&Object(jsx_runtime.jsxs)(Alert,{severity:"error",children:[props.errorTitle&&Object(jsx_runtime.jsx)(AlertTitle,{children:props.errorTitle}),props.errorText]}),props.sent?Object(jsx_runtime.jsx)(src_elements.k,{style:{textAlign:"center",margin:5},children:"An link was sent to your email to reset the password."}):Object(jsx_runtime.jsxs)("form",{onSubmit:handleSubmit(props.handleResetPassword),children:[console.log("eror ",null===(_errors$email=errors.email)||void 0===_errors$email?void 0:_errors$email.message),Object(jsx_runtime.jsx)(index_esm.a,{control:control,name:"email",render:function render(_ref){var _field$value,_errors$email2,field=_ref.field;return Object(jsx_runtime.jsx)(src_elements.j,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$email2=errors.email)||void 0===_errors$email2?void 0:_errors$email2.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.__docgenInfo={description:"",methods:[],displayName:"ResetPasswordForm"},"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 prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),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"),Alert_Alert=__webpack_require__("./node_modules/@mui/material/Alert/Alert.js"),AlertTitle_AlertTitle=__webpack_require__("./node_modules/@mui/material/AlertTitle/AlertTitle.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.error&&Object(jsx_runtime.jsxs)(Alert_Alert.a,{severity:"error",children:[props.errorTitle&&Object(jsx_runtime.jsx)(AlertTitle_AlertTitle.a,{children:props.errorTitle}),props.errorText]}),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.j,{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.j,{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.j,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.d,{logo:"google",buttonText:props.texts.googleButtonLabel,onClick:props.handleGoogleSignUp}),props.viaGithub&&Object(jsx_runtime.jsx)(src_elements.d,{logo:"github",buttonText:props.texts.githubButtonLabel,onClick:props.handleGithubSignUp}),props.viaTwitter&&Object(jsx_runtime.jsx)(src_elements.d,{logo:"twitter",buttonText:props.texts.twitterButtonLabel,onClick:props.handleTwitterSignUp})]})]})};SignUpForm_SignUpForm.displayName="SignUpForm",SignUpForm_SignUpForm.propTypes={theme:prop_types_default.a.oneOf(["secondary","primary"])},SignUpForm_SignUpForm.__docgenInfo={description:"",methods:[],displayName:"SignUpForm",props:{theme:{type:{name:"enum",value:[{value:'"secondary"',computed:!1},{value:'"primary"',computed:!1}]},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.register,methods.control);return Object(jsx_runtime.jsxs)(Container.a,{maxWidth:"xs",variant:"auth",style:{direction:"ar"===props.lang?"rtl":"ltr"},children:[props.error&&Object(jsx_runtime.jsxs)(Alert_Alert.a,{severity:"error",children:[props.errorTitle&&Object(jsx_runtime.jsx)(AlertTitle_AlertTitle.a,{children:props.errorTitle}),props.errorText]}),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.j,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.j,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.d,{logo:"google",buttonText:props.texts.googleButtonLabel,onClick:props.handleGoogleSignIn}),props.viaGithub&&Object(jsx_runtime.jsx)(src_elements.d,{logo:"github",buttonText:props.texts.githubButtonLabel,onClick:props.handleGithubSignIn}),props.viaTwitter&&Object(jsx_runtime.jsx)(src_elements.d,{logo:"twitter",buttonText:props.texts.twitterButtonLabel,onClick:props.handleTwitterSignIn})]})]})};SignInForm_SignInForm.displayName="SignInForm",SignInForm_SignInForm.__docgenInfo={description:"",methods:[],displayName:"SignInForm"},"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.k,{align:"center",children:"Choose Payment Method"}),props.viaWallet&&Object(jsx_runtime.jsx)(src_elements.d,{logo:"wallet",buttonText:props.walletLabel,onClick:props.handleWallet}),props.viaCreditCard&&Object(jsx_runtime.jsx)(src_elements.d,{logo:"visa/master",buttonText:props.visaMasterLabel,onClick:props.handleCreditCard}),props.viaMada&&Object(jsx_runtime.jsx)(src_elements.d,{logo:"mada",buttonText:props.madaLabel,onClick:props.handleMada}),props.viaSTCPay&&Object(jsx_runtime.jsx)(src_elements.d,{logo:"stcpay",buttonText:props.stcPayLabel,onClick:props.handleSTCPay}),props.viaPayPal&&Object(jsx_runtime.jsx)(src_elements.d,{logo:"paypal",buttonText:props.paypalLabel,onClick:props.handlePayPal}),props.viaGooglePay&&Object(jsx_runtime.jsx)(src_elements.d,{logo:"googlepay",buttonText:props.googlePayLabel,onClick:props.handleGooglePay}),props.viaApplePay&&Object(jsx_runtime.jsx)(src_elements.d,{logo:"applepay",buttonText:props.applePayLabel,onClick:props.handleApplePay})]})};SelectPayment_SelectPayment.displayName="SelectPayment",src_elements.j.propTypes={theme:prop_types_default.a.oneOf(["secondary","primary"]),viaApplePay:prop_types_default.a.bool,viaGooglePay:prop_types_default.a.bool,viaSTCPay:prop_types_default.a.bool,viaCreditCard:prop_types_default.a.bool,viaPayPal:prop_types_default.a.bool,handleApplePay:prop_types_default.a.func},SelectPayment_SelectPayment.__docgenInfo={description:"",methods:[],displayName:"SelectPayment"},"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"});__webpack_require__("./node_modules/core-js/modules/es.object.assign.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,_errors$password2,methods=Object(index_esm.c)(),errors=methods.formState.errors,handleSubmit=methods.handleSubmit;return Object(jsx_runtime.jsx)(Container.a,{maxWidth:"xs",children:Object(jsx_runtime.jsx)(index_esm.b,Object.assign({},methods,{children:Object(jsx_runtime.jsxs)("form",{onSubmit:handleSubmit(props.handle),children:[Object(jsx_runtime.jsx)(src_elements.j,{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)(src_elements.j,{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)(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.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)(),handleSubmit=(methods.formState.errors,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,field=_ref.field;return Object(jsx_runtime.jsx)(src_elements.j,Object.assign({fullWidth:!0,placeholder:"Enter amount",type:"number",value:null!==(_field$value=field.value)&&void 0!==_field$value?_field$value:""},field,{inputProps:{inputMode:"numeric",min:"0",max:"9999999",step:"0.01"},onChange:function onChange(e){field.onChange(parseFloat(e.target.value)),console.log("e",e.target.value),setWalletAmount(e.target.value)}}))}}),Object(jsx_runtime.jsx)(Button.a,{type:"submit",fullWidth:!0,variant:"last",onClick:props.handleSignIn,children:"Charge Wallet"})]})}))]})};ChargeWalletForm_ChargeWalletForm.displayName="ChargeWalletForm",ChargeWalletForm_ChargeWalletForm.__docgenInfo={description:"",methods:[],displayName:"ChargeWalletForm"},"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.i,{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.j,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.j,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.j,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.j,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.j,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.j,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.j,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.j,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.g,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.__docgenInfo={description:"",methods:[],displayName:"CheckoutForm"},"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,methods=Object(index_esm.c)();methods.formState.errors,methods.handleSubmit,methods.register,methods.control;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.i,{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.__docgenInfo={description:"",methods:[],displayName:"ConfirmationPage"},"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"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_16__=__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_16__.jsxs)(_mui_material_Container__WEBPACK_IMPORTED_MODULE_14__.a,{style:{width:"fit-content"},variant:"plain",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_16__.jsxs)("div",{style:{display:"flex",flexDirection:"row",justifyContent:"space-between",marginBottom:10},children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_16__.jsx)(_elements__WEBPACK_IMPORTED_MODULE_15__.f,{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_16__.jsx)(_elements__WEBPACK_IMPORTED_MODULE_15__.f,{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_16__.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_16__.jsx)(_elements__WEBPACK_IMPORTED_MODULE_15__.e,Object.assign({lang:props.lang},plan,{currency:currentCurrency,cycleText:currentCycle}))}))})]})};PricingPlans.displayName="PricingPlans",PricingPlans.__docgenInfo={description:"",methods:[],displayName:"PricingPlans"},"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/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__,"f",(function(){return HawaRadio_HawaRadio})),__webpack_require__.d(__webpack_exports__,"e",(function(){return HawaPricingCard_HawaPricingCard})),__webpack_require__.d(__webpack_exports__,"h",(function(){return HawaSettingsRow_HawaSettingsRow})),__webpack_require__.d(__webpack_exports__,"d",(function(){return HawaLogoButton_HawaLogoButton})),__webpack_require__.d(__webpack_exports__,"g",(function(){return HawaSelect_HawaSelect})),__webpack_require__.d(__webpack_exports__,"j",(function(){return HawaTextField_HawaTextField})),__webpack_require__.d(__webpack_exports__,"c",(function(){return HawaInputLabel_HawaInputLabel})),__webpack_require__.d(__webpack_exports__,"k",(function(){return HawaTypography_HawaTypography})),__webpack_require__.d(__webpack_exports__,"b",(function(){return HawaAlert_HawaAlert})),__webpack_require__.d(__webpack_exports__,"i",(function(){return HawaTable_HawaTable})),__webpack_require__.d(__webpack_exports__,"l",(function(){return OfflineBanner_OfflineBanner}));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,showText:prop_types_default.a.bool},AdaptiveButton_AdaptiveButton.__docgenInfo={description:"",methods:[],displayName:"AdaptiveButton",props:{buttonText:{type:{name:"string"},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 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.__docgenInfo={description:"",methods:[],displayName:"HawaRadio"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\elements\\HawaRadio.js"]={name:"HawaRadio",docgenInfo:HawaRadio_HawaRadio.__docgenInfo,path:"src\\elements\\HawaRadio.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),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;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:[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.__docgenInfo={description:"",methods:[],displayName:"HawaPricingCard"},"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.jsxs)("div",{style:props.inForm&&{width:"100%"},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,{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 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)),"radio"===props.settingsType&&Object(jsx_runtime.jsx)(HawaRadio_HawaRadio,Object.assign({location:"inSettings"},props)),"boolean"===props.settingsType&&Object(jsx_runtime.jsx)(HawaSwitch_HawaSwitch,Object.assign({},props))]})};HawaSettingsRow_HawaSettingsRow.displayName="HawaSettingsRow",HawaSettingsRow_HawaSettingsRow.propTypes={type:prop_types_default.a.oneOf(["text","number","password"]),helperText:prop_types_default.a.string},HawaSettingsRow_HawaSettingsRow.__docgenInfo={description:"",methods:[],displayName:"HawaSettingsRow",props:{type:{type:{name:"enum",value:[{value:'"text"',computed:!1},{value:'"number"',computed:!1},{value:'"password"',computed:!1}]},required:!1,description:""},helperText:{type:{name:"string"},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,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({},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.__docgenInfo={description:"",methods:[],displayName:"HawaLogoButton"},"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 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 Alert=__webpack_require__("./node_modules/@mui/material/Alert/Alert.js"),AlertTitle=__webpack_require__("./node_modules/@mui/material/AlertTitle/AlertTitle.js"),HawaAlert_HawaAlert=function HawaAlert(props){return Object(jsx_runtime.jsxs)(Alert.a,{severity:props.severity,children:[props.title&&Object(jsx_runtime.jsx)(AlertTitle.a,{children:props.title}),props.text]})};HawaAlert_HawaAlert.displayName="HawaAlert",HawaAlert_HawaAlert.__docgenInfo={description:"",methods:[],displayName:"HawaAlert"},"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.jsx)(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)}))})}),Object(jsx_runtime.jsx)(TableBody.a,{children:props.rows.map((function(singleRow,j){return Object(jsx_runtime.jsx)(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)}))},j)}))}),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.__docgenInfo={description:"",methods:[],displayName:"HawaTable"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\elements\\HawaTable.js"]={name:"HawaTable",docgenInfo:HawaTable_HawaTable.__docgenInfo,path:"src\\elements\\HawaTable.js"});var Snackbar=__webpack_require__("./node_modules/@mui/material/Snackbar/Snackbar.js"),OfflineBanner_OfflineBanner=function OfflineBanner(props){return Object(jsx_runtime.jsx)(Snackbar.a,{variant:"danger",open:props.open,onClose:props.handleClose,children:Object(jsx_runtime.jsxs)(Alert.a,{icon:!1,severity:"error",variant:"offline",children:[props.title&&Object(jsx_runtime.jsx)(AlertTitle.a,{children:props.title}),props.text]})})};OfflineBanner_OfflineBanner.displayName="OfflineBanner",OfflineBanner_OfflineBanner.__docgenInfo={description:"",methods:[],displayName:"OfflineBanner"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\elements\\OfflineBanner.js"]={name:"OfflineBanner",docgenInfo:OfflineBanner_OfflineBanner.__docgenInfo,path:"src\\elements\\OfflineBanner.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"),Menu_Menu=__webpack_require__("./node_modules/@mui/material/Menu/Menu.js"),Avatar=__webpack_require__("./node_modules/@mui/material/Avatar/Avatar.js"),Tooltip=__webpack_require__("./node_modules/@mui/material/Tooltip/Tooltip.js"),MenuItem=__webpack_require__("./node_modules/@mui/material/MenuItem/MenuItem.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(7)+" + 1px)"})[theme.breakpoints.up("sm")]={width:"calc("+theme.spacing(8)+" + 1px)"},_ref},DrawerHeader=Object(styled.a)("div")((function(_ref2){var theme=_ref2.theme;return Object.assign({display:"flex",alignItems:"center",justifyContent:"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;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:240,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],_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"},children:[Object(jsx_runtime.jsx)(HawaAppLayout_AppBar,{variant:"appbar",position:"fixed",open:open,children:Object(jsx_runtime.jsxs)(Toolbar.a,{variant:"appbar",children:[Object(jsx_runtime.jsx)(IconButton.a,{color:"inherit","aria-label":"open drawer",onClick:function handleDrawerOpen(){setOpen(!0)},edge:"start",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){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)(Menu_Menu.a,{sx:{mt:"45px"},id:"menu-appbar",anchorEl:anchorElUser,anchorOrigin:{vertical:"top",horizontal:"right"},keepMounted:!0,transformOrigin:{vertical:"top",horizontal:"right"},open:Boolean(anchorElUser),onClose:function handleCloseUserMenu(){setAnchorElUser(null)},variant:"themed",PaperProps:{style:{boxShadow:"none",borderRadius:theme.allBorderRadius,border:"1px solid "+theme.primaryActionColor}},children:props.accountMenu.map((function(setting){return Object(jsx_runtime.jsxs)(MenuItem.a,{onClick:setting.action,children:[setting.icon&&Object(jsx_runtime.jsx)(setting.icon,{}),Object(jsx_runtime.jsx)(Typography.a,{textAlign:"center",children:setting.label})]},setting.label)}))})]})]})]})}),Object(jsx_runtime.jsxs)(HawaAppLayout_Drawer,{variant:"permanent",open:open,children:[Object(jsx_runtime.jsxs)(DrawerHeader,{children:[props.logo,Object(jsx_runtime.jsx)(IconButton.a,{onClick:function handleDrawerClose(){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");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 pages=["Products","Pricing","Blog"],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(){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,{maxWidth:"xl",variant:"appbar",children:Object(jsx_runtime.jsxs)(Toolbar.a,{disableGutters:!0,children:[Object(jsx_runtime.jsx)(Typography.a,{variant:"h6",noWrap:!0,component:"div",sx:{mr:2,display:{xs:"none",md:"flex"}},children:"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:props.handleOpenSideMenu,color:"inherit",children:Object(jsx_runtime.jsx)(Menu_default.a,{})}),Object(jsx_runtime.jsx)(Menu_Menu.a,{id:"menu-appbar",anchorEl:anchorElNav,anchorOrigin:{vertical:"bottom",horizontal:"left"},keepMounted:!0,transformOrigin:{vertical:"top",horizontal:"left"},open:Boolean(anchorElNav),onClose:handleCloseNavMenu,sx:{display:{xs:"block",md:"none"}},children:pages.map((function(page){return Object(jsx_runtime.jsx)(MenuItem.a,{onClick:handleCloseNavMenu,children:Object(jsx_runtime.jsx)(Typography.a,{textAlign:"center",children:page})},page)}))})]}),Object(jsx_runtime.jsx)(Typography.a,{variant:"h6",noWrap:!0,component:"div",sx:{flexGrow:1,display:{xs:"flex",md:"none"}},children:"LOGO"}),Object(jsx_runtime.jsx)(material_Box_Box.a,{sx:{flexGrow:1,display:{xs:"none",md:"flex"}},children:pages.map((function(page){return Object(jsx_runtime.jsx)(Button.a,{onClick:handleCloseNavMenu,sx:{my:2,display:"block"},children:page},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){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)(Menu_Menu.a,{sx:{mt:"45px"},id:"menu-appbar",anchorEl:anchorElUser,anchorOrigin:{vertical:"top",horizontal:"right"},keepMounted:!0,transformOrigin:{vertical:"top",horizontal:"right"},open:Boolean(anchorElUser),onClose:function handleCloseUserMenu(){setAnchorElUser(null)},variant:"themed",PaperProps:{style:{boxShadow:"none",borderRadius:theme.allBorderRadius,border:"1px solid "+theme.primaryActionColor}},children:props.accountMenu.map((function(setting){return Object(jsx_runtime.jsxs)(MenuItem.a,{onClick:setting.action,children:[setting.icon&&Object(jsx_runtime.jsx)(setting.icon,{}),Object(jsx_runtime.jsx)(Typography.a,{textAlign:"center",children:setting.label})]},setting.label)}))})]})]})})})};HawaAppBar_HawaAppBar.displayName="HawaAppBar",HawaAppBar_HawaAppBar.__docgenInfo={description:"",methods:[],displayName:"HawaAppBar"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\layout\\HawaAppBar.js"]={name:"HawaAppBar",docgenInfo:HawaAppBar_HawaAppBar.__docgenInfo,path:"src\\layout\\HawaAppBar.js"})},"./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],argTypes:{}};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",passwordPlaceholder:"Minimum 8 characters",passwordRequiredText:"Password is required",passwordTooShortText:"Password too short",updatePassword:"Update Password",passwordLabel:"Choose new password",confirmPasswordPlaceholder:"Confirm password",confirmPasswordLabel:"Confirm",confirmPasswordRequiredText:"Confirmation is required",passwordMatchError:"Password doesn't match"}}))};ProfileTemplate.displayName="ProfileTemplate";var UserProfile=ProfileTemplate.bind({});UserProfile.args={viaGoogle:!0,viaGithub:!0,viaTwitter:!0,showError:!1,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        passwordPlaceholder: "Minimum 8 characters",\r\n        passwordRequiredText: "Password is required",\r\n        passwordTooShortText: "Password too short",\r\n\r\n        updatePassword: "Update Password",\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      }}\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:{theme:{options:["primary","secondary","default"],control:{type:"select"}}}};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__.h,{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__.h,{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__.h,{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__.h,{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__.h,{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],argTypes:{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 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?",newUserText:"New user?",signUpText:"Sign up",signInText:"Sign in",googleButtonLabel:"Sign in with Google",githubButtonLabel:"Sign in with Github",twitterButtonLabel:"Sign in with Twitter"},error:args.showError}))};NewPasswordTemplate.displayName="NewPasswordTemplate";var NewPassword=NewPasswordTemplate.bind({});NewPassword.args={showError:!1,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        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      error={args.showError}\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],argTypes:{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 ResetPasswordTemplate=function ResetPasswordTemplate(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_blocks_AuthForms__WEBPACK_IMPORTED_MODULE_3__.b,Object.assign({error:args.showError,texts:{emailLabel:"Email",emailPlaceholder:"Enter your email",emailRequiredText:"Email is required",emailInvalidText:"Invalid email address",passwordLabel:"Password",resetPassword:"Reset 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"}},args,{handleResetPassword:function handleResetPassword(e){return console.log("resetting password,",e)}}))};ResetPasswordTemplate.displayName="ResetPasswordTemplate";var ResetPassword=ResetPasswordTemplate.bind({});ResetPassword.args={showError:!1,sent:!1},ResetPassword.parameters=Object.assign({storySource:{source:'(args) => {\r\n  return (\r\n    <ResetPasswordForm\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        resetPassword: "Reset 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      {...args}\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],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 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"},handleSignIn:function handleSignIn(e){return console.log("singing in via email",e)},handleForgotPassword:function handleForgotPassword(){return console.log("user forgot password")},handleGoogleSignIn:function handleGoogleSignIn(){return console.log("signing in via google")},handleGithubSignIn:function handleGithubSignIn(){return console.log("signing in via github")},handleTwitterSignIn:function handleTwitterSignIn(){return console.log("signing in via Twitter")},handleRouteToSignUp:function handleRouteToSignUp(){return console.log("switching to sign up")},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      handleSignIn={(e) => console.log("singing in via email", e)}\r\n      handleForgotPassword={() => console.log("user forgot password")}\r\n      handleGoogleSignIn={() => console.log("signing in via google")}\r\n      handleGithubSignIn={() => console.log("signing in via github")}\r\n      handleTwitterSignIn={() => console.log("signing in via Twitter")}\r\n      handleRouteToSignUp={() => console.log("switching to sign up")}\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],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"},error: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      error={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:{viaWallet:{control:"boolean"},viaApplePay:{control:"boolean"},viaGooglePay:{control:"boolean"},viaSTCPay:{control:"boolean"},viaCreditCard:{control:"boolean"},viaPayPal:{control:"boolean"}},args:{viaWallet:!0,viaMada:!0,viaApplePay:!0,viaGooglePay:!0,viaSTCPay:!0,viaCreditCard:!0,viaPayPal:!0}};var ChargeWallet=function ChargeWallet(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_blocks_Payment__WEBPACK_IMPORTED_MODULE_2__.a,Object.assign({handleChargeWallet:function handleChargeWallet(e){return console.log("amount is ",e)}},args))};ChargeWallet.displayName="ChargeWallet",ChargeWallet.args={currency:"SAR"},ChargeWallet.parameters=Object.assign({storySource:{source:'(args) => {\r\n  return (\r\n    <ChargeWalletForm\r\n      handleChargeWallet={(e) => console.log("amount is ", e)}\r\n      {...args}\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"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__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_3__.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.displayName="Checkout",Checkout.args={},Checkout.parameters=Object.assign({storySource:{source:'(args) => {\r\n  return (\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}'}},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:{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 PayViaCreditCard=function PayViaCreditCard(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_blocks_Payment__WEBPACK_IMPORTED_MODULE_2__.d,{theme:args.theme})};PayViaCreditCard.displayName="PayViaCreditCard",PayViaCreditCard.args={theme:"secondary"},PayViaCreditCard.parameters=Object.assign({storySource:{source:"(args) => {\r\n  return <CreditCardForm theme={args.theme} />;\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",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          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/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__,"Default",(function(){return Default}));__webpack_require__("./node_modules/core-js/modules/es.function.bind.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:"UI/Alert",component:_elements__WEBPACK_IMPORTED_MODULE_3__.b,argTypes:{theme:{options:["primary","secondary","default"],control:{type:"select"}}},args:{theme:"primary"}};var Default=function Template(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)(_elements__WEBPACK_IMPORTED_MODULE_3__.b,{title:"What?",text:"This is a success alert",severity:"success"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_elements__WEBPACK_IMPORTED_MODULE_3__.b,{text:"This is an info alert",severity:"info"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_elements__WEBPACK_IMPORTED_MODULE_3__.b,{text:"This is a warning alert",severity:"warning"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_elements__WEBPACK_IMPORTED_MODULE_3__.b,{text:"This is an error alert",severity:"error"})]})}.bind({});Default.args={theme:"primary"},Default.parameters=Object.assign({storySource:{source:'(args) => {\r\n  return (\r\n    <>\r\n      <HawaAlert\r\n        title="What?"\r\n        text="This is a success alert"\r\n        severity="success"\r\n      />\r\n      <HawaAlert text="This is an info alert" severity="info" />\r\n      <HawaAlert text="This is a warning alert" severity="warning" />\r\n      <HawaAlert text="This is an error alert" severity="error" />\r\n    </>\r\n  );\r\n}'}},Default.parameters)},"./src/stories/ElementsStories/HawaTable.stories.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Table",(function(){return Table}));__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__.i,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 Table=function Table(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__.i,{lang:args.lang,columns:["Product","Price","Date"],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()]]})};Table.displayName="Table",Table.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      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}'}},Table.parameters),Table.__docgenInfo={description:"",methods:[],displayName:"Table"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\stories\\ElementsStories\\HawaTable.stories.js"]={name:"Table",docgenInfo:Table.__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__.c],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"),__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/Items",component:[_elements__WEBPACK_IMPORTED_MODULE_2__.e],argTypes:{buttonLabel:{control:"text",description:"The text next to the logo"}}};var Items=function Items(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_elements__WEBPACK_IMPORTED_MODULE_2__.e,{})};Items.displayName="Items",Items.parameters=Object.assign({storySource:{source:"(args) => {\r\n  return <HawaPricingCard />;\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__.d,argTypes:{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__.d,{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 logo={args.logo} buttonText={args.buttonLabel} />\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 logo={args.logo} buttonText={args.buttonLabel} />\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 logo={args.logo} buttonText={args.buttonLabel} />\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 logo={args.logo} buttonText={args.buttonLabel} />\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 logo={args.logo} buttonText={args.buttonLabel} />\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 logo={args.logo} buttonText={args.buttonLabel} />\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 logo={args.logo} buttonText={args.buttonLabel} />\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 logo={args.logo} buttonText={args.buttonLabel} />\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 logo={args.logo} buttonText={args.buttonLabel} />\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 logo={args.logo} buttonText={args.buttonLabel} />\r\n    </Container>\r\n  );\r\n}'}},Mada.parameters)},"./src/stories/ElementsStories/Offline.stories.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Offline",(function(){return Offline}));__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/Notifications/Offline",component:[_elements__WEBPACK_IMPORTED_MODULE_2__.l],argTypes:{title:{control:"text",description:"The title of the notifications, leave empty to disable"},text:{control:"text",description:"The text of the notification banner"}},args:{title:"Offline",text:"You're not connected to the internet"}};var Offline=function Offline(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_elements__WEBPACK_IMPORTED_MODULE_2__.l,Object.assign({open:!0},args,{handleClose:function handleClose(){return console.log("test")}}))};Offline.displayName="Offline",Offline.parameters=Object.assign({storySource:{source:'(args) => (\r\n  <OfflineBanner\r\n    open={true}\r\n    {...args}\r\n    handleClose={() => console.log("test")}\r\n  />\r\n)'}},Offline.parameters),Offline.__docgenInfo={description:"",methods:[],displayName:"Offline"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\stories\\ElementsStories\\Offline.stories.js"]={name:"Offline",docgenInfo:Offline.__docgenInfo,path:"src\\stories\\ElementsStories\\Offline.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__.e],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:"text",description:"The currency of the price",table:{type:{summary:"Examples",detail:"$, SAR, ريال, دولار"}}},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"}},args:{title:"Pro",subtitle:"For small businesses",price:300,currency:"$",cycleText:"Monthly",buttonText:"Select Plan"}};var LTR=function LTR(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_elements__WEBPACK_IMPORTED_MODULE_2__.e,Object.assign({},args,{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__.e,{lang:"ar",title_ar:"الإحترافي",subtitle_ar:"للمنشئات الصغيرة",price:"300",currency:"sar",cycleText:"monthly",buttonText:"إختر الباقة",features_ar:["قوائم لا محدودة","عناصر لا محدودة","أسم مخصص"]})};RTL.displayName="RTL",LTR.parameters=Object.assign({storySource:{source:'(args) => {\r\n  return (\r\n    <HawaPricingCard\r\n      {...args}\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      title_ar="الإحترافي"\r\n      subtitle_ar="للمنشئات الصغيرة"\r\n      price="300"\r\n      currency="sar"\r\n      cycleText="monthly"\r\n      buttonText="إختر الباقة"\r\n      features_ar={["قوائم لا محدودة", "عناصر لا محدودة", "أسم مخصص"]}\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__.f],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'}"}}}},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__.f,Object.assign({},args,{handleChange:function handleChange(e){return console.log("changing to ",e)},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/SettingsRow.stories.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__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__,"RadioSettings",(function(){return RadioSettings}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.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/@storybook/addon-docs/dist/esm/index.js"),__webpack_require__("./node_modules/react/index.js");var _elements__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/elements/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Elements/Settings",component:[_elements__WEBPACK_IMPORTED_MODULE_5__.h],parameters:{backgrounds:{default:"twitter",values:[{name:"light",value:"#00aced"},{name:"dark",value:"#3b5998"}]}},argTypes:{settingsType:{options:["checkbox","text","radio"],control:{type:"select"}},onChange:{control:"text",description:"The function to get the value of the settings row",table:{type:{summary:"Conditions",detail:"For checkbox and radio the returned value is in e.target.checked, otherwise it's in e.target.value"}}}}};var CheckboxSettings=function CheckboxSettings(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_elements__WEBPACK_IMPORTED_MODULE_5__.h,Object.assign({},args))};CheckboxSettings.displayName="CheckboxSettings",CheckboxSettings.args={settingsType:"checkbox",settingsLabel:"Checkbox Settings"};var TextSettings=function TextSettings(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_elements__WEBPACK_IMPORTED_MODULE_5__.h,Object.assign({placeholder:"Text here"},args))};TextSettings.displayName="TextSettings",TextSettings.args={settingsType:"text",settingsLabel:"Text Settings"};var BooleanSettings=function BooleanSettings(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_elements__WEBPACK_IMPORTED_MODULE_5__.h,Object.assign({placeholder:"Text here"},args))};BooleanSettings.displayName="BooleanSettings",BooleanSettings.args={settingsType:"boolean",settingsLabel:"Boolean Settings"};var RadioSettings=function RadioSettings(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_6__.jsx)(_elements__WEBPACK_IMPORTED_MODULE_5__.h,{settingsType:args.settingsType,settingsLabel:args.settingsLabel,handleChange:function handleChange(e){return console.log("changing to ",e)},defaultValue:"option1",options:allOptions})};RadioSettings.displayName="RadioSettings",RadioSettings.args={options:3,settingsType:"radio",settingsLabel:"Radio Settings"},CheckboxSettings.parameters=Object.assign({storySource:{source:"(args) => <HawaSettingsRow {...args} />"}},CheckboxSettings.parameters),TextSettings.parameters=Object.assign({storySource:{source:'(args) => (\r\n  <HawaSettingsRow placeholder="Text here" {...args} />\r\n)'}},TextSettings.parameters),BooleanSettings.parameters=Object.assign({storySource:{source:'(args) => (\r\n  <HawaSettingsRow placeholder="Text here" {...args} />\r\n)'}},BooleanSettings.parameters),RadioSettings.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    <HawaSettingsRow\r\n      settingsType={args.settingsType}\r\n      settingsLabel={args.settingsLabel}\r\n      handleChange={(e) => console.log("changing to ", e)}\r\n      defaultValue="option1"\r\n      options={allOptions}\r\n    />\r\n  );\r\n}'}},RadioSettings.parameters),CheckboxSettings.__docgenInfo={description:"",methods:[],displayName:"CheckboxSettings"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\stories\\ElementsStories\\SettingsRow.stories.js"]={name:"CheckboxSettings",docgenInfo:CheckboxSettings.__docgenInfo,path:"src\\stories\\ElementsStories\\SettingsRow.stories.js"}),TextSettings.__docgenInfo={description:"",methods:[],displayName:"TextSettings"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\stories\\ElementsStories\\SettingsRow.stories.js"]={name:"TextSettings",docgenInfo:TextSettings.__docgenInfo,path:"src\\stories\\ElementsStories\\SettingsRow.stories.js"}),BooleanSettings.__docgenInfo={description:"",methods:[],displayName:"BooleanSettings"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\stories\\ElementsStories\\SettingsRow.stories.js"]={name:"BooleanSettings",docgenInfo:BooleanSettings.__docgenInfo,path:"src\\stories\\ElementsStories\\SettingsRow.stories.js"}),RadioSettings.__docgenInfo={description:"",methods:[],displayName:"RadioSettings"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\stories\\ElementsStories\\SettingsRow.stories.js"]={name:"RadioSettings",docgenInfo:RadioSettings.__docgenInfo,path:"src\\stories\\ElementsStories\\SettingsRow.stories.js"})},"./src/stories/ElementsStories/TextField.stories.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Light",(function(){return Light})),__webpack_require__.d(__webpack_exports__,"Dark",(function(){return Dark}));__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"),Template=function Template(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_elements__WEBPACK_IMPORTED_MODULE_3__.j,Object.assign({},args))};Template.displayName="Template",__webpack_exports__.default={title:"UI/TextField",component:_elements__WEBPACK_IMPORTED_MODULE_3__.j,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 Light=Template.bind({}),Dark=Template.bind({});Light.args={placeholder:"Exemple ...",defaultValue:"This isko default value",inputLabel:"Text Field",bgColor:"lightgray",padding:10},Dark.args={placeholder:"Exemple ...",defaultValue:"This is default value",inputLabel:"Text Field",bgColor:"lightgray",padding:10},Light.parameters=Object.assign({storySource:{source:"(args) => {\r\n  return <HawaTextField {...args} />;\r\n}"}},Light.parameters),Dark.parameters=Object.assign({storySource:{source:"(args) => {\r\n  return <HawaTextField {...args} />;\r\n}"}},Dark.parameters)},"./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"),_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: 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:"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,"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."),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)("a",{className:"link-item",href:"https://storybook.js.org/docs/react/addons/addon-types",target:"_blank"},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)("a",{className:"link-item",href:"https://storybook.js.org/docs/react/configure/webpack",target:"_blank"},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,"Build configuration"),"How to customize webpack and Babel")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("a",{className:"link-item",href:"https://storybook.js.org/docs/react/configure/styling-and-css",target:"_blank"},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,"Styling"),"How to load and configure CSS libraries")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("a",{className:"link-item",href:"https://storybook.js.org/docs/react/get-started/setup#configure-storybook-for-your-stack",target:"_blank"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h3",null,"UI"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("span",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",null,"Data"),"Providers and mocking for data libraries"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("div",{className:"subheading"},"Learn"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("div",{className:"link-list"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("a",{className:"link-item",href:"https://storybook.js.org/docs",target:"_blank"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("span",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",null,"Storybook documentation"),"Configure, customize, and extend")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("a",{className:"link-item",href:"https://storybook.js.org/tutorials/",target:"_blank"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("span",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",null,"In-depth guides"),"Best practices from leading teams")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("a",{className:"link-item",href:"https://github.com/storybookjs/storybook",target:"_blank"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("span",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",null,"GitHub project"),"View the source and add issues")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("a",{className:"link-item",href:"https://discord.gg/storybook",target:"_blank"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("span",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("strong",null,"Discord chat"),"Chat with maintainers and the community"))),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"},"Tip"),"Edit the Markdown in"," ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",null,"src/stories/Introduction.stories.mdx")))}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/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,{accountMenu:[{icon:_mui_icons_material_Person__WEBPACK_IMPORTED_MODULE_3___default.a,label:"test1",action:function action(){return console.log("going to test1")}},{label:"test2",action:function action(){return console.log("going to test2")}},{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      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          label: "test2",\r\n          action: () => console.log("going to test2")\r\n        },\r\n        {\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__,"Normal",(function(){return Normal}));__webpack_require__("./node_modules/core-js/modules/es.function.bind.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"),_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"),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}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_18__.jsx)(_layout__WEBPACK_IMPORTED_MODULE_14__.b,{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:"test1",action:function action(){return console.log("going to test1")}},{label:"test2",action:function action(){return console.log("going to test2")}},{label:"test3",action:function action(){return console.log("going to test3")}}],logo:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("img",{height:40,style:{zIndex:30,width:"100%"},src:"https://xakher-images.s3.ap-southeast-1.amazonaws.com/sikka-logo.svg"}),children:"the rest of the app here"})};Template.displayName="Template",__webpack_exports__.default={title:"Layout/AppLayout",component:[_layout__WEBPACK_IMPORTED_MODULE_14__.b],parameters:{backgrounds:{default:"light"}}};var Normal=Template.bind({});Normal.args={size:"large",showText:!0,buttonLabel:"test",textColor:"#000000",buttonColor:"#f9f9f9"},Normal.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      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: "test1",\r\n          action: () => console.log("going to test1")\r\n        },\r\n        {\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          label: "test3",\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.svg"\r\n        />\r\n      }\r\n    >\r\n      the rest of the app here\r\n    </HawaAppLayout>\r\n  );\r\n}'}},Normal.parameters)},"./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"})},"./src/stories/TestDocs.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__,"unchecked",(function(){return unchecked}));__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.function.bind.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_6__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__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 Template=function Template(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("div",null,"test")};Template.displayName="Template";var layoutProps={Template:Template};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.c,{title:"Test/Docs Test",mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("h1",{id:"checkbox"},"Checkbox"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("p",null,"With ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"p"},"MDX"),", we can define a story for ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("inlineCode",{parentName:"p"},"Checkbox")," right in the middle of our\nMarkdown documentation."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.b,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.d,{name:"Unchecked",args:{label:"Unchecked"},mdxType:"Story"},Template.bind({}))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var unchecked=Template.bind({});unchecked.storyName="Unchecked",unchecked.args={label:"Unchecked"},unchecked.parameters={storySource:{source:"args => <div>test</div>"}};var componentMeta={title:"Test/Docs Test",includeStories:["unchecked"]},mdxStoryNameToKey={Unchecked:"unchecked"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./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]]]);