@sikka/hawa 0.0.7 → 0.0.8

package/storybook-static/main.5731dbe3.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,"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"),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/HawaProvider.stories.js":"./src/stories/HawaProvider.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"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),SelectPayment_SelectPayment=function SelectPayment(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)(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.c)(),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.b,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.c)(),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.b,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/core-js/modules/es.array.find.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),HawaProvider=__webpack_require__("./src/themes/HawaProvider.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),Box_Box=function Box(props){var _useContext=Object(react.useContext)(HawaProvider.b),hawaTheme=_useContext.hawaTheme,themeName=_useContext.themeName,boxStyle={},currentTheme=Object.keys(hawaTheme.layout).find((function(tName){return tName.toLowerCase()===(null==themeName?void 0:themeName.toLowerCase())}));return boxStyle=currentTheme?Object.assign({display:"flex",flexDirection:props.horizontal?"row":"column"},hawaTheme.layout[currentTheme],{backgroundColor:props.noColor?"none":hawaTheme.layout[currentTheme].backgroundColor,padding:props.noPadding?0:hawaTheme.layout[currentTheme].padding,margin:props.noMargin?0:hawaTheme.layout[currentTheme].margin,maxWidth:props.maxWidth}):{display:"flex",flexDirection:props.horizontal?"row":"column",color:"white",marginTop:props.last?20:0,backgroundColor:props.noColor?"none":"lightGrey",padding:props.noPadding?0:10,margin:props.noMargin?0:10,maxWidth:props.maxWidth,borderRadius:0},Object(jsx_runtime.jsx)("div",{style:boxStyle,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"),layout=(__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")),ui=__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),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],_useState4=_slicedToArray(Object(react.useState)(""),2),_useState6=(_useState4[0],_useState4[1],_slicedToArray(Object(react.useState)(!1),2)),_useState8=(_useState6[0],_useState6[1],_slicedToArray(Object(react.useState)(""),2)),_useState10=(_useState8[0],_useState8[1],_slicedToArray(Object(react.useState)(!0),2)),methods=(_useState10[0],_useState10[1],Object(index_esm.c)()),errors=methods.formState.errors,handleSubmit=methods.handleSubmit;methods.getValues,methods.register,methods.watch,methods.reset,methods.setValue;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:[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.b,Object.assign({},methods,{children:Object(jsx_runtime.jsxs)("form",{onSubmit:handleSubmit(props.handleNewPassword),children:[Object(jsx_runtime.jsx)(ui.i,{name:"password",type:"password",inputLabel:"Choose new password",placeholder:"Enter password",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:"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:"confirmPassword",type:"password",placeholder:"Confirm Password",inputLabel:"Confirm",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)(ui.a,{fullWidth:!0,type:"submit",last:!0,text:"Reset Password"})]})}))]})})};NewPasswordForm_NewPasswordForm.displayName="NewPasswordForm",NewPasswordForm_NewPasswordForm.__docgenInfo={description:"",methods:[],displayName:"NewPasswordForm"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\blocks\\AuthForms\\NewPasswordForm.js"]={name:"NewPasswordForm",docgenInfo:NewPasswordForm_NewPasswordForm.__docgenInfo,path:"src\\blocks\\AuthForms\\NewPasswordForm.js"});var MailOutline=__webpack_require__("./node_modules/@mui/icons-material/MailOutline.js"),MailOutline_default=__webpack_require__.n(MailOutline),ResetPasswordForm_ResetPasswordForm=function ResetPasswordForm(props){var _errors$email,methods=Object(index_esm.c)(),errors=methods.formState.errors,handleSubmit=methods.handleSubmit;methods.getValues,methods.register,methods.watch,methods.reset,methods.setValue;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:[props.error&&Object(jsx_runtime.jsx)(ui.c,{text:"This is a reset password alert",severity:"error"}),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.b,Object.assign({},methods,{children:Object(jsx_runtime.jsxs)("form",{onSubmit:handleSubmit(props.handleResetPassword),children:[Object(jsx_runtime.jsx)(ui.i,{type:"text",name:"email",inputLabel:"Email",placeholder:"Enter your email",startAdornment:Object(jsx_runtime.jsx)(InputAdornment.a,{position:"start",children:Object(jsx_runtime.jsx)(MailOutline_default.a,{})}),rules:{required:"Email is required",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:"Invalid email address"}},helperText:null===(_errors$email=errors.email)||void 0===_errors$email?void 0:_errors$email.message}),Object(jsx_runtime.jsx)(ui.a,{fullWidth:!0,last:!0,type:"submit",text:"Reset Password"})]})}))]})})};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),SignUpForm_SignUpForm=function SignUpForm(props){var _errors$fullName,_errors$email,_errors$password,methods=Object(index_esm.c)(),errors=methods.formState.errors,handleSubmit=methods.handleSubmit;methods.getValues,methods.register,methods.watch,methods.reset,methods.setValue;return Object(jsx_runtime.jsxs)(layout.a,{maxWidth:400,noColor:!0,noMargin:!0,noPadding:!0,children:[Object(jsx_runtime.jsxs)(layout.a,{noMargin:!0,children:[props.error&&Object(jsx_runtime.jsx)(ui.c,{text:"This is a sign in alert",severity:"error"}),Object(jsx_runtime.jsx)(index_esm.b,Object.assign({},methods,{children:Object(jsx_runtime.jsxs)("form",{onSubmit:handleSubmit(props.handleSignUp),children:[Object(jsx_runtime.jsx)(ui.i,{name:"fullName",placeholder:"Fulan AlFulani",type:"text",inputLabel:"Full Name",startAdornment:Object(jsx_runtime.jsx)(InputAdornment.a,{position:"start",children:Object(jsx_runtime.jsx)(PermIdentityOutlined_default.a,{})}),rules:{required:"Full name rquired"},helperText:null===(_errors$fullName=errors.fullName)||void 0===_errors$fullName?void 0:_errors$fullName.message}),Object(jsx_runtime.jsx)(ui.i,{type:"text",inputLabel:"Email",placeholder:"Enter your email",name:"email",startAdornment:Object(jsx_runtime.jsx)(InputAdornment.a,{position:"start",children:Object(jsx_runtime.jsx)(MailOutline_default.a,{})}),rules:{required:"Email required",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:"Invalid email address"}},helperText:null===(_errors$email=errors.email)||void 0===_errors$email?void 0:_errors$email.message}),Object(jsx_runtime.jsx)(ui.i,{name:"password",placeholder:"Minimum 8 characters",type:"password",inputLabel:"Password",startAdornment:Object(jsx_runtime.jsx)(InputAdornment.a,{position:"start",children:Object(jsx_runtime.jsx)(HttpsOutlined_default.a,{})}),rules:{required:"Password rquired",minLength:{value:8,message:"Password too short"}},helperText:null===(_errors$password=errors.password)||void 0===_errors$password?void 0:_errors$password.message}),Object(jsx_runtime.jsx)(ui.a,{fullWidth:!0,type:"submit",text:"Sign Up",last:!0})]})}))]}),Object(jsx_runtime.jsxs)(ui.j,{style:{marginTop:5,textAlign:"center",padding:5},children:["Existing user?"," ",Object(jsx_runtime.jsx)("span",{onClick:function onClick(){return console.log("res")},style:{cursor:"pointer",color:"blue",textAlign:"center"},children:"Sign in"})]}),props.viaGoogle&&Object(jsx_runtime.jsx)(ui.f,{logo:"google",buttonText:props.googleButtonLabel,handleClick:props.handleGoogleSignIn}),props.viaGithub&&Object(jsx_runtime.jsx)(ui.f,{logo:"github",buttonText:props.githubButtonLabel,handleClick:props.handleGithubSignIn}),props.viaTwitter&&Object(jsx_runtime.jsx)(ui.f,{logo:"twitter",buttonText:props.twitterButtonLabel,handleClick:props.handleTwitterSignIn})]})};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.c)(),errors=methods.formState.errors,handleSubmit=methods.handleSubmit;return Object(jsx_runtime.jsxs)(layout.a,{maxWidth:400,noColor:!0,noMargin:!0,noPadding:!0,children:[Object(jsx_runtime.jsxs)(layout.a,{noMargin:!0,children:[props.error&&Object(jsx_runtime.jsx)(ui.c,{text:"This is a sign in alert",severity:"error"}),Object(jsx_runtime.jsx)(index_esm.b,Object.assign({},methods,{children:Object(jsx_runtime.jsxs)("form",{onSubmit:handleSubmit(props.handleSignIn),children:[Object(jsx_runtime.jsx)(ui.i,{type:"text",name:"email",inputLabel:"Email",placeholder:"Enter your email",startAdornment:Object(jsx_runtime.jsx)(InputAdornment.a,{position:"start",children:Object(jsx_runtime.jsx)(MailOutline_default.a,{})}),rules:{required:"Email is required",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:"Invalid email address"}},helperText:null===(_errors$email=errors.email)||void 0===_errors$email?void 0:_errors$email.message}),Object(jsx_runtime.jsx)(ui.i,{name:"password",placeholder:"Enter password",type:"password",inputLabel:"Password",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$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:function onClick(){return console.log("res")},children:"Forgot password?"}),Object(jsx_runtime.jsx)(ui.a,{type:"submit",fullWidth:!0,last:"true",text:"Sign In"})]})}))]}),Object(jsx_runtime.jsxs)(ui.j,{style:{marginTop:5,textAlign:"center",padding:5},children:["New user?"," ",Object(jsx_runtime.jsx)("span",{onClick:function onClick(){return console.log("res")},style:{cursor:"pointer",color:"blue",textAlign:"center"},children:"Sign up"})]}),props.viaGoogle&&Object(jsx_runtime.jsx)(ui.f,{logo:"google",buttonText:props.googleButtonLabel,handleClick:props.handleGoogleSignIn}),props.viaGithub&&Object(jsx_runtime.jsx)(ui.f,{logo:"github",buttonText:props.githubButtonLabel,handleClick:props.handleGithubSignIn}),props.viaTwitter&&Object(jsx_runtime.jsx)(ui.f,{logo:"twitter",buttonText:props.twitterButtonLabel,handleClick: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"});var HawaProvider=__webpack_require__("./src/themes/HawaProvider.js"),AuthForm_stories_SignInTemplate=(__webpack_exports__.default={title:"Blocks/AuthBlocks",component:[SignInForm_SignInForm,SignUpForm_SignUpForm,NewPasswordForm_NewPasswordForm,NewPasswordForm_NewPasswordForm],argTypes:{theme:{options:["primary","secondary","default"],control:{type:"select"}}}},function SignInTemplate(args){return Object(jsx_runtime.jsx)(HawaProvider.a,{themeName:args.theme,children:Object(jsx_runtime.jsx)(SignInForm_SignInForm,Object.assign({},args,{error:args.showError,handleSignIn:function handleSignIn(e){return console.log("singing in via email",e)},viaGoogle:args.viaGoogle,googleButtonLabel:"Sign in with Google",handleGoogleSignIn:function handleGoogleSignIn(){return console.log("signing in via google")},viaGithub:args.viaGithub,githubButtonLabel:"Sign in with Github",handleGithubSignIn:function handleGithubSignIn(){return console.log("signing in via github")},viaTwitter:args.viaTwitter,twitterButtonLabel:"Sign in with Twitter",handleTwitterSignIn:function handleTwitterSignIn(){return console.log("signing in via Twitter")}}))})});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)(HawaProvider.a,{themeName:args.theme,children:Object(jsx_runtime.jsx)(SignUpForm_SignUpForm,Object.assign({},args,{error:args.showError,handleSignUp:function handleSignUp(){return console.log("singing up via email")},viaGoogle:args.viaGoogle,googleButtonLabel:"Sign up with Google",handleGoogleSignUp:function handleGoogleSignUp(){return console.log("signing up via google")},viaGithub:args.viaGithub,githubButtonLabel:"Sign up with Github",handleGithubSignUp:function handleGithubSignUp(){return console.log("signing up via github")},viaTwitter:args.viaTwitter,twitterButtonLabel:"Sign up with Twitter",handleTwitterSignUp:function handleTwitterSignUp(){return console.log("signing up via Twitter")}}))})};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)(HawaProvider.a,{themeName:args.theme,children:Object(jsx_runtime.jsx)(ResetPasswordForm_ResetPasswordForm,Object.assign({error:args.showError,theme:args.theme},args))})};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)(HawaProvider.a,{themeName:args.theme,children:Object(jsx_runtime.jsx)(NewPasswordForm_NewPasswordForm,Object.assign({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    <HawaProvider themeName={args.theme}>\r\n      <SignInForm\r\n        {...args}\r\n        error={args.showError}\r\n        handleSignIn={(e) => console.log("singing in via email", e)}\r\n        viaGoogle={args.viaGoogle}\r\n        googleButtonLabel={"Sign in with Google"}\r\n        handleGoogleSignIn={() => console.log("signing in via google")}\r\n        viaGithub={args.viaGithub}\r\n        githubButtonLabel={"Sign in with Github"}\r\n        handleGithubSignIn={() => console.log("signing in via github")}\r\n        viaTwitter={args.viaTwitter}\r\n        twitterButtonLabel={"Sign in with Twitter"}\r\n        handleTwitterSignIn={() => console.log("signing in via Twitter")}\r\n      />\r\n    </HawaProvider>\r\n  );\r\n}'}},SignIn.parameters),SignUp.parameters=Object.assign({storySource:{source:'(args) => {\r\n  return (\r\n    <HawaProvider themeName={args.theme}>\r\n      <SignUpForm\r\n        {...args}\r\n        error={args.showError}\r\n        handleSignUp={() => console.log("singing up via email")}\r\n        viaGoogle={args.viaGoogle}\r\n        googleButtonLabel={"Sign up with Google"}\r\n        handleGoogleSignUp={() => console.log("signing up via google")}\r\n        viaGithub={args.viaGithub}\r\n        githubButtonLabel={"Sign up with Github"}\r\n        handleGithubSignUp={() => console.log("signing up via github")}\r\n        viaTwitter={args.viaTwitter}\r\n        twitterButtonLabel={"Sign up with Twitter"}\r\n        handleTwitterSignUp={() => console.log("signing up via Twitter")}\r\n      />\r\n    </HawaProvider>\r\n  );\r\n}'}},SignUp.parameters),ResetPassword.parameters=Object.assign({storySource:{source:"(args) => {\r\n  return (\r\n    <HawaProvider themeName={args.theme}>\r\n      <ResetPasswordForm error={args.showError} theme={args.theme} {...args} />\r\n    </HawaProvider>\r\n  );\r\n}"}},ResetPassword.parameters),NewPassword.parameters=Object.assign({storySource:{source:"(args) => {\r\n  return (\r\n    <HawaProvider themeName={args.theme}>\r\n      <NewPasswordForm error={args.showError} theme={args.theme} {...args} />\r\n    </HawaProvider>\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"),_themes_HawaProvider__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/themes/HawaProvider.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__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_4__.jsx)(_themes_HawaProvider__WEBPACK_IMPORTED_MODULE_3__.a,{themeName:args.theme,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.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_4__.jsx)(_themes_HawaProvider__WEBPACK_IMPORTED_MODULE_3__.a,{theme:Object.assign({},_themes_HawaProvider__WEBPACK_IMPORTED_MODULE_3__.c),children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.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_4__.jsx)(_themes_HawaProvider__WEBPACK_IMPORTED_MODULE_3__.a,{theme:Object.assign({},_themes_HawaProvider__WEBPACK_IMPORTED_MODULE_3__.c),children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_blocks_Payment__WEBPACK_IMPORTED_MODULE_2__.b,{})})};PayViaCreditCard.displayName="PayViaCreditCard";var ChargeWallet=function ChargeWallet(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_themes_HawaProvider__WEBPACK_IMPORTED_MODULE_3__.a,{themeName:args.theme,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.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    <HawaProvider themeName={args.theme}>\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    </HawaProvider>\r\n  );\r\n}'}},PaymentSelection.parameters),PayViaWallet.parameters=Object.assign({storySource:{source:"(args) => {\r\n  return (\r\n    <HawaProvider theme={{ ...defaultTheme }}>\r\n      <PayWithWallet theme={args.theme} />\r\n    </HawaProvider>\r\n  );\r\n}"}},PayViaWallet.parameters),PayViaCreditCard.parameters=Object.assign({storySource:{source:"(args) => {\r\n  return (\r\n    <HawaProvider theme={{ ...defaultTheme }}>\r\n      <CreditCardForm />\r\n    </HawaProvider>\r\n  );\r\n}"}},PayViaCreditCard.parameters),ChargeWallet.parameters=Object.assign({storySource:{source:'(args) => {\r\n  return (\r\n    <HawaProvider themeName={args.theme}>\r\n      <ChargeWalletForm currency="SAR" />\r\n    </HawaProvider>\r\n  );\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"),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.c)(),errors=methods.formState.errors;methods.handleSubmit;return Object(jsx_runtime.jsx)(layout.a,{maxWidth:400,noMargin:!0,children:Object(jsx_runtime.jsx)(layout.a,{noMargin:!0,noColor:!0,children:Object(jsx_runtime.jsx)(index_esm.b,Object.assign({},methods,{children:Object(jsx_runtime.jsxs)("form",{children:[Object(jsx_runtime.jsx)(ui.i,{type:"text",name:"fullName",inputLabel:"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,{type:"text",name:"email",inputLabel:"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,{type:"password",name:"password",inputLabel:"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,{type:"password",name:"confirmPassword",inputLabel:"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)(ui.a,{fullWidth:!0,last:!0,text:"Update Account"})]})}))})})};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"});var HawaProvider=__webpack_require__("./src/themes/HawaProvider.js"),theme=(__webpack_exports__.default={title:"Blocks/UserBlocks",component:UserProfile_UserProfile,argTypes:{theme:{options:["primary","secondary","default"],control:{type:"select"}}}},Object.assign({},HawaProvider.c,{paddings:20})),UserForm_stories_UserAccount=function UserAccount(args){return Object(jsx_runtime.jsx)(HawaProvider.a,{theme:Object.assign({},HawaProvider.c,theme),children: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)(HawaProvider.a,{theme:Object.assign({},HawaProvider.c,theme),children: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 (\r\n    <HawaProvider theme={{ ...defaultTheme, ...theme }}>\r\n      <UserProfile {...args} />\r\n    </HawaProvider>\r\n  );\r\n}"}},UserForm_stories_UserAccount.parameters),UserForm_stories_UserSettings.parameters=Object.assign({storySource:{source:"(args) => {\r\n  return (\r\n    <HawaProvider theme={{ ...defaultTheme, ...theme }}>\r\n      <UserProfile {...args} />\r\n    </HawaProvider>\r\n  );\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/HawaProvider.stories.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);__webpack_require__("./node_modules/react/index.js");var _themes_HawaProvider__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/themes/HawaProvider.js");__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Globals/HawaProvider",component:_themes_HawaProvider__WEBPACK_IMPORTED_MODULE_1__.a}},"./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.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/react/index.js");var _layout__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/layout/index.js"),_themes_HawaProvider__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/themes/HawaProvider.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),theme=Object.assign({},_themes_HawaProvider__WEBPACK_IMPORTED_MODULE_4__.c),Template=function Template(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_themes_HawaProvider__WEBPACK_IMPORTED_MODULE_4__.a,{size:args.size,themeName:"secondary",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_layout__WEBPACK_IMPORTED_MODULE_3__.a,{children:"Box 1"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_layout__WEBPACK_IMPORTED_MODULE_3__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div",{style:{backgroundColor:"white",padding:10,color:"black"},children:"testing box in box"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_layout__WEBPACK_IMPORTED_MODULE_3__.a,{children:"Box 3"})]})};Template.displayName="Template",__webpack_exports__.default={title:"Layout/Box",component:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.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",borderRadius:5,padding:theme.paddings,textColor:"#000000",buttonColor:"#f9f9f9"};var Compact=Template.bind({});Compact.args={size:"small",showText:!0,buttonLabel:"test",theme:{borderRadius:5,paddings:theme.paddings/2,textColor:"#000000",buttonColor:"#f9f9f9"}},Normal.parameters=Object.assign({storySource:{source:'(args) => {\r\n  return (\r\n    <HawaProvider size={args.size} themeName={"secondary"}>\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    </HawaProvider>\r\n  );\r\n}'}},Normal.parameters),Compact.parameters=Object.assign({storySource:{source:'(args) => {\r\n  return (\r\n    <HawaProvider size={args.size} themeName={"secondary"}>\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    </HawaProvider>\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 _themes_HawaProvider__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/themes/HawaProvider.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:"Elements/Buttons/ActionButton",component:_ui__WEBPACK_IMPORTED_MODULE_4__.a,argTypes:{theme:{options:["primary","secondary","default"],control:{type:"select"}}}};var Template=function Template(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_themes_HawaProvider__WEBPACK_IMPORTED_MODULE_3__.a,{themeName:args.theme,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_4__.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 (\r\n    <HawaProvider themeName={args.theme}>\r\n      <ActionButton text={args.buttonLabel} />\r\n    </HawaProvider>\r\n  );\r\n}"}},Primary.parameters),Secondary.parameters=Object.assign({storySource:{source:"(args) => {\r\n  return (\r\n    <HawaProvider themeName={args.theme}>\r\n      <ActionButton text={args.buttonLabel} />\r\n    </HawaProvider>\r\n  );\r\n}"}},Secondary.parameters),Default.parameters=Object.assign({storySource:{source:"(args) => {\r\n  return (\r\n    <HawaProvider themeName={args.theme}>\r\n      <ActionButton text={args.buttonLabel} />\r\n    </HawaProvider>\r\n  );\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 _themes_HawaProvider__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/themes/HawaProvider.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:"Elements/Buttons/AdaptiveButton",component:_ui__WEBPACK_IMPORTED_MODULE_4__.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_5__.jsx)(_themes_HawaProvider__WEBPACK_IMPORTED_MODULE_3__.a,{themeName:args.theme,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_4__.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 (\r\n    <HawaProvider themeName={args.theme}>\r\n      <AdaptiveButton {...args} />\r\n    </HawaProvider>\r\n  );\r\n}"}},FullButton.parameters),IconOnly.parameters=Object.assign({storySource:{source:"(args) => {\r\n  return (\r\n    <HawaProvider themeName={args.theme}>\r\n      <AdaptiveButton {...args} />\r\n    </HawaProvider>\r\n  );\r\n}"}},IconOnly.parameters),Danger.parameters=Object.assign({storySource:{source:"(args) => {\r\n  return (\r\n    <HawaProvider themeName={args.theme}>\r\n      <AdaptiveButton {...args} />\r\n    </HawaProvider>\r\n  );\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 _themes_HawaProvider__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/themes/HawaProvider.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"),Template=function Template(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_themes_HawaProvider__WEBPACK_IMPORTED_MODULE_3__.a,{themeName:args.theme,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_4__.c,{title:"What?",text:"This is a success alert",severity:"success"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_4__.c,{text:"This is an info alert",severity:"info"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_4__.c,{text:"This is a warning alert",severity:"warning"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_4__.c,{text:"This is an error alert",severity:"error"})]})};Template.displayName="Template",__webpack_exports__.default={title:"UI/Alert",component:_ui__WEBPACK_IMPORTED_MODULE_4__.c,argTypes:{theme:{options:["primary","secondary","default"],control:{type:"select"}}},args:{theme:"primary"}};var Default=Template.bind({});Default.args={theme:"primary"},Default.parameters=Object.assign({storySource:{source:'(args) => {\r\n  return (\r\n    <HawaProvider themeName={args.theme}>\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    </HawaProvider>\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 _themes_HawaProvider__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/themes/HawaProvider.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:"Elements/Buttons/LogoButtons",component:_ui__WEBPACK_IMPORTED_MODULE_4__.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_5__.jsx)(_themes_HawaProvider__WEBPACK_IMPORTED_MODULE_3__.a,{themeName:args.theme,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_4__.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 (\r\n    <HawaProvider themeName={args.theme}>\r\n      <HawaLogoButton logo={args.logo} buttonText={args.buttonLabel} />\r\n    </HawaProvider>\r\n  );\r\n}"}},Google.parameters),Twitter.parameters=Object.assign({storySource:{source:"(args) => {\r\n  return (\r\n    <HawaProvider themeName={args.theme}>\r\n      <HawaLogoButton logo={args.logo} buttonText={args.buttonLabel} />\r\n    </HawaProvider>\r\n  );\r\n}"}},Twitter.parameters),Github.parameters=Object.assign({storySource:{source:"(args) => {\r\n  return (\r\n    <HawaProvider themeName={args.theme}>\r\n      <HawaLogoButton logo={args.logo} buttonText={args.buttonLabel} />\r\n    </HawaProvider>\r\n  );\r\n}"}},Github.parameters),WalletPay.parameters=Object.assign({storySource:{source:"(args) => {\r\n  return (\r\n    <HawaProvider themeName={args.theme}>\r\n      <HawaLogoButton logo={args.logo} buttonText={args.buttonLabel} />\r\n    </HawaProvider>\r\n  );\r\n}"}},WalletPay.parameters),GooglePay.parameters=Object.assign({storySource:{source:"(args) => {\r\n  return (\r\n    <HawaProvider themeName={args.theme}>\r\n      <HawaLogoButton logo={args.logo} buttonText={args.buttonLabel} />\r\n    </HawaProvider>\r\n  );\r\n}"}},GooglePay.parameters),ApplePay.parameters=Object.assign({storySource:{source:"(args) => {\r\n  return (\r\n    <HawaProvider themeName={args.theme}>\r\n      <HawaLogoButton logo={args.logo} buttonText={args.buttonLabel} />\r\n    </HawaProvider>\r\n  );\r\n}"}},ApplePay.parameters),STCPay.parameters=Object.assign({storySource:{source:"(args) => {\r\n  return (\r\n    <HawaProvider themeName={args.theme}>\r\n      <HawaLogoButton logo={args.logo} buttonText={args.buttonLabel} />\r\n    </HawaProvider>\r\n  );\r\n}"}},STCPay.parameters),VisaMasterPay.parameters=Object.assign({storySource:{source:"(args) => {\r\n  return (\r\n    <HawaProvider themeName={args.theme}>\r\n      <HawaLogoButton logo={args.logo} buttonText={args.buttonLabel} />\r\n    </HawaProvider>\r\n  );\r\n}"}},VisaMasterPay.parameters),PayPal.parameters=Object.assign({storySource:{source:"(args) => {\r\n  return (\r\n    <HawaProvider themeName={args.theme}>\r\n      <HawaLogoButton logo={args.logo} buttonText={args.buttonLabel} />\r\n    </HawaProvider>\r\n  );\r\n}"}},PayPal.parameters),Mada.parameters=Object.assign({storySource:{source:"(args) => {\r\n  return (\r\n    <HawaProvider themeName={args.theme}>\r\n      <HawaLogoButton logo={args.logo} buttonText={args.buttonLabel} />\r\n    </HawaProvider>\r\n  );\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 _themes_HawaProvider__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/themes/HawaProvider.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/RadioSelector",component:_ui__WEBPACK_IMPORTED_MODULE_4__.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_5__.jsx)(_themes_HawaProvider__WEBPACK_IMPORTED_MODULE_3__.a,{themeName:args.theme,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_4__.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    <HawaProvider themeName={args.theme}>\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    </HawaProvider>\r\n  );\r\n}'}},Light.parameters),Dark.parameters=Object.assign({storySource:{source:'(args) => {\r\n  return (\r\n    <HawaProvider themeName={args.theme}>\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    </HawaProvider>\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"),_themes_HawaProvider__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/themes/HawaProvider.js"),_ui__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/ui/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__=__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_6__.jsx)(_themes_HawaProvider__WEBPACK_IMPORTED_MODULE_4__.a,{themeName:args.theme,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_5__.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_6__.jsx)(_themes_HawaProvider__WEBPACK_IMPORTED_MODULE_4__.a,{themeName:args.theme,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_5__.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_6__.jsx)(_themes_HawaProvider__WEBPACK_IMPORTED_MODULE_4__.a,{themeName:args.theme,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_5__.h,{settingsType:args.type})})};Radio.displayName="Radio",Radio.args={theme:"primary",type:"radio"},Checkbox.parameters=Object.assign({storySource:{source:"(args) => {\r\n  return (\r\n    <HawaProvider themeName={args.theme}>\r\n      <HawaSettingsRow settingsType={args.type} />\r\n    </HawaProvider>\r\n  );\r\n}"}},Checkbox.parameters),Text.parameters=Object.assign({storySource:{source:"(args) => {\r\n  return (\r\n    <HawaProvider themeName={args.theme}>\r\n      <HawaSettingsRow settingsType={args.type} />\r\n    </HawaProvider>\r\n  );\r\n}"}},Text.parameters),Radio.parameters=Object.assign({storySource:{source:"(args) => {\r\n  return (\r\n    <HawaProvider themeName={args.theme}>\r\n      <HawaSettingsRow settingsType={args.type} />\r\n    </HawaProvider>\r\n  );\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/themes/HawaProvider.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"c",(function(){return defaultTheme})),__webpack_require__.d(__webpack_exports__,"b",(function(){return ThemeProvider})),__webpack_require__.d(__webpack_exports__,"a",(function(){return HawaProvider}));__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.array.join.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["theme"];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 defaultTheme={allPrimaryBG:"#f90900",allPrimaryAction:"#138A36",allBorderRadius:10,borderRadius:10,primaryColor:"blue",secondaryColor:"grey",primaryActionColor:"grey",secondaryActionColor:"#4cc9f0",layoutColor:"#d3d4d9",textColor:"black",inputColor:"white",lightBackground:"#FBF5F3",darkBackground:"#0F0E0E",testcolor:"green",margins:10,paddings:10,typography:{fontFamily:["IBMPlex"].join(","),primary:{color:"black"},secondary:{color:"white"}},logoButton:{primary:{borderRadius:10,backgroundColor:"#B20D30",marginTop:10,padding:30,paddingTop:0,paddingBottom:0,border:"1px solid #ced4da",height:50,"&:focus":{borderColor:"#B20D30"}},secondary:{borderRadius:10,backgroundColor:"#f90900",marginTop:10,padding:30,paddingTop:0,paddingBottom:0,border:"1px solid #ced4da",height:50,"&:focus":{borderColor:"green"}}},actionButton:{primary:{borderRadius:10,backgroundColor:"#B20D30",color:"white",margin:10,padding:10,border:"1px solid #ced4da",fontSize:16,height:50,"&:focus":{borderColor:"red"}},secondary:{borderRadius:10,margin:10,padding:10,backgroundColor:"#FF8811",color:"black"}},layout:{primary:{backgroundColor:"#d3d4d9",color:"black",margin:10,padding:10,borderRadius:10},secondary:{backgroundColor:"#001E3C",color:"white",margin:10,padding:10,borderRadius:10}},inputFields:{primary:{backgroundColor:"white",borderRadius:10,"&:focus":{borderColor:"red",borderWidth:1,border:"1px solid black"},"&:hover":{borderColor:"red",borderWidth:1,border:"1px solid black"}},secondary:{backgroundColor:"white",borderRadius:10}},alerts:{primary:{marginBottom:10,padding:10,borderRadius:10},secondary:{marginBottom:10,padding:10,borderRadius:10}},settingsRow:{primary:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",backgroundColor:"#F5F5F5",margin:0,padding:10,borderRadius:10},secondary:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",backgroundColor:"blue",margin:0,padding:5,borderRadius:10}},radioSelector:{primary:{padding:10,borderRadius:10},secondary:{padding:10,borderRadius:10}}},ThemeProvider=Object(react__WEBPACK_IMPORTED_MODULE_5__.createContext)(defaultTheme),HawaProvider=function HawaProvider(_ref){var theme=_ref.theme,props=_objectWithoutProperties(_ref,_excluded);return console.log("theme is ",theme),"large"===props.size&&(theme=Object.assign({},theme,{paddings:20,margins:20})),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(ThemeProvider.Provider,{value:{hawaTheme:defaultTheme,themeName:props.themeName},children:props.children})};HawaProvider.displayName="HawaProvider",HawaProvider.__docgenInfo={description:"",methods:[],displayName:"HawaProvider"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\themes\\HawaProvider.js"]={name:"HawaProvider",docgenInfo:HawaProvider.__docgenInfo,path:"src\\themes\\HawaProvider.js"})},"./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),HawaProvider=__webpack_require__("./src/themes/HawaProvider.js"),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,theme=Object(react.useContext)(HawaProvider.b),_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,borderRadius:theme.borderRadius,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:"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: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.array.find.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var colorManipulator=__webpack_require__("./node_modules/@mui/system/esm/colorManipulator.js"),styled=__webpack_require__("./node_modules/@mui/material/styles/styled.js"),ActionButton_ActionButton=function ActionButton(props){var _hawaTheme$actionButt,_useContext=Object(react.useContext)(HawaProvider.b),hawaTheme=_useContext.hawaTheme,themeName=_useContext.themeName,currentTheme=Object.keys(hawaTheme.actionButton).find((function(tName){return tName.toLowerCase()===(null==themeName?void 0:themeName.toLowerCase())})),actionButtonStyle={};currentTheme?actionButtonStyle=Object.assign({},hawaTheme.actionButton[currentTheme],{margin:props.last?0:hawaTheme.actionButton[currentTheme].margin,marginTop:props.last?2*hawaTheme.actionButton[currentTheme].margin:0,"&:hover":{backgroundColor:Object(colorManipulator.b)(null===(_hawaTheme$actionButt=hawaTheme.actionButton[currentTheme])||void 0===_hawaTheme$actionButt?void 0:_hawaTheme$actionButt.backgroundColor,.1)}}):actionButtonStyle={backgroundColor:"black",color:"white",padding:10,marginTop:props.last?20:0,borderRadius:0};var StyledButton=Object(styled.a)(Button.a)((function(_ref){_ref.theme;return Object.assign({},actionButtonStyle)}));return Object(jsx_runtime.jsx)(StyledButton,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");function HawaRadio_slicedToArray(arr,i){return function HawaRadio_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function HawaRadio_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 HawaRadio_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return HawaRadio_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 HawaRadio_arrayLikeToArray(o,minLen)}(arr,i)||function HawaRadio_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 HawaRadio_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var HawaRadio_HawaRadio=function HawaRadio(props){var _radioSelectorStyle,_useState2=HawaRadio_slicedToArray(Object(react.useState)(props.defaultValue),2),value=_useState2[0],setValue=_useState2[1],_useContext=Object(react.useContext)(HawaProvider.b),hawaTheme=_useContext.hawaTheme,themeName=_useContext.themeName,currentTheme=Object.keys(hawaTheme.radioSelector).find((function(tName){return tName.toLowerCase()===(null==themeName?void 0:themeName.toLowerCase())})),radioSelectorStyle={};currentTheme?radioSelectorStyle=Object.assign({},hawaTheme.radioSelector[currentTheme],{"-moz-user-select":"-moz-none","-khtml-user-select":"none","-webkit-user-select":"none","-ms-user-select":"none","user-select":"none"}):((_radioSelectorStyle={display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",backgroundColor:"#F5F5F5",margin:0}).backgroundColor="lightGrey",_radioSelectorStyle.color="black",_radioSelectorStyle.padding=10,radioSelectorStyle=_radioSelectorStyle);return Object(jsx_runtime.jsx)(layout.a,{horizontal:!0,maxWidth:"fit-content",children:props.options.map((function(singleOption){var _hawaTheme$actionButt,_hawaTheme$layout$cur,_hawaTheme$actionButt2,_hawaTheme$layout$cur2;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$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===(_hawaTheme$layout$cur2=hawaTheme.layout[currentTheme])||void 0===_hawaTheme$layout$cur2?void 0:_hawaTheme$layout$cur2.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){var _useContext=Object(react.useContext)(HawaProvider.b),hawaTheme=_useContext.hawaTheme,themeName=_useContext.themeName,currentTheme=Object.keys(hawaTheme.typography).find((function(tName){return tName.toLowerCase()===(null==themeName?void 0:themeName.toLowerCase())})),typographyStyle={};typographyStyle=currentTheme?Object.assign({},hawaTheme.typography[currentTheme]):{color:"black"};var StyledTypography=Object(styled.a)(Typography.a)((function(_ref){_ref.theme;return Object.assign({},typographyStyle)}));return Object(jsx_runtime.jsx)(StyledTypography,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){var _settingsRowStyle,_useContext=Object(react.useContext)(HawaProvider.b),hawaTheme=_useContext.hawaTheme,themeName=_useContext.themeName,currentTheme=Object.keys(hawaTheme.settingsRow).find((function(tName){return tName.toLowerCase()===(null==themeName?void 0:themeName.toLowerCase())})),settingsRowStyle={};currentTheme?settingsRowStyle=Object.assign({},hawaTheme.settingsRow[currentTheme],{margin:props.last?0:hawaTheme.settingsRow[currentTheme].margin,marginTop:props.last?2*hawaTheme.settingsRow[currentTheme].margin:0}):((_settingsRowStyle={display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",backgroundColor:"#F5F5F5",margin:0}).backgroundColor="lightGrey",_settingsRowStyle.color="black",_settingsRowStyle.padding=10,settingsRowStyle=_settingsRowStyle);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,_useContext=Object(react.useContext)(HawaProvider.b),hawaTheme=_useContext.hawaTheme,themeName=_useContext.themeName,buttonStyle={},currentTheme=Object.keys(hawaTheme.logoButton).find((function(tName){return tName.toLowerCase()===(null==themeName?void 0:themeName.toLowerCase())}));buttonStyle=currentTheme?Object.assign({},hawaTheme.logoButton[currentTheme],{backgroundColor:"white","&:hover":{backgroundColor:Object(colorManipulator.b)("#ffffff",.1)}}):{cursor:"pointer",display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"center",marginTop:10,height:50,padding:30,paddingTop:0,paddingBottom:0,border:"1px solid #ced4da",backgroundColor:"white","&:hover":{backgroundColor:Object(colorManipulator.b)("#ffffff",.1)}};var StyledButton=Object(styled.a)(Button.a)((function(_ref){_ref.theme;return Object.assign({},buttonStyle)})),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)(StyledButton,Object.assign({},props,{children:[logoElement,Object(jsx_runtime.jsx)("div",{style:{width:10}}),Object(jsx_runtime.jsx)("p",{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){var _hawaTheme$actionButt,_useContext=Object(react.useContext)(HawaProvider.b),hawaTheme=_useContext.hawaTheme,themeName=_useContext.themeName,buttonStyle={},currentTheme=Object.keys(hawaTheme.actionButton).find((function(tName){return tName.toLowerCase()===(null==themeName?void 0:themeName.toLowerCase())}));currentTheme?buttonStyle=Object.assign({},hawaTheme.actionButton[currentTheme],{border:props.outlined?"2px solid black":"none",backgroundColor:"white","&:hover":{backgroundColor:Object(colorManipulator.b)("#ffffff",.1)}}):buttonStyle={cursor:"pointer",display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"center",marginTop:null===(_hawaTheme$actionButt=hawaTheme.actionButton[currentTheme])||void 0===_hawaTheme$actionButt?void 0:_hawaTheme$actionButt.margin,border:props.outlined?"2px solid black":"none",borderRadius:0,backgroundColor:"red","&:hover":{backgroundColor:Object(colorManipulator.b)("#ffffff",.1)}};var StyledButton=Object(styled.a)(Button.a)((function(_ref){_ref.theme;return Object.assign({},buttonStyle)}));return Object(jsx_runtime.jsx)(StyledButton,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 InputBase=__webpack_require__("./node_modules/@mui/material/InputBase/InputBase.js"),InputLabel=__webpack_require__("./node_modules/@mui/material/InputLabel/InputLabel.js"),HawaInputLabel_HawaInputLabel=function HawaInputLabel(props){var _useContext=Object(react.useContext)(HawaProvider.b),hawaTheme=_useContext.hawaTheme,themeName=_useContext.themeName,labelStyle={},currentTheme=Object.keys(hawaTheme.actionButton).find((function(tName){return tName.toLowerCase()===(null==themeName?void 0:themeName.toLowerCase())}));return labelStyle=currentTheme?{margin:15,marginRight:5,marginLeft:5,color:hawaTheme.layout[currentTheme].color}:{margin:15,marginRight:0,marginLeft:0,color:"black"},Object(jsx_runtime.jsx)(InputLabel.a,{style:labelStyle,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 index_esm=__webpack_require__("./node_modules/react-hook-form/dist/index.esm.mjs"),HawaTextField_HawaTextField=function HawaTextField(props){var _useFormContext=Object(index_esm.d)(),control=_useFormContext.control,register=_useFormContext.register,_useContext=Object(react.useContext)(HawaProvider.b),hawaTheme=_useContext.hawaTheme,themeName=_useContext.themeName,currentTheme=Object.keys(hawaTheme.inputFields).find((function(tName){return tName.toLowerCase()===(null==themeName?void 0:themeName.toLowerCase())})),textFieldStyle={};textFieldStyle=currentTheme?Object.assign({},hawaTheme.inputFields[currentTheme],{margin:props.last?0:hawaTheme.inputFields[currentTheme].margin,marginTop:props.last?2*hawaTheme.inputFields[currentTheme].margin:0}):{backgroundColor:"white"};var StyledTextField=Object(styled.a)(InputBase.c)((function(_ref){var theme=_ref.theme;return Object.assign({"& .MuiInputBase-input":{transition:theme.transitions.create(["border-color","background-color","box-shadow"])},border:"1px solid #ced4da",fontSize:16,padding:"10px 12px",marginBottom:props.helperText?5:0,paddingLeft:10,paddingRight:10},textFieldStyle)}));return Object(jsx_runtime.jsx)(index_esm.a,{render:function render(_ref2){var _props$type;_ref2.field;return Object(jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[props.inputLabel&&Object(jsx_runtime.jsx)(HawaInputLabel_HawaInputLabel,{label:props.inputLabel}),Object(jsx_runtime.jsx)(StyledTextField,Object.assign({fullWidth:!0,type:null!==(_props$type=props.type)&&void 0!==_props$type?_props$type:"text",defaultValue:props.defaultValue&&"",value:props.value&&""},props,register(props.name))),Object(jsx_runtime.jsx)(Typography.a,{variant:"caption",style:{margin:5,marginBottom:0,color:"red"},children:props.helperText})]})},name:props.name,rules:props.rules,control:control,shouldUnregister:props.shouldUnregister})};HawaTextField_HawaTextField.displayName="HawaTextField",HawaTextField_HawaTextField.propTypes={type:prop_types_default.a.oneOf(["text","number","password"]),helperText:prop_types_default.a.string},HawaTextField_HawaTextField.__docgenInfo={description:"",methods:[],displayName:"HawaTextField",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\\HawaTextField.js"]={name:"HawaTextField",docgenInfo:HawaTextField_HawaTextField.__docgenInfo,path:"src\\ui\\HawaTextField.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){var _useContext=Object(react.useContext)(HawaProvider.b),hawaTheme=_useContext.hawaTheme,themeName=_useContext.themeName,currentTheme=Object.keys(hawaTheme.alerts).find((function(tName){return tName.toLowerCase()===(null==themeName?void 0:themeName.toLowerCase())})),alertStyle={};alertStyle=currentTheme?Object.assign({},hawaTheme.alerts[currentTheme]):{marginBottom:10};var StyledAlert=Object(styled.a)(Alert.a)((function(_ref){_ref.theme;return Object.assign({},alertStyle)}));return Object(jsx_runtime.jsxs)(StyledAlert,Object.assign({},props,{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]]]);