@sikka/hawa 0.0.8 → 0.0.11

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

@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[3],{"./.storybook/preview.js-generated-config-entry.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);var preview_namespaceObject={};__webpack_require__.r(preview_namespaceObject),__webpack_require__.d(preview_namespaceObject,"decorators",(function(){return decorators})),__webpack_require__.d(preview_namespaceObject,"parameters",(function(){return parameters}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptors.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-properties.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js");var ClientApi=__webpack_require__("./node_modules/@storybook/client-api/dist/esm/ClientApi.js"),esm=__webpack_require__("./node_modules/@storybook/client-logger/dist/esm/index.js"),createTheme=(__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.string.split.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.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)({components:{MuiInputLabel:{styleOverrides:{root:{marginBottom:10,marginTop:10,fontSize:15}}},MuiFormControl:{variants:[{props:{variant:"hawa"},style:{width:"100%"}}]},MuiInputBase:{styleOverrides:{root:{backgroundColor:"lightblue",borderRadius:10}}},MuiInput:{styleOverrides:{root:{backgroundColor:"white",padding:10,borderRadius:10}}},MuiTextField:{styleOverrides:{root:{borderRadius:10,marginTop:10}},variants:[{props:{variant:"hawa"},style:{backgroundColor:"#E0E7F5",fontSize:"2rem",padding:30,borderRadius:10}}]},MuiContainer:{styleOverrides:{root:{display:"flex",flexDirection:"column",backgroundColor:"#E0E7F5",borderRadius:10,padding:20}},variants:[{props:{variant:"auth"},style:{backgroundColor:"#E0E7F5",fontSize:"2rem",padding:30,borderRadius:10}},{props:{variant:"dashed",color:"secondary"},style:{border:"4px dashed red"}}]},MuiButton:{styleOverrides:{root:{textTransform:"uppercase"},contained:{backgroundColor:"#4062bb"}},variants:[{props:{variant:"last"},style:{backgroundColor:"#4062bb",color:"#ffffff",padding:10,marginTop:20,borderRadius:10,"&:hover":{backgroundColor:Object(colorManipulator.b)("#4062bb",.5),color:"white"}}},{props:{variant:"withLogo"},style:{textTransform:"none",border:"1px solid "+Object(colorManipulator.b)("#4062bb",.1),fontSize:"2rem",backgroundColor:"white",marginTop:10,padding:10,height:40,borderRadius:10}}]}}}),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$/}}};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/AuthForm.stories.js":"./src/stories/BlocksStories/AuthForm.stories.js","./stories/BlocksStories/PaymentForm.stories.js":"./src/stories/BlocksStories/PaymentForm.stories.js","./stories/BlocksStories/UserForm.stories.js":"./src/stories/BlocksStories/UserForm.stories.js","./stories/LayoutStories/Box.stories.js":"./src/stories/LayoutStories/Box.stories.js","./stories/UIStories/ActionButton.stories.js":"./src/stories/UIStories/ActionButton.stories.js","./stories/UIStories/AdaptiveButton.stories.js":"./src/stories/UIStories/AdaptiveButton.stories.js","./stories/UIStories/Alert.stories.js":"./src/stories/UIStories/Alert.stories.js","./stories/UIStories/CheckBox.stories.js":"./src/stories/UIStories/CheckBox.stories.js","./stories/UIStories/InputLabel.stories.js":"./src/stories/UIStories/InputLabel.stories.js","./stories/UIStories/LogoButtons.stories.js":"./src/stories/UIStories/LogoButtons.stories.js","./stories/UIStories/RadioSelector.stories.js":"./src/stories/UIStories/RadioSelector.stories.js","./stories/UIStories/SettingsRow.stories.js":"./src/stories/UIStories/SettingsRow.stories.js","./stories/UIStories/TextField.stories.js":"./src/stories/UIStories/TextField.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"};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/Payment/index.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"d",(function(){return SelectPayment_SelectPayment})),__webpack_require__.d(__webpack_exports__,"b",(function(){return CreditCardForm_CreditCardForm})),__webpack_require__.d(__webpack_exports__,"a",(function(){return ChargeWalletForm_ChargeWalletForm})),__webpack_require__.d(__webpack_exports__,"c",(function(){return PayWithWallet_PayWithWallet}));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),layout=__webpack_require__("./src/layout/index.js"),ui=__webpack_require__("./src/ui/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)(ui.j,{align:"center",children:"Choose Payment Method"}),props.viaWallet&&Object(jsx_runtime.jsx)(ui.f,{logo:"wallet",buttonText:props.walletLabel,onClick:props.handleWallet}),props.viaCreditCard&&Object(jsx_runtime.jsx)(ui.f,{logo:"visa/master",buttonText:props.visaMasterLabel,handleClick:props.handleCreditCard}),props.viaMada&&Object(jsx_runtime.jsx)(ui.f,{logo:"mada",buttonText:props.madaLabel,handleClick:props.handleMada}),props.viaSTCPay&&Object(jsx_runtime.jsx)(ui.f,{logo:"stcpay",buttonText:props.stcPayLabel,handleClick:props.handleSTCPay}),props.viaPayPal&&Object(jsx_runtime.jsx)(ui.f,{logo:"paypal",buttonText:props.paypalLabel,handleClick:props.handlePayPal}),props.viaGooglePay&&Object(jsx_runtime.jsx)(ui.f,{logo:"googlepay",buttonText:props.googlePayLabel,handleClick:props.handleGooglePay}),props.viaApplePay&&Object(jsx_runtime.jsx)(ui.f,{logo:"applepay",buttonText:props.applePayLabel,handleClick:props.handleApplePay})]})};SelectPayment_SelectPayment.displayName="SelectPayment",ui.i.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"),CreditCardForm_CreditCardForm=function CreditCardForm(props){var _errors$password,_errors$password2,methods=Object(index_esm.b)(),errors=methods.formState.errors,handleSubmit=methods.handleSubmit;return Object(jsx_runtime.jsx)(layout.a,{maxWidth:400,noColor:!0,noMargin:!0,noPadding:!0,children:Object(jsx_runtime.jsx)(layout.a,{noMargin:!0,children:Object(jsx_runtime.jsx)(index_esm.a,Object.assign({},methods,{children:Object(jsx_runtime.jsxs)("form",{onSubmit:handleSubmit(props.handle),children:[Object(jsx_runtime.jsx)(ui.i,{name:"password",placeholder:"Enter password",type:"password",inputLabel:"Password",rules:{required:"Password is rquired"},helperText:null===(_errors$password=errors.password)||void 0===_errors$password?void 0:_errors$password.message}),Object(jsx_runtime.jsx)(ui.i,{name:"password",placeholder:"Enter password",type:"password",inputLabel:"Password",rules:{required:"Password is rquired"},helperText:null===(_errors$password2=errors.password)||void 0===_errors$password2?void 0:_errors$password2.message}),Object(jsx_runtime.jsx)(ui.a,{last:!0,fullWidth:!0,text:"Sign In",onClick:props.handleSignIn})]})}))})})};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.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");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 _errors$amount,_useState2=_slicedToArray(Object(react.useState)(0),2),walletAmount=_useState2[0],setWalletAmount=_useState2[1],methods=Object(index_esm.b)(),errors=methods.formState.errors,handleSubmit=methods.handleSubmit;return Object(jsx_runtime.jsx)(layout.a,{maxWidth:400,noColor:!0,noMargin:!0,noPadding:!0,children:Object(jsx_runtime.jsxs)(layout.a,{noMargin:!0,children:[Object(jsx_runtime.jsxs)(ui.j,{variant:"h2",align:"center",children:[Number(walletAmount).toLocaleString("en")," ",Object(jsx_runtime.jsx)("span",{style:{fontSize:20,letterSpacing:1},children:props.currency})]}),Object(jsx_runtime.jsx)(index_esm.a,Object.assign({},methods,{children:Object(jsx_runtime.jsxs)("form",{onChange:function onChange(e){e.preventDefault(),setWalletAmount(methods.getValues().amount)},style:{marginTop:10},onSubmit:handleSubmit(props.handleChargeWallet),children:[Object(jsx_runtime.jsx)(ui.i,{name:"amount",placeholder:"Enter amount",type:"number",value:walletAmount,rules:{required:"Password is rquired"},helperText:null===(_errors$amount=errors.amount)||void 0===_errors$amount?void 0:_errors$amount.message}),Object(jsx_runtime.jsx)(ui.a,{last:!0,fullWidth:!0,text:"Charge Wallet",onClick:props.handleSignIn})]})}))]})})};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.jsx)(layout.a,{maxWidth:400,noColor:!0,noMargin:!0,noPadding:!0,children:Object(jsx_runtime.jsxs)(layout.a,{noMargin:!0,children:[Object(jsx_runtime.jsx)("div",{children:"Wallet Balance"}),Object(jsx_runtime.jsx)(ui.a,{text:"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"})},"./src/layout/index.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Box_Box}));__webpack_require__("./node_modules/react/index.js");var 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"})},"./src/stories/BlocksStories/AuthForm.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__.d(__webpack_exports__,"SignUp",(function(){return SignUp})),__webpack_require__.d(__webpack_exports__,"ResetPassword",(function(){return ResetPassword})),__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");var react=__webpack_require__("./node_modules/react/index.js"),ui=(__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"),__webpack_require__("./src/layout/index.js"),__webpack_require__("./src/ui/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 _errors$password,_errors$confirmPasswo,_useState2=_slicedToArray(Object(react.useState)(""),2),newPassword=_useState2[0],setNewPassword=_useState2[1],methods=Object(index_esm.b)(),errors=methods.formState.errors,handleSubmit=methods.handleSubmit;return Object(jsx_runtime.jsxs)(Container.a,{maxWidth:"xs",variant:"auth",children:[props.error&&Object(jsx_runtime.jsx)(ui.c,{text:"This is a new password alert",severity:"error"}),props.passwordChanged?Object(jsx_runtime.jsx)(ui.j,{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.a,Object.assign({},methods,{children:Object(jsx_runtime.jsxs)("form",{onSubmit:handleSubmit(props.handleNewPassword),children:[Object(jsx_runtime.jsx)(ui.i,{fullWidth:!0,name:"password",type:"password",label:props.texts.passwordLabel,placeholder:props.texts.passwordPlaceholder,onChange:function onChange(e){return setNewPassword(e.target.value)},value:newPassword,startAdornment:Object(jsx_runtime.jsx)(InputAdornment.a,{position:"start",children:Object(jsx_runtime.jsx)(HttpsOutlined_default.a,{})}),rules:{required:props.texts.passwordRequiredText},helperText:null===(_errors$password=errors.password)||void 0===_errors$password?void 0:_errors$password.message}),Object(jsx_runtime.jsx)(ui.i,{fullWidth:!0,name:"confirmPassword",type:"password",placeholder:props.texts.confirmPasswordPlaceholder,label:props.texts.confirmPasswordLabel,startAdornment:Object(jsx_runtime.jsx)(InputAdornment.a,{position:"start",children:Object(jsx_runtime.jsx)(HttpsOutlined_default.a,{})}),rules:{required:"Password is rquired"},helperText:null===(_errors$confirmPasswo=errors.confirmPassword)||void 0===_errors$confirmPasswo?void 0:_errors$confirmPasswo.message}),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.b)(),errors=methods.formState.errors,handleSubmit=methods.handleSubmit;methods.getValues,methods.register,methods.watch,methods.reset,methods.setValue;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)(ui.j,{style:{textAlign:"center",margin:5},children:"An link was sent to your email to reset the password."}):Object(jsx_runtime.jsx)(index_esm.a,Object.assign({},methods,{children:Object(jsx_runtime.jsxs)("form",{onSubmit:handleSubmit(props.handleResetPassword),children:[Object(jsx_runtime.jsx)(ui.i,{fullWidth:!0,type:"text",name:"email",label:props.texts.emailLabel,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}},helperText:null===(_errors$email=errors.email)||void 0===_errors$email?void 0:_errors$email.message}),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),Typography=__webpack_require__("./node_modules/@mui/material/Typography/Typography.js"),Alert_Alert=__webpack_require__("./node_modules/@mui/material/Alert/Alert.js"),SignUpForm_SignUpForm=function SignUpForm(props){var _errors$fullName,_errors$email,_errors$password,methods=Object(index_esm.b)(),errors=methods.formState.errors,handleSubmit=methods.handleSubmit;return Object(jsx_runtime.jsxs)(Container.a,{maxWidth:"xs",variant:"auth",children:[props.error&&Object(jsx_runtime.jsxs)(Alert_Alert.a,{severity:"error",children:[props.errorTitle&&Object(jsx_runtime.jsx)(AlertTitle,{children:props.errorTitle}),props.errorText]}),Object(jsx_runtime.jsx)(index_esm.a,Object.assign({},methods,{children:Object(jsx_runtime.jsxs)("form",{onSubmit:handleSubmit(props.handleSignUp),children:[Object(jsx_runtime.jsx)(ui.i,{fullWidth:!0,type:"text",label:props.texts.fullNameLabel,name:"fullName",placeholder:props.texts.fullNamePlaceholder,inputLabel:props.texts.fullNameLabel,startAdornment:Object(jsx_runtime.jsx)(InputAdornment.a,{position:"start",children:Object(jsx_runtime.jsx)(PermIdentityOutlined_default.a,{})}),helperText:null===(_errors$fullName=errors.fullName)||void 0===_errors$fullName?void 0:_errors$fullName.message}),Object(jsx_runtime.jsx)(ui.i,{fullWidth:!0,type:"text",label:props.texts.emailLabel,placeholder:props.texts.emailPlaceholder,name:"email",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}},helperText:null===(_errors$email=errors.email)||void 0===_errors$email?void 0:_errors$email.message}),Object(jsx_runtime.jsx)(ui.i,{fullWidth:!0,name:"password",placeholder:props.texts.passwordPlaceholder,type:"password",label:props.texts.passwordLabel,startAdornment:Object(jsx_runtime.jsx)(InputAdornment.a,{position:"start",children:Object(jsx_runtime.jsx)(HttpsOutlined_default.a,{})}),rules:{required:props.texts.passwordRequiredText,minLength:{value:8,message:props.texts.passwordTooShortText}},helperText:null===(_errors$password=errors.password)||void 0===_errors$password?void 0:_errors$password.message}),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:["Existing user?"," ",Object(jsx_runtime.jsx)("span",{onClick:props.handleRouteToSignIn,style:{cursor:"pointer",color:"blue",textAlign:"center"},children:props.texts.signInText})]}),Object(jsx_runtime.jsxs)("div",{style:{display:"flex",flexDirection:"column"},children:[props.viaGoogle&&Object(jsx_runtime.jsx)(ui.f,{logo:"google",buttonText:props.texts.googleButtonLabel,onClick:props.handleGoogleSignUp}),props.viaGithub&&Object(jsx_runtime.jsx)(ui.f,{logo:"github",buttonText:props.texts.githubButtonLabel,onClick:props.handleGithubSignUp}),props.viaTwitter&&Object(jsx_runtime.jsx)(ui.f,{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 _errors$email,_errors$password,methods=Object(index_esm.b)(),errors=methods.formState.errors,handleSubmit=methods.handleSubmit;return Object(jsx_runtime.jsxs)(Container.a,{maxWidth:"xs",variant:"auth",children:[props.error&&Object(jsx_runtime.jsxs)(Alert_Alert.a,{severity:"error",children:[props.errorTitle&&Object(jsx_runtime.jsx)(AlertTitle,{children:props.errorTitle}),props.errorText]}),Object(jsx_runtime.jsx)(index_esm.a,Object.assign({},methods,{children:Object(jsx_runtime.jsxs)("form",{onSubmit:handleSubmit(props.handleSignIn),children:[Object(jsx_runtime.jsx)(ui.i,{fullWidth:!0,type:"text",name:"email",label:props.texts.emailLabel,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.emailRequired,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}},helperText:null===(_errors$email=errors.email)||void 0===_errors$email?void 0:_errors$email.message}),Object(jsx_runtime.jsx)(ui.i,{fullWidth:!0,name:"password",placeholder:props.texts.passwordPlaceholder,type:"password",label:props.texts.passwordLabel,startAdornment:Object(jsx_runtime.jsx)(InputAdornment.a,{position:"start",children:Object(jsx_runtime.jsx)(HttpsOutlined_default.a,{})}),rules:{required:props.texts.passwordRequired},helperText:null===(_errors$password=errors.password)||void 0===_errors$password?void 0:_errors$password.message}),Object(jsx_runtime.jsx)(ui.j,{style:{cursor:"pointer",marginTop:5,width:"max-content",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)(ui.j,{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.jsxs)("div",{style:{display:"flex",flexDirection:"column"},children:[props.viaGoogle&&Object(jsx_runtime.jsx)(ui.f,{logo:"google",buttonText:props.texts.googleButtonLabel,onClick:props.handleGoogleSignIn}),props.viaGithub&&Object(jsx_runtime.jsx)(ui.f,{logo:"github",buttonText:props.texts.githubButtonLabel,onClick:props.handleGithubSignIn}),props.viaTwitter&&Object(jsx_runtime.jsx)(ui.f,{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"});__webpack_exports__.default={title:"Blocks/AuthBlocks",component:[SignInForm_SignInForm,SignUpForm_SignUpForm,NewPasswordForm_NewPasswordForm,NewPasswordForm_NewPasswordForm],argTypes:{theme:{options:["primary","secondary","default"],control:{type:"select"}}}};var AuthForm_stories_SignInTemplate=function SignInTemplate(args){return Object(jsx_runtime.jsx)(SignInForm_SignInForm,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}))};AuthForm_stories_SignInTemplate.displayName="SignInTemplate";var SignIn=AuthForm_stories_SignInTemplate.bind({});SignIn.args={viaGoogle:!0,viaGithub:!0,viaTwitter:!0,showError:!1,theme:"primary"};var AuthForm_stories_SignUpTemplate=function SignUpTemplate(args){return Object(jsx_runtime.jsx)(SignUpForm_SignUpForm,Object.assign({},args,{texts:{fullNameLabel:"Full Name",fullNamePlaceholder:"Fulan AlFulani",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",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")}}))};AuthForm_stories_SignUpTemplate.displayName="SignUpTemplate";var SignUp=AuthForm_stories_SignUpTemplate.bind({});SignUp.args={viaGoogle:!0,viaGithub:!0,viaTwitter:!0,showError:!1,theme:"primary"};var AuthForm_stories_ResetPasswordTemplate=function ResetPasswordTemplate(args){return Object(jsx_runtime.jsx)(ResetPasswordForm_ResetPasswordForm,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(){return console.log("resetting password")}}))};AuthForm_stories_ResetPasswordTemplate.displayName="ResetPasswordTemplate";var ResetPassword=AuthForm_stories_ResetPasswordTemplate.bind({});ResetPassword.args={theme:"primary",showError:!1,sent:!1};var AuthForm_stories_NewPasswordTemplate=function NewPasswordTemplate(args){return Object(jsx_runtime.jsx)(NewPasswordForm_NewPasswordForm,Object.assign({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",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,theme:args.theme},args))};AuthForm_stories_NewPasswordTemplate.displayName="NewPasswordTemplate";var NewPassword=AuthForm_stories_NewPasswordTemplate.bind({});NewPassword.args={theme:"primary",showError:!1,passwordChanged:!1},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),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        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        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),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={() => console.log("resetting password")}\r\n    />\r\n  );\r\n}'}},ResetPassword.parameters),NewPassword.parameters=Object.assign({storySource:{source:'(args) => {\r\n  return (\r\n    <NewPasswordForm\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        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      theme={args.theme}\r\n      {...args}\r\n    />\r\n  );\r\n}'}},NewPassword.parameters)},"./src/stories/BlocksStories/PaymentForm.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__.d(__webpack_exports__,"PayViaWallet",(function(){return PayViaWallet})),__webpack_require__.d(__webpack_exports__,"PayViaCreditCard",(function(){return PayViaCreditCard})),__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/PaymentBlocks",component:[_blocks_Payment__WEBPACK_IMPORTED_MODULE_2__.d,_blocks_Payment__WEBPACK_IMPORTED_MODULE_2__.b],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 PaymentSelection=function PaymentSelection(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_blocks_Payment__WEBPACK_IMPORTED_MODULE_2__.d,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")}}))};PaymentSelection.displayName="PaymentSelection";var PayViaWallet=function PayViaWallet(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_blocks_Payment__WEBPACK_IMPORTED_MODULE_2__.c,{theme:args.theme})};PayViaWallet.displayName="PayViaWallet";var PayViaCreditCard=function PayViaCreditCard(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_blocks_Payment__WEBPACK_IMPORTED_MODULE_2__.b,{})};PayViaCreditCard.displayName="PayViaCreditCard";var ChargeWallet=function ChargeWallet(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_blocks_Payment__WEBPACK_IMPORTED_MODULE_2__.a,{currency:"SAR"})};ChargeWallet.displayName="ChargeWallet",ChargeWallet.args={theme:"secondary"},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),PayViaWallet.parameters=Object.assign({storySource:{source:"(args) => {\r\n  return <PayWithWallet theme={args.theme} />;\r\n}"}},PayViaWallet.parameters),PayViaCreditCard.parameters=Object.assign({storySource:{source:"(args) => {\r\n  return <CreditCardForm />;\r\n}"}},PayViaCreditCard.parameters),ChargeWallet.parameters=Object.assign({storySource:{source:'(args) => {\r\n  return <ChargeWalletForm currency="SAR" />;\r\n}'}},ChargeWallet.parameters),PaymentSelection.__docgenInfo={description:"",methods:[],displayName:"PaymentSelection"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\stories\\BlocksStories\\PaymentForm.stories.js"]={name:"PaymentSelection",docgenInfo:PaymentSelection.__docgenInfo,path:"src\\stories\\BlocksStories\\PaymentForm.stories.js"}),PayViaWallet.__docgenInfo={description:"",methods:[],displayName:"PayViaWallet"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\stories\\BlocksStories\\PaymentForm.stories.js"]={name:"PayViaWallet",docgenInfo:PayViaWallet.__docgenInfo,path:"src\\stories\\BlocksStories\\PaymentForm.stories.js"}),PayViaCreditCard.__docgenInfo={description:"",methods:[],displayName:"PayViaCreditCard"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\stories\\BlocksStories\\PaymentForm.stories.js"]={name:"PayViaCreditCard",docgenInfo:PayViaCreditCard.__docgenInfo,path:"src\\stories\\BlocksStories\\PaymentForm.stories.js"}),ChargeWallet.__docgenInfo={description:"",methods:[],displayName:"ChargeWallet"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\stories\\BlocksStories\\PaymentForm.stories.js"]={name:"ChargeWallet",docgenInfo:ChargeWallet.__docgenInfo,path:"src\\stories\\BlocksStories\\PaymentForm.stories.js"})},"./src/stories/BlocksStories/UserForm.stories.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"UserAccount",(function(){return UserForm_stories_UserAccount})),__webpack_require__.d(__webpack_exports__,"UserSettings",(function(){return UserForm_stories_UserSettings}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var ui=__webpack_require__("./src/ui/index.js"),layout=__webpack_require__("./src/layout/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"),UserProfile_UserProfile=function UserProfile(props){var _errors$fullName,_errors$email,_errors$password,_errors$confirmPasswo,methods=Object(index_esm.b)(),errors=methods.formState.errors;methods.handleSubmit;return Object(jsx_runtime.jsx)(Container.a,{maxWidth:"xs",children:Object(jsx_runtime.jsx)(index_esm.a,Object.assign({},methods,{children:Object(jsx_runtime.jsxs)("form",{children:[Object(jsx_runtime.jsx)(ui.i,{fullWidth:!0,type:"text",name:"fullName",label:"Full Name",placeholder:"Fulan AlFulani",rules:{required:"Email is required"},helperText:null===(_errors$fullName=errors.fullName)||void 0===_errors$fullName?void 0:_errors$fullName.message}),Object(jsx_runtime.jsx)(ui.i,{fullWidth:!0,type:"text",name:"email",label:"New Email",placeholder:"Enter your new email",rules:{required:"Email is required"},helperText:null===(_errors$email=errors.email)||void 0===_errors$email?void 0:_errors$email.message}),Object(jsx_runtime.jsx)(ui.i,{fullWidth:!0,type:"password",name:"password",label:"New password",placeholder:"Enter your new password",rules:{required:"Email is required"},helperText:null===(_errors$password=errors.password)||void 0===_errors$password?void 0:_errors$password.message}),Object(jsx_runtime.jsx)(ui.i,{fullWidth:!0,type:"password",name:"confirmPassword",label:"Confirm new password",placeholder:"Confirm new password",rules:{required:"Email is required"},helperText:null===(_errors$confirmPasswo=errors.confirmPassword)||void 0===_errors$confirmPasswo?void 0:_errors$confirmPasswo.message}),Object(jsx_runtime.jsx)(Button.a,{type:"submit",fullWidth:!0,variant:"last",children:"update profile"})," "]})}))})};UserProfile_UserProfile.displayName="UserProfile",UserProfile_UserProfile.__docgenInfo={description:"",methods:[],displayName:"UserProfile"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\blocks\\Account\\UserProfile.js"]={name:"UserProfile",docgenInfo:UserProfile_UserProfile.__docgenInfo,path:"src\\blocks\\Account\\UserProfile.js"});var UserSettings_UserSettings=function UserSettings(props){return Object(jsx_runtime.jsxs)(layout.a,{maxWidth:400,children:[Object(jsx_runtime.jsx)(ui.i,{type:"text",inputLabel:"First Name"}),Object(jsx_runtime.jsx)(ui.i,{type:"text",inputLabel:"Last Name"}),Object(jsx_runtime.jsx)(ui.i,{type:"email",inputLabel:"Email"}),Object(jsx_runtime.jsx)(ui.i,{type:"password",inputLabel:"Password"}),Object(jsx_runtime.jsx)(ui.a,{last:!0,text:"Update Account"})]})};UserSettings_UserSettings.displayName="UserSettings",UserSettings_UserSettings.__docgenInfo={description:"",methods:[],displayName:"UserSettings"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\blocks\\Account\\UserSettings.js"]={name:"UserSettings",docgenInfo:UserSettings_UserSettings.__docgenInfo,path:"src\\blocks\\Account\\UserSettings.js"});__webpack_exports__.default={title:"Blocks/UserBlocks",component:UserProfile_UserProfile,argTypes:{theme:{options:["primary","secondary","default"],control:{type:"select"}}}};var UserForm_stories_UserAccount=function UserAccount(args){return Object(jsx_runtime.jsx)(UserProfile_UserProfile,Object.assign({},args))};UserForm_stories_UserAccount.displayName="UserAccount",UserForm_stories_UserAccount.args={theme:"primary"};var UserForm_stories_UserSettings=function UserSettings(args){return Object(jsx_runtime.jsx)(UserProfile_UserProfile,Object.assign({},args))};UserForm_stories_UserSettings.displayName="UserSettings",UserForm_stories_UserSettings.args={theme:"primary"},UserForm_stories_UserAccount.parameters=Object.assign({storySource:{source:"(args) => {\r\n  return <UserProfile {...args} />;\r\n}"}},UserForm_stories_UserAccount.parameters),UserForm_stories_UserSettings.parameters=Object.assign({storySource:{source:"(args) => {\r\n  return <UserProfile {...args} />;\r\n}"}},UserForm_stories_UserSettings.parameters),UserForm_stories_UserAccount.__docgenInfo={description:"",methods:[],displayName:"UserAccount"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\stories\\BlocksStories\\UserForm.stories.js"]={name:"UserAccount",docgenInfo:UserForm_stories_UserAccount.__docgenInfo,path:"src\\stories\\BlocksStories\\UserForm.stories.js"}),UserForm_stories_UserSettings.__docgenInfo={description:"",methods:[],displayName:"UserSettings"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\stories\\BlocksStories\\UserForm.stories.js"]={name:"UserSettings",docgenInfo:UserForm_stories_UserSettings.__docgenInfo,path:"src\\stories\\BlocksStories\\UserForm.stories.js"})},"./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__.b,{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/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"),__webpack_require__("./node_modules/react/index.js");var _layout__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/layout/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__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.Fragment,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_layout__WEBPACK_IMPORTED_MODULE_3__.a,{children:"Box 1"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_layout__WEBPACK_IMPORTED_MODULE_3__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div",{style:{backgroundColor:"white",padding:10,color:"black"},children:"testing box in box"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_layout__WEBPACK_IMPORTED_MODULE_3__.a,{children:"Box 3"})]})};__webpack_exports__.default={title:"Layout/Box",component:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_layout__WEBPACK_IMPORTED_MODULE_3__.a,{}),parameters:{backgrounds:{default:"light",values:[{name:"light",value:theme.lightBackground},{name:"dark",value:theme.darkBackground}]}}};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",theme:{textColor:"#000000",buttonColor:"#f9f9f9"}},Normal.parameters=Object.assign({storySource:{source:'(args) => {\r\n  return (\r\n    <>\r\n      <Box>Box 1</Box>\r\n      <Box>\r\n        <div style={{ backgroundColor: "white", padding: 10, color: "black" }}>\r\n          testing box in box\r\n        </div>\r\n      </Box>\r\n      <Box>Box 3</Box>\r\n    </>\r\n  );\r\n}'}},Normal.parameters),Compact.parameters=Object.assign({storySource:{source:'(args) => {\r\n  return (\r\n    <>\r\n      <Box>Box 1</Box>\r\n      <Box>\r\n        <div style={{ backgroundColor: "white", padding: 10, color: "black" }}>\r\n          testing box in box\r\n        </div>\r\n      </Box>\r\n      <Box>Box 3</Box>\r\n    </>\r\n  );\r\n}'}},Compact.parameters)},"./src/stories/UIStories/ActionButton.stories.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Primary",(function(){return Primary})),__webpack_require__.d(__webpack_exports__,"Secondary",(function(){return Secondary})),__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 _ui__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/ui/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Elements/Buttons/ActionButton",component:_ui__WEBPACK_IMPORTED_MODULE_3__.a,argTypes:{theme:{options:["primary","secondary","default"],control:{type:"select"}}}};var Template=function Template(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_3__.a,{text:args.buttonLabel})};Template.displayName="Template",Template.args={showText:!0,buttonLabel:"test",theme:"primary"};var Primary=Template.bind({});Primary.args={showText:!0,buttonLabel:"test",theme:"primary"};var Secondary=Template.bind({});Secondary.args={showText:!0,buttonLabel:"test",theme:"secondary"};var Default=Template.bind({});Default.args={showText:!0,buttonLabel:"test",theme:"default"},Primary.parameters=Object.assign({storySource:{source:"(args) => {\r\n  return <ActionButton text={args.buttonLabel} />;\r\n}"}},Primary.parameters),Secondary.parameters=Object.assign({storySource:{source:"(args) => {\r\n  return <ActionButton text={args.buttonLabel} />;\r\n}"}},Secondary.parameters),Default.parameters=Object.assign({storySource:{source:"(args) => {\r\n  return <ActionButton text={args.buttonLabel} />;\r\n}"}},Default.parameters)},"./src/stories/UIStories/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__.d(__webpack_exports__,"Danger",(function(){return Danger}));__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 _ui__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/ui/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Elements/Buttons/AdaptiveButton",component:_ui__WEBPACK_IMPORTED_MODULE_3__.b,argsTypes:{buttonLabel:{control:"text"},borderRadius:{control:"number"},buttonColor:{control:"color"},padding:{control:"number"},hintTitle:{control:"text"},hintContent:{control:"text"},theme:{options:["primary","secondary","default"],control:{type:"select"}}},args:{hintTitle:"test",hintContent:"more test",buttonColor:"#f9f9f9",theme:"primary"}};var Template=function Template(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_3__.b,Object.assign({},args))};Template.displayName="Template";var FullButton=Template.bind({});FullButton.args={theme:"primary"};var IconOnly=Template.bind({});IconOnly.args={theme:"primary"};var Danger=Template.bind({});Danger.args={theme:"primary"},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),Danger.parameters=Object.assign({storySource:{source:"(args) => {\r\n  return <AdaptiveButton {...args} />;\r\n}"}},Danger.parameters)},"./src/stories/UIStories/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 _ui__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/ui/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"UI/Alert",component:_ui__WEBPACK_IMPORTED_MODULE_3__.c,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)(_ui__WEBPACK_IMPORTED_MODULE_3__.c,{title:"What?",text:"This is a success alert",severity:"success"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_3__.c,{text:"This is an info alert",severity:"info"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_3__.c,{text:"This is a warning alert",severity:"warning"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_3__.c,{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/UIStories/CheckBox.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 _ui__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/ui/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)(_ui__WEBPACK_IMPORTED_MODULE_3__.d,Object.assign({},args))};Template.displayName="Template",__webpack_exports__.default={title:"UI/Checkbox",component:_ui__WEBPACK_IMPORTED_MODULE_3__.d,argsTypes:{defaultValue:{options:[!0,!1],control:{type:"radio"}}},args:{defaultValue:!0,disabled:!0}};var Light=Template.bind({}),Dark=Template.bind({});Light.args={color:"red",defaultValue:!1,label:"test"},Dark.args={color:"gray",defaultValue:!1},Light.parameters=Object.assign({storySource:{source:"(args) => {\r\n  return <HawaCheckbox {...args} />;\r\n}"}},Light.parameters),Dark.parameters=Object.assign({storySource:{source:"(args) => {\r\n  return <HawaCheckbox {...args} />;\r\n}"}},Dark.parameters)},"./src/stories/UIStories/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 _ui__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/ui/index.js");__webpack_exports__.default={title:"Components/InputLabel",component:[_ui__WEBPACK_IMPORTED_MODULE_1__.e],argTypes:{resize:{options:["vertical","horizontal","both"],control:{type:"radio"}}}}},"./src/stories/UIStories/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"),__webpack_require__("./node_modules/react/index.js");var _ui__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/ui/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Elements/Buttons/LogoButtons",component:_ui__WEBPACK_IMPORTED_MODULE_3__.a,argTypes:{theme:{options:["primary","secondary","default"],control:{type:"select"}},buttonLabel:{control:"text"},logo:{control:"text"}},args:{buttonLabel:"test",logo:"google",theme:"primary"}};var Template=function Template(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_3__.f,{logo:args.logo,buttonText:args.buttonLabel})};Template.displayName="Template";var Google=Template.bind({});Google.args={buttonLabel:"Sign in via Google",logo:"google",theme:"primary"};var Twitter=Template.bind({});Twitter.args={buttonLabel:"Sign in via Twitter",logo:"twitter",theme:"primary"};var Github=Template.bind({});Github.args={buttonLabel:"Sign in via Github",logo:"github",theme:"primary"};var WalletPay=Template.bind({});WalletPay.args={buttonLabel:"Pay with Wallet",logo:"wallet",theme:"primary"};var GooglePay=Template.bind({});GooglePay.args={buttonLabel:"Google Pay",logo:"googlepay",theme:"primary"};var ApplePay=Template.bind({});ApplePay.args={buttonLabel:"Apple Pay",logo:"applepay",theme:"primary"};var STCPay=Template.bind({});STCPay.args={buttonLabel:"STC Pay",logo:"stcpay",theme:"primary"};var VisaMasterPay=Template.bind({});VisaMasterPay.args={buttonLabel:"Visa / Mastercard",logo:"visa/master",theme:"primary"};var PayPal=Template.bind({});PayPal.args={buttonLabel:"PayPal",logo:"paypal",theme:"primary"};var Mada=Template.bind({});Mada.args={buttonLabel:"Mada",logo:"mada",theme:"primary"},Google.parameters=Object.assign({storySource:{source:"(args) => {\r\n  return <HawaLogoButton logo={args.logo} buttonText={args.buttonLabel} />;\r\n}"}},Google.parameters),Twitter.parameters=Object.assign({storySource:{source:"(args) => {\r\n  return <HawaLogoButton logo={args.logo} buttonText={args.buttonLabel} />;\r\n}"}},Twitter.parameters),Github.parameters=Object.assign({storySource:{source:"(args) => {\r\n  return <HawaLogoButton logo={args.logo} buttonText={args.buttonLabel} />;\r\n}"}},Github.parameters),WalletPay.parameters=Object.assign({storySource:{source:"(args) => {\r\n  return <HawaLogoButton logo={args.logo} buttonText={args.buttonLabel} />;\r\n}"}},WalletPay.parameters),GooglePay.parameters=Object.assign({storySource:{source:"(args) => {\r\n  return <HawaLogoButton logo={args.logo} buttonText={args.buttonLabel} />;\r\n}"}},GooglePay.parameters),ApplePay.parameters=Object.assign({storySource:{source:"(args) => {\r\n  return <HawaLogoButton logo={args.logo} buttonText={args.buttonLabel} />;\r\n}"}},ApplePay.parameters),STCPay.parameters=Object.assign({storySource:{source:"(args) => {\r\n  return <HawaLogoButton logo={args.logo} buttonText={args.buttonLabel} />;\r\n}"}},STCPay.parameters),VisaMasterPay.parameters=Object.assign({storySource:{source:"(args) => {\r\n  return <HawaLogoButton logo={args.logo} buttonText={args.buttonLabel} />;\r\n}"}},VisaMasterPay.parameters),PayPal.parameters=Object.assign({storySource:{source:"(args) => {\r\n  return <HawaLogoButton logo={args.logo} buttonText={args.buttonLabel} />;\r\n}"}},PayPal.parameters),Mada.parameters=Object.assign({storySource:{source:"(args) => {\r\n  return <HawaLogoButton logo={args.logo} buttonText={args.buttonLabel} />;\r\n}"}},Mada.parameters)},"./src/stories/UIStories/RadioSelector.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.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _ui__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/ui/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"UI/RadioSelector",component:_ui__WEBPACK_IMPORTED_MODULE_3__.g,argTypes:{theme:{options:["primary","secondary","default"],control:{type:"select"}}},args:{theme:"primary"}};var Template=function Template(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_3__.g,{defaultValue:"option1",options:[{text:"Option 1",label:"option1"},{text:"Option 2",label:"option2"},{text:"Option 3",label:"option3"}]})};Template.displayName="Template";var Light=Template.bind({});Light.args={theme:"primary",handleChange:function handleChange(){console.log("handleChange goes here")}};var Dark=Template.bind({});Dark.args={options:[{text:"Option 1",label:"option1"},{text:"Option 2",label:"option2"},{text:"Option 3",label:"option3"}],defaultValue:"option2",handleChange:function handleChange(){console.log("handleChange goes here")}},Light.parameters=Object.assign({storySource:{source:'(args) => {\r\n  return (\r\n      <HawaRadio\r\n        defaultValue="option1"\r\n        options={[\r\n          { text: "Option 1", label: "option1" },\r\n          { text: "Option 2", label: "option2" },\r\n          { text: "Option 3", label: "option3" }\r\n        ]}\r\n      />\r\n  );\r\n}'}},Light.parameters),Dark.parameters=Object.assign({storySource:{source:'(args) => {\r\n  return (\r\n      <HawaRadio\r\n        defaultValue="option1"\r\n        options={[\r\n          { text: "Option 1", label: "option1" },\r\n          { text: "Option 2", label: "option2" },\r\n          { text: "Option 3", label: "option3" }\r\n        ]}\r\n      />\r\n  );\r\n}'}},Dark.parameters)},"./src/stories/UIStories/SettingsRow.stories.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Checkbox",(function(){return Checkbox})),__webpack_require__.d(__webpack_exports__,"Text",(function(){return Text})),__webpack_require__.d(__webpack_exports__,"Radio",(function(){return Radio}));__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 _blocks_Payment__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/blocks/Payment/index.js"),_ui__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/ui/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"UI/SettingsRow",component:[_blocks_Payment__WEBPACK_IMPORTED_MODULE_3__.d,_blocks_Payment__WEBPACK_IMPORTED_MODULE_3__.b],argTypes:{theme:{options:["primary","secondary","default"],control:{type:"select"}},type:{options:["checkbox","text","default"],control:{type:"select"}}},args:{theme:"primary",type:"checkbox"}};var HawaSettingsRowTemplate=function HawaSettingsRowTemplate(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_4__.h,{settingsType:args.type})};HawaSettingsRowTemplate.displayName="HawaSettingsRowTemplate";var Checkbox=HawaSettingsRowTemplate.bind({});Checkbox.args={theme:"primary",type:"checkbox"};var Text=function Text(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_4__.h,{settingsType:args.type})};Text.displayName="Text",Text.args={theme:"primary",type:"text"};var Radio=function Radio(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_4__.h,{settingsType:args.type})};Radio.displayName="Radio",Radio.args={theme:"primary",type:"radio"},Checkbox.parameters=Object.assign({storySource:{source:"(args) => {\r\n  return <HawaSettingsRow settingsType={args.type} />;\r\n}"}},Checkbox.parameters),Text.parameters=Object.assign({storySource:{source:"(args) => {\r\n  return <HawaSettingsRow settingsType={args.type} />;\r\n}"}},Text.parameters),Radio.parameters=Object.assign({storySource:{source:"(args) => {\r\n  return <HawaSettingsRow settingsType={args.type} />;\r\n}"}},Radio.parameters),Text.__docgenInfo={description:"",methods:[],displayName:"Text"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\stories\\UIStories\\SettingsRow.stories.js"]={name:"Text",docgenInfo:Text.__docgenInfo,path:"src\\stories\\UIStories\\SettingsRow.stories.js"}),Radio.__docgenInfo={description:"",methods:[],displayName:"Radio"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\stories\\UIStories\\SettingsRow.stories.js"]={name:"Radio",docgenInfo:Radio.__docgenInfo,path:"src\\stories\\UIStories\\SettingsRow.stories.js"})},"./src/stories/UIStories/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 _ui__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/ui/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)(_ui__WEBPACK_IMPORTED_MODULE_3__.i,Object.assign({},args))};Template.displayName="Template",__webpack_exports__.default={title:"UI/TextField",component:_ui__WEBPACK_IMPORTED_MODULE_3__.i,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/ui/index.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"b",(function(){return AdaptiveButton_AdaptiveButton})),__webpack_require__.d(__webpack_exports__,"a",(function(){return ActionButton_ActionButton})),__webpack_require__.d(__webpack_exports__,"d",(function(){return HawaCheckbox_HawaCheckbox})),__webpack_require__.d(__webpack_exports__,"g",(function(){return HawaRadio_HawaRadio})),__webpack_require__.d(__webpack_exports__,"h",(function(){return HawaSettingsRow_HawaSettingsRow})),__webpack_require__.d(__webpack_exports__,"f",(function(){return HawaLogoButton_HawaLogoButton})),__webpack_require__.d(__webpack_exports__,"i",(function(){return HawaTextField_HawaTextField})),__webpack_require__.d(__webpack_exports__,"e",(function(){return HawaInputLabel_HawaInputLabel})),__webpack_require__.d(__webpack_exports__,"j",(function(){return HawaTypography_HawaTypography})),__webpack_require__.d(__webpack_exports__,"c",(function(){return HawaAlert_HawaAlert}));__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"),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"),StyledTooltip_StyledTooltip=function StyledTooltip(props){return Object(jsx_runtime.jsx)(Tooltip.a,{placement:"bottom-center",enterTouchDelay:100,title:props.hint?props.hint:Object(jsx_runtime.jsxs)("div",{children:[Object(jsx_runtime.jsx)("div",{style:{fontSize:20,fontWeight:800,padding:10,paddingBottom:5,textAlign:"center"},children:props.hintTitle}),Object(jsx_runtime.jsx)("div",{style:{fontSize:13,fontWeight:100,padding:10,textAlign:"center"},children:props.hintContent})]}),children:props.children})};StyledTooltip_StyledTooltip.displayName="StyledTooltip",StyledTooltip_StyledTooltip.__docgenInfo={description:"",methods:[],displayName:"StyledTooltip"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\ui\\StyledTooltip.js"]={name:"StyledTooltip",docgenInfo:StyledTooltip_StyledTooltip.__docgenInfo,path:"src\\ui\\StyledTooltip.js"});__webpack_require__("./node_modules/core-js/modules/es.string.split.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.string.match.js"),__webpack_require__("./node_modules/core-js/modules/es.parse-int.js");var getTextColor=function getTextColor(backColor){var rgbArray=function hexToRgb(hex){var d=null==hex?void 0:hex.split("#")[1],aRgbHex=null==d?void 0:d.match(/.{1,2}/g);return[parseInt(aRgbHex[0],16),parseInt(aRgbHex[1],16),parseInt(aRgbHex[2],16)]}(backColor);return.299*rgbArray[0]+.587*rgbArray[1]+.114*rgbArray[2]>186?"#000000":"#ffffff"};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 AdaptiveButton_AdaptiveButton=function AdaptiveButton(props){var showText=props.showText,_useState2=_slicedToArray(Object(react.useState)(!1),2),_useState4=(_useState2[0],_useState2[1],_slicedToArray(Object(react.useState)(!1),2)),hovered=_useState4[0];_useState4[1];return showText?Object(jsx_runtime.jsxs)(Button.a,{disableRipple:!0,disabled:props.disabled,"aria-label":props.buttonLabel,color:props.danger?"secondary":"primary",onClick:props.handleClick,style:{backgroundColor:theme.primaryColor,padding:theme.paddings,color:getTextColor(theme.primaryColor)},children:[props.icon,props.showText?Object(jsx_runtime.jsx)("span",{style:{marginLeft:props.icon?5:0},children:props.buttonLabel}):null]}):props.buttonLabelOnly?Object(jsx_runtime.jsx)(jsx_runtime.Fragment,{children:Object(jsx_runtime.jsx)(Tooltip.a,{placement:screenSize.width>400?"bottom-center":"top-center",enterTouchDelay:100,title:props.hint?props.hint:Object(jsx_runtime.jsxs)("div",{children:[Object(jsx_runtime.jsx)("div",{style:{fontSize:20,fontWeight:800,padding:10,paddingBottom:5,textAlign:"center"},children:props.hintTitle}),Object(jsx_runtime.jsx)("div",{style:{fontSize:13,fontWeight:100,padding:10,textAlign:"center"},children:props.hintContent})]}),children:Object(jsx_runtime.jsx)(Button.a,{disabled:props.disabled,size:"small",disableRipple:!0,"aria-label":props.buttonLabel,onClick:props.handleClick,color:props.danger?"secondary":"primary",style:{padding:10,color:hovered?"#ffffff":props.danger?"#f50057":"var(--blue)"},children:props.buttonLabel})})}):Object(jsx_runtime.jsx)(StyledTooltip_StyledTooltip,{hintTitle:"Example",hintContent:"More explaination here",children:Object(jsx_runtime.jsx)(Button.a,{disabled:props.disabled,size:"small",disableRipple:!0,"aria-label":props.buttonLabel,onClick:props.handleClick,color:props.danger?"secondary":"primary",style:{padding:10,color:hovered?"#ffffff":props.danger?"#f50057":"var(--blue)"},children:props.icon})})};AdaptiveButton_AdaptiveButton.propTypes={buttonLabel:prop_types_default.a.string,danger:prop_types_default.a.bool,disabled:prop_types_default.a.bool,showText:prop_types_default.a.bool},AdaptiveButton_AdaptiveButton.__docgenInfo={description:"",methods:[],displayName:"AdaptiveButton",props:{buttonLabel:{type:{name:"string"},required:!1,description:""},danger:{type:{name:"bool"},required:!1,description:""},disabled:{type:{name:"bool"},required:!1,description:""},showText:{type:{name:"bool"},required:!1,description:""}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\ui\\AdaptiveButton.js"]={name:"AdaptiveButton",docgenInfo:AdaptiveButton_AdaptiveButton.__docgenInfo,path:"src\\ui\\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\\ui\\ActionButton.js"]={name:"ActionButton",docgenInfo:ActionButton_ActionButton.__docgenInfo,path:"src\\ui\\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\\ui\\HawaCheckbox.js"]={name:"HawaCheckbox",docgenInfo:HawaCheckbox_HawaCheckbox.__docgenInfo,path:"src\\ui\\HawaCheckbox.js"});__webpack_require__("./node_modules/core-js/modules/es.array.map.js");var Typography=__webpack_require__("./node_modules/@mui/material/Typography/Typography.js"),layout=__webpack_require__("./src/layout/index.js"),HawaRadio_HawaRadio=function HawaRadio(props){return Object(jsx_runtime.jsx)(layout.a,{horizontal:!0,maxWidth:"fit-content",children:props.options.map((function(singleOption){var _hawaTheme$actionButt,_hawaTheme,_hawaTheme$layout$cur,_hawaTheme$actionButt2,_hawaTheme2,_hawaTheme2$layout$cu;return Object(jsx_runtime.jsx)("div",{onClick:function onClick(){setValue(singleOption.label),props.handleChange&&props.handleChange()},style:Object.assign({},radioSelectorStyle,{backgroundColor:value.toLowerCase()===singleOption.label.toLowerCase()?currentTheme?null===(_hawaTheme$actionButt=hawaTheme.actionButton[currentTheme])||void 0===_hawaTheme$actionButt?void 0:_hawaTheme$actionButt.backgroundColor:"black":null===(_hawaTheme=hawaTheme)||void 0===_hawaTheme||null===(_hawaTheme$layout$cur=_hawaTheme.layout[currentTheme])||void 0===_hawaTheme$layout$cur?void 0:_hawaTheme$layout$cur.backgroundColor,color:value.toLowerCase()===singleOption.label.toLowerCase()?null===(_hawaTheme$actionButt2=hawaTheme.actionButton[currentTheme])||void 0===_hawaTheme$actionButt2?void 0:_hawaTheme$actionButt2.color:currentTheme?null===(_hawaTheme2=hawaTheme)||void 0===_hawaTheme2||null===(_hawaTheme2$layout$cu=_hawaTheme2.layout[currentTheme])||void 0===_hawaTheme2$layout$cu?void 0:_hawaTheme2$layout$cu.color:"black"}),children:Object(jsx_runtime.jsx)(Typography.a,{children:singleOption.text})},singleOption.label)}))})};HawaRadio_HawaRadio.displayName="HawaRadio",HawaRadio_HawaRadio.__docgenInfo={description:"",methods:[],displayName:"HawaRadio"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\ui\\HawaRadio.js"]={name:"HawaRadio",docgenInfo:HawaRadio_HawaRadio.__docgenInfo,path:"src\\ui\\HawaRadio.js"});var TextField=__webpack_require__("./node_modules/@mui/material/TextField/TextField.js"),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\\ui\\HawaTypography.js"]={name:"HawaTypography",docgenInfo:HawaTypography_HawaTypography.__docgenInfo,path:"src\\ui\\HawaTypography.js"});var HawaSettingsRow_HawaSettingsRow=function HawaSettingsRow(props){return Object(jsx_runtime.jsxs)(layout.a,{noColor:!0,children:["checkbox"===props.settingsType&&Object(jsx_runtime.jsxs)("div",{style:Object.assign({},settingsRowStyle),children:[Object(jsx_runtime.jsx)(HawaTypography_HawaTypography,{children:"Checkbox Label"})," ",Object(jsx_runtime.jsx)(Checkbox.a,{})]}),"text"===props.settingsType&&Object(jsx_runtime.jsxs)("div",{style:Object.assign({},settingsRowStyle),children:["Text Label"," ",Object(jsx_runtime.jsx)(TextField.a,{InputProps:{style:Object.assign({},hawaTheme.inputFields[currentTheme],{height:40})},style:{padding:0},placeholder:"test"})]})]})};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\\ui\\HawaSettingsRow.js"]={name:"HawaSettingsRow",docgenInfo:HawaSettingsRow_HawaSettingsRow.__docgenInfo,path:"src\\ui\\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\\ui\\HawaLogoButton.js"]={name:"HawaLogoButton",docgenInfo:HawaLogoButton_HawaLogoButton.__docgenInfo,path:"src\\ui\\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\\ui\\HawaButton.js"]={name:"HawaButton",docgenInfo:HawaButton_HawaButton.__docgenInfo,path:"src\\ui\\HawaButton.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)(jsx_runtime.Fragment,{children:[Object(jsx_runtime.jsx)(InputLabel.a,{children:props.label}),Object(jsx_runtime.jsx)(Input.a,Object.assign({disableUnderline:!0},props))]})};HawaTextField_HawaTextField.__docgenInfo={description:"",methods:[],displayName:"HawaTextField"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\ui\\HawaTextField.js"]={name:"HawaTextField",docgenInfo:HawaTextField_HawaTextField.__docgenInfo,path:"src\\ui\\HawaTextField.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\\ui\\HawaInputLabel.js"]={name:"HawaInputLabel",docgenInfo:HawaInputLabel_HawaInputLabel.__docgenInfo,path:"src\\ui\\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,{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\\ui\\HawaAlert.js"]={name:"HawaAlert",docgenInfo:HawaAlert_HawaAlert.__docgenInfo,path:"src\\ui\\HawaAlert.js"})},"./storybook-init-framework-entry.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js")},0:function(module,exports,__webpack_require__){__webpack_require__("./node_modules/@storybook/core-client/dist/esm/globals/polyfills.js"),__webpack_require__("./node_modules/@storybook/core-client/dist/esm/globals/globals.js"),__webpack_require__("./storybook-init-framework-entry.js"),__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/frameworks/common/config.js-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/frameworks/react/config.js-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/react/dist/esm/client/preview/config-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/addon-links/dist/esm/preset/addDecorator.js-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/preset/addDecorator.js-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/preset/addArgs.js-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/addon-backgrounds/dist/esm/preset/addDecorator.js-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/addon-backgrounds/dist/esm/preset/addParameter.js-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/addon-measure/dist/esm/preset/addDecorator.js-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/addon-outline/dist/esm/preset/addDecorator.js-generated-config-entry.js"),__webpack_require__("./.storybook/preview.js-generated-config-entry.js"),module.exports=__webpack_require__("./generated-stories-entry.js")},1:function(module,exports){}},[[0,4,5]]]);

package/storybook-static/{runtime~main.cfefe972.iframe.bundle.js → runtime~main.f1ebae9b.iframe.bundle.js}

@@ -1 +1 @@
-!function(modules){function webpackJsonpCallback(data){for(var moduleId,chunkId,chunkIds=data[0],moreModules=data[1],executeModules=data[2],i=0,resolves=[];i<chunkIds.length;i++)chunkId=chunkIds[i],Object.prototype.hasOwnProperty.call(installedChunks,chunkId)&&installedChunks[chunkId]&&resolves.push(installedChunks[chunkId][0]),installedChunks[chunkId]=0;for(moduleId in moreModules)Object.prototype.hasOwnProperty.call(moreModules,moduleId)&&(modules[moduleId]=moreModules[moduleId]);for(parentJsonpFunction&&parentJsonpFunction(data);resolves.length;)resolves.shift()();return deferredModules.push.apply(deferredModules,executeModules||[]),checkDeferredModules()}function checkDeferredModules(){for(var result,i=0;i<deferredModules.length;i++){for(var deferredModule=deferredModules[i],fulfilled=!0,j=1;j<deferredModule.length;j++){var depId=deferredModule[j];0!==installedChunks[depId]&&(fulfilled=!1)}fulfilled&&(deferredModules.splice(i--,1),result=__webpack_require__(__webpack_require__.s=deferredModule[0]))}return result}var installedModules={},installedChunks={4:0},deferredModules=[];function __webpack_require__(moduleId){if(installedModules[moduleId])return installedModules[moduleId].exports;var module=installedModules[moduleId]={i:moduleId,l:!1,exports:{}};return modules[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.l=!0,module.exports}__webpack_require__.e=function requireEnsure(chunkId){var promises=[],installedChunkData=installedChunks[chunkId];if(0!==installedChunkData)if(installedChunkData)promises.push(installedChunkData[2]);else{var promise=new Promise((function(resolve,reject){installedChunkData=installedChunks[chunkId]=[resolve,reject]}));promises.push(installedChunkData[2]=promise);var onScriptComplete,script=document.createElement("script");script.charset="utf-8",script.timeout=120,__webpack_require__.nc&&script.setAttribute("nonce",__webpack_require__.nc),script.src=function jsonpScriptSrc(chunkId){return __webpack_require__.p+""+({}[chunkId]||chunkId)+"."+{0:"0d994c92",1:"aabc3f3a",2:"430bf1e3",6:"704d1e8d",7:"9ce807e3",8:"c4cb6081"}[chunkId]+".iframe.bundle.js"}(chunkId);var error=new Error;onScriptComplete=function(event){script.onerror=script.onload=null,clearTimeout(timeout);var chunk=installedChunks[chunkId];if(0!==chunk){if(chunk){var errorType=event&&("load"===event.type?"missing":event.type),realSrc=event&&event.target&&event.target.src;error.message="Loading chunk "+chunkId+" failed.\n("+errorType+": "+realSrc+")",error.name="ChunkLoadError",error.type=errorType,error.request=realSrc,chunk[1](error)}installedChunks[chunkId]=void 0}};var timeout=setTimeout((function(){onScriptComplete({type:"timeout",target:script})}),12e4);script.onerror=script.onload=onScriptComplete,document.head.appendChild(script)}return Promise.all(promises)},__webpack_require__.m=modules,__webpack_require__.c=installedModules,__webpack_require__.d=function(exports,name,getter){__webpack_require__.o(exports,name)||Object.defineProperty(exports,name,{enumerable:!0,get:getter})},__webpack_require__.r=function(exports){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports,"__esModule",{value:!0})},__webpack_require__.t=function(value,mode){if(1&mode&&(value=__webpack_require__(value)),8&mode)return value;if(4&mode&&"object"==typeof value&&value&&value.__esModule)return value;var ns=Object.create(null);if(__webpack_require__.r(ns),Object.defineProperty(ns,"default",{enumerable:!0,value:value}),2&mode&&"string"!=typeof value)for(var key in value)__webpack_require__.d(ns,key,function(key){return value[key]}.bind(null,key));return ns},__webpack_require__.n=function(module){var getter=module&&module.__esModule?function getDefault(){return module.default}:function getModuleExports(){return module};return __webpack_require__.d(getter,"a",getter),getter},__webpack_require__.o=function(object,property){return Object.prototype.hasOwnProperty.call(object,property)},__webpack_require__.p="",__webpack_require__.oe=function(err){throw console.error(err),err};var jsonpArray=window.webpackJsonp=window.webpackJsonp||[],oldJsonpFunction=jsonpArray.push.bind(jsonpArray);jsonpArray.push=webpackJsonpCallback,jsonpArray=jsonpArray.slice();for(var i=0;i<jsonpArray.length;i++)webpackJsonpCallback(jsonpArray[i]);var parentJsonpFunction=oldJsonpFunction;checkDeferredModules()}([]);
+!function(modules){function webpackJsonpCallback(data){for(var moduleId,chunkId,chunkIds=data[0],moreModules=data[1],executeModules=data[2],i=0,resolves=[];i<chunkIds.length;i++)chunkId=chunkIds[i],Object.prototype.hasOwnProperty.call(installedChunks,chunkId)&&installedChunks[chunkId]&&resolves.push(installedChunks[chunkId][0]),installedChunks[chunkId]=0;for(moduleId in moreModules)Object.prototype.hasOwnProperty.call(moreModules,moduleId)&&(modules[moduleId]=moreModules[moduleId]);for(parentJsonpFunction&&parentJsonpFunction(data);resolves.length;)resolves.shift()();return deferredModules.push.apply(deferredModules,executeModules||[]),checkDeferredModules()}function checkDeferredModules(){for(var result,i=0;i<deferredModules.length;i++){for(var deferredModule=deferredModules[i],fulfilled=!0,j=1;j<deferredModule.length;j++){var depId=deferredModule[j];0!==installedChunks[depId]&&(fulfilled=!1)}fulfilled&&(deferredModules.splice(i--,1),result=__webpack_require__(__webpack_require__.s=deferredModule[0]))}return result}var installedModules={},installedChunks={4:0},deferredModules=[];function __webpack_require__(moduleId){if(installedModules[moduleId])return installedModules[moduleId].exports;var module=installedModules[moduleId]={i:moduleId,l:!1,exports:{}};return modules[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.l=!0,module.exports}__webpack_require__.e=function requireEnsure(chunkId){var promises=[],installedChunkData=installedChunks[chunkId];if(0!==installedChunkData)if(installedChunkData)promises.push(installedChunkData[2]);else{var promise=new Promise((function(resolve,reject){installedChunkData=installedChunks[chunkId]=[resolve,reject]}));promises.push(installedChunkData[2]=promise);var onScriptComplete,script=document.createElement("script");script.charset="utf-8",script.timeout=120,__webpack_require__.nc&&script.setAttribute("nonce",__webpack_require__.nc),script.src=function jsonpScriptSrc(chunkId){return __webpack_require__.p+""+({}[chunkId]||chunkId)+"."+{0:"0d994c92",1:"aabc3f3a",2:"430bf1e3",6:"704d1e8d",7:"9ce807e3",8:"1bf48ea7"}[chunkId]+".iframe.bundle.js"}(chunkId);var error=new Error;onScriptComplete=function(event){script.onerror=script.onload=null,clearTimeout(timeout);var chunk=installedChunks[chunkId];if(0!==chunk){if(chunk){var errorType=event&&("load"===event.type?"missing":event.type),realSrc=event&&event.target&&event.target.src;error.message="Loading chunk "+chunkId+" failed.\n("+errorType+": "+realSrc+")",error.name="ChunkLoadError",error.type=errorType,error.request=realSrc,chunk[1](error)}installedChunks[chunkId]=void 0}};var timeout=setTimeout((function(){onScriptComplete({type:"timeout",target:script})}),12e4);script.onerror=script.onload=onScriptComplete,document.head.appendChild(script)}return Promise.all(promises)},__webpack_require__.m=modules,__webpack_require__.c=installedModules,__webpack_require__.d=function(exports,name,getter){__webpack_require__.o(exports,name)||Object.defineProperty(exports,name,{enumerable:!0,get:getter})},__webpack_require__.r=function(exports){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports,"__esModule",{value:!0})},__webpack_require__.t=function(value,mode){if(1&mode&&(value=__webpack_require__(value)),8&mode)return value;if(4&mode&&"object"==typeof value&&value&&value.__esModule)return value;var ns=Object.create(null);if(__webpack_require__.r(ns),Object.defineProperty(ns,"default",{enumerable:!0,value:value}),2&mode&&"string"!=typeof value)for(var key in value)__webpack_require__.d(ns,key,function(key){return value[key]}.bind(null,key));return ns},__webpack_require__.n=function(module){var getter=module&&module.__esModule?function getDefault(){return module.default}:function getModuleExports(){return module};return __webpack_require__.d(getter,"a",getter),getter},__webpack_require__.o=function(object,property){return Object.prototype.hasOwnProperty.call(object,property)},__webpack_require__.p="",__webpack_require__.oe=function(err){throw console.error(err),err};var jsonpArray=window.webpackJsonp=window.webpackJsonp||[],oldJsonpFunction=jsonpArray.push.bind(jsonpArray);jsonpArray.push=webpackJsonpCallback,jsonpArray=jsonpArray.slice();for(var i=0;i<jsonpArray.length;i++)webpackJsonpCallback(jsonpArray[i]);var parentJsonpFunction=oldJsonpFunction;checkDeferredModules()}([]);