@sikka/hawa 0.0.5 → 0.0.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/index.es.js +1 -1
- package/lib/index.js +1 -1
- package/package.json +4 -5
- package/src/blocks/Account/UserProfile.js +57 -7
- package/src/blocks/AuthForms/NewPasswordForm.js +100 -17
- package/src/blocks/AuthForms/ResetPasswordForm.js +61 -5
- package/src/blocks/AuthForms/SignInForm.js +101 -26
- package/src/blocks/AuthForms/SignUpForm.js +113 -32
- package/src/blocks/Payment/ChargeWalletForm.js +53 -0
- package/src/blocks/Payment/CreditCardForm.js +50 -21
- package/src/blocks/Payment/PayWithWallet.js +14 -0
- package/src/blocks/Payment/SelectPayment.js +20 -42
- package/src/blocks/Payment/index.js +2 -0
- package/src/layout/Box.js +9 -10
- package/src/stories/BlocksStories/AuthForm.stories.js +18 -12
- package/src/stories/BlocksStories/PaymentForm.stories.js +15 -40
- package/src/stories/BlocksStories/UserForm.stories.js +41 -0
- package/src/stories/{Introduction.stories.js → Introduction.stories.mdx} +45 -27
- package/src/stories/LayoutStories/Box.stories.js +4 -4
- package/src/stories/{ActionButton.stories.js → UIStories/ActionButton.stories.js} +16 -23
- package/src/stories/UIStories/AdaptiveButton.stories.js +81 -0
- package/src/stories/UIStories/Alert.stories.js +42 -0
- package/src/stories/{CheckBox.stories.js → UIStories/CheckBox.stories.js} +3 -4
- package/src/stories/UIStories/InputLabel.stories.js +13 -0
- package/src/stories/UIStories/LogoButtons.stories.js +90 -0
- package/src/stories/UIStories/RadioSelector.stories.js +53 -0
- package/src/stories/UIStories/SettingsRow.stories.js +64 -0
- package/src/stories/{TextField.stories.js → UIStories/TextField.stories.js} +4 -5
- package/src/themes/HawaProvider.js +107 -11
- package/src/ui/ActionButton.js +12 -11
- package/src/ui/AdaptiveButton.js +43 -159
- package/src/ui/HawaAlert.js +37 -0
- package/src/ui/HawaButton.js +48 -0
- package/src/ui/{Checkbox.js → HawaCheckbox.js} +1 -1
- package/src/ui/HawaInputLabel.js +4 -5
- package/src/ui/HawaLogoButton.js +138 -0
- package/src/ui/HawaRadio.js +73 -0
- package/src/ui/HawaSettingsRow.js +71 -0
- package/src/ui/HawaTextField.js +69 -80
- package/src/ui/HawaTypography.js +28 -0
- package/src/ui/index.js +9 -19
- package/storybook-static/{1.95be85dd.iframe.bundle.js → 0.0d994c92.iframe.bundle.js} +3 -3
- package/storybook-static/{1.95be85dd.iframe.bundle.js.LICENSE.txt → 0.0d994c92.iframe.bundle.js.LICENSE.txt} +0 -0
- package/storybook-static/0.0d994c92.iframe.bundle.js.map +1 -0
- package/storybook-static/1.aabc3f3a.iframe.bundle.js +1 -0
- package/storybook-static/{3.d72f7fac.iframe.bundle.js → 2.430bf1e3.iframe.bundle.js} +1 -1
- package/storybook-static/{7.ffb0d84b.iframe.bundle.js → 6.704d1e8d.iframe.bundle.js} +1 -1
- package/storybook-static/{8.68cd1217.iframe.bundle.js → 7.9ce807e3.iframe.bundle.js} +3 -3
- package/storybook-static/{8.68cd1217.iframe.bundle.js.LICENSE.txt → 7.9ce807e3.iframe.bundle.js.LICENSE.txt} +0 -0
- package/storybook-static/7.9ce807e3.iframe.bundle.js.map +1 -0
- package/storybook-static/{9.488e3969.iframe.bundle.js → 8.c4cb6081.iframe.bundle.js} +1 -1
- package/storybook-static/iframe.html +1 -1
- package/storybook-static/main.5731dbe3.iframe.bundle.js +1 -0
- package/storybook-static/runtime~main.cfefe972.iframe.bundle.js +1 -0
- package/storybook-static/vendors~main.aa1d952a.iframe.bundle.js +76 -0
- package/storybook-static/{vendors~main.d75dc38b.iframe.bundle.js.LICENSE.txt → vendors~main.aa1d952a.iframe.bundle.js.LICENSE.txt} +0 -0
- package/storybook-static/vendors~main.aa1d952a.iframe.bundle.js.map +1 -0
- package/src/stories/AdaptiveButton.stories.js +0 -80
- package/src/stories/Alert.stories.js +0 -41
- package/src/stories/BlocksStories/UserAccount.stories.js +0 -46
- package/src/stories/GlobalVariables.stories.js +0 -44
- package/src/stories/InputLabel.stories.js +0 -92
- package/src/stories/RadioSelector.stories.js +0 -69
- package/src/ui/ApplePayButton.js +0 -94
- package/src/ui/GithubButton.js +0 -91
- package/src/ui/GoogleButton.js +0 -83
- package/src/ui/GooglePayButton.js +0 -94
- package/src/ui/MadaButton.js +0 -94
- package/src/ui/PayPalButton.js +0 -94
- package/src/ui/RadioSelector.js +0 -51
- package/src/ui/STCPayButton.js +0 -94
- package/src/ui/StyledAlert.js +0 -30
- package/src/ui/TwitterButton.js +0 -84
- package/src/ui/VisaMasterButton.js +0 -94
- package/src/ui/WalletButton.js +0 -91
- package/storybook-static/0.54f7e52e.iframe.bundle.js +0 -1
- package/storybook-static/1.95be85dd.iframe.bundle.js.map +0 -1
- package/storybook-static/2.eb601582.iframe.bundle.js +0 -1
- package/storybook-static/8.68cd1217.iframe.bundle.js.map +0 -1
- package/storybook-static/main.044648aa.iframe.bundle.js +0 -1
- package/storybook-static/runtime~main.3e280e98.iframe.bundle.js +0 -1
- package/storybook-static/vendors~main.d75dc38b.iframe.bundle.js +0 -76
- package/storybook-static/vendors~main.d75dc38b.iframe.bundle.js.map +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"1.95be85dd.iframe.bundle.js","sources":[],"mappings":";A","sourceRoot":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
(window.webpackJsonp=window.webpackJsonp||[]).push([[2],{"./node_modules/@storybook/components/dist/esm/tooltip/WithTooltip.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"WithTooltipPure",(function(){return WithTooltip_WithTooltipPure})),__webpack_require__.d(__webpack_exports__,"WithToolTipState",(function(){return WithTooltip_WithToolTipState})),__webpack_require__.d(__webpack_exports__,"WithTooltip",(function(){return WithTooltip_WithToolTipState}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.object.freeze.js"),__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.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js");var react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),esm=__webpack_require__("./node_modules/@storybook/theming/dist/esm/index.js"),global_window=__webpack_require__("./node_modules/global/window.js"),window_default=__webpack_require__.n(global_window),objectWithoutPropertiesLoose=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js"),esm_extends=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/extends.js"),inheritsLoose=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/inheritsLoose.js"),react_dom=__webpack_require__("./node_modules/react-dom/index.js"),ManagerReferenceNodeContext=react.createContext(),ManagerReferenceNodeSetterContext=react.createContext();function Manager(_ref){var children=_ref.children,_React$useState=react.useState(null),referenceNode=_React$useState[0],setReferenceNode=_React$useState[1],hasUnmounted=react.useRef(!1);react.useEffect((function(){return function(){hasUnmounted.current=!0}}),[]);var handleSetReferenceNode=react.useCallback((function(node){hasUnmounted.current||setReferenceNode(node)}),[]);return react.createElement(ManagerReferenceNodeContext.Provider,{value:referenceNode},react.createElement(ManagerReferenceNodeSetterContext.Provider,{value:handleSetReferenceNode},children))}var unwrapArray=function unwrapArray(arg){return Array.isArray(arg)?arg[0]:arg},safeInvoke=function safeInvoke(fn){if("function"==typeof fn){for(var _len=arguments.length,args=new Array(_len>1?_len-1:0),_key=1;_key<_len;_key++)args[_key-1]=arguments[_key];return fn.apply(void 0,args)}},setRef=function setRef(ref,node){if("function"==typeof ref)return safeInvoke(ref,node);null!=ref&&(ref.current=node)},fromEntries=function fromEntries(entries){return entries.reduce((function(acc,_ref){var key=_ref[0],value=_ref[1];return acc[key]=value,acc}),{})},useIsomorphicLayoutEffect="undefined"!=typeof window&&window.document&&window.document.createElement?react.useLayoutEffect:react.useEffect;function getWindow(node){if(null==node)return window;if("[object Window]"!==node.toString()){var ownerDocument=node.ownerDocument;return ownerDocument&&ownerDocument.defaultView||window}return node}function isElement(node){return node instanceof getWindow(node).Element||node instanceof Element}function isHTMLElement(node){return node instanceof getWindow(node).HTMLElement||node instanceof HTMLElement}function isShadowRoot(node){return"undefined"!=typeof ShadowRoot&&(node instanceof getWindow(node).ShadowRoot||node instanceof ShadowRoot)}var math_max=Math.max,math_min=Math.min,round=Math.round;function getBoundingClientRect(element,includeScale){void 0===includeScale&&(includeScale=!1);var rect=element.getBoundingClientRect(),scaleX=1,scaleY=1;if(isHTMLElement(element)&&includeScale){var offsetHeight=element.offsetHeight,offsetWidth=element.offsetWidth;offsetWidth>0&&(scaleX=round(rect.width)/offsetWidth||1),offsetHeight>0&&(scaleY=round(rect.height)/offsetHeight||1)}return{width:rect.width/scaleX,height:rect.height/scaleY,top:rect.top/scaleY,right:rect.right/scaleX,bottom:rect.bottom/scaleY,left:rect.left/scaleX,x:rect.left/scaleX,y:rect.top/scaleY}}function getWindowScroll(node){var win=getWindow(node);return{scrollLeft:win.pageXOffset,scrollTop:win.pageYOffset}}function getNodeName(element){return element?(element.nodeName||"").toLowerCase():null}function getDocumentElement(element){return((isElement(element)?element.ownerDocument:element.document)||window.document).documentElement}function getWindowScrollBarX(element){return getBoundingClientRect(getDocumentElement(element)).left+getWindowScroll(element).scrollLeft}function getComputedStyle(element){return getWindow(element).getComputedStyle(element)}function isScrollParent(element){var _getComputedStyle=getComputedStyle(element),overflow=_getComputedStyle.overflow,overflowX=_getComputedStyle.overflowX,overflowY=_getComputedStyle.overflowY;return/auto|scroll|overlay|hidden/.test(overflow+overflowY+overflowX)}function getCompositeRect(elementOrVirtualElement,offsetParent,isFixed){void 0===isFixed&&(isFixed=!1);var isOffsetParentAnElement=isHTMLElement(offsetParent),offsetParentIsScaled=isHTMLElement(offsetParent)&&function isElementScaled(element){var rect=element.getBoundingClientRect(),scaleX=round(rect.width)/element.offsetWidth||1,scaleY=round(rect.height)/element.offsetHeight||1;return 1!==scaleX||1!==scaleY}(offsetParent),documentElement=getDocumentElement(offsetParent),rect=getBoundingClientRect(elementOrVirtualElement,offsetParentIsScaled),scroll={scrollLeft:0,scrollTop:0},offsets={x:0,y:0};return(isOffsetParentAnElement||!isOffsetParentAnElement&&!isFixed)&&(("body"!==getNodeName(offsetParent)||isScrollParent(documentElement))&&(scroll=function getNodeScroll(node){return node!==getWindow(node)&&isHTMLElement(node)?function getHTMLElementScroll(element){return{scrollLeft:element.scrollLeft,scrollTop:element.scrollTop}}(node):getWindowScroll(node)}(offsetParent)),isHTMLElement(offsetParent)?((offsets=getBoundingClientRect(offsetParent,!0)).x+=offsetParent.clientLeft,offsets.y+=offsetParent.clientTop):documentElement&&(offsets.x=getWindowScrollBarX(documentElement))),{x:rect.left+scroll.scrollLeft-offsets.x,y:rect.top+scroll.scrollTop-offsets.y,width:rect.width,height:rect.height}}function getLayoutRect(element){var clientRect=getBoundingClientRect(element),width=element.offsetWidth,height=element.offsetHeight;return Math.abs(clientRect.width-width)<=1&&(width=clientRect.width),Math.abs(clientRect.height-height)<=1&&(height=clientRect.height),{x:element.offsetLeft,y:element.offsetTop,width:width,height:height}}function getParentNode(element){return"html"===getNodeName(element)?element:element.assignedSlot||element.parentNode||(isShadowRoot(element)?element.host:null)||getDocumentElement(element)}function getScrollParent(node){return["html","body","#document"].indexOf(getNodeName(node))>=0?node.ownerDocument.body:isHTMLElement(node)&&isScrollParent(node)?node:getScrollParent(getParentNode(node))}function listScrollParents(element,list){var _element$ownerDocumen;void 0===list&&(list=[]);var scrollParent=getScrollParent(element),isBody=scrollParent===(null==(_element$ownerDocumen=element.ownerDocument)?void 0:_element$ownerDocumen.body),win=getWindow(scrollParent),target=isBody?[win].concat(win.visualViewport||[],isScrollParent(scrollParent)?scrollParent:[]):scrollParent,updatedList=list.concat(target);return isBody?updatedList:updatedList.concat(listScrollParents(getParentNode(target)))}function isTableElement(element){return["table","td","th"].indexOf(getNodeName(element))>=0}function getTrueOffsetParent(element){return isHTMLElement(element)&&"fixed"!==getComputedStyle(element).position?element.offsetParent:null}function getOffsetParent(element){for(var window=getWindow(element),offsetParent=getTrueOffsetParent(element);offsetParent&&isTableElement(offsetParent)&&"static"===getComputedStyle(offsetParent).position;)offsetParent=getTrueOffsetParent(offsetParent);return offsetParent&&("html"===getNodeName(offsetParent)||"body"===getNodeName(offsetParent)&&"static"===getComputedStyle(offsetParent).position)?window:offsetParent||function getContainingBlock(element){var isFirefox=-1!==navigator.userAgent.toLowerCase().indexOf("firefox");if(-1!==navigator.userAgent.indexOf("Trident")&&isHTMLElement(element)&&"fixed"===getComputedStyle(element).position)return null;var currentNode=getParentNode(element);for(isShadowRoot(currentNode)&&(currentNode=currentNode.host);isHTMLElement(currentNode)&&["html","body"].indexOf(getNodeName(currentNode))<0;){var css=getComputedStyle(currentNode);if("none"!==css.transform||"none"!==css.perspective||"paint"===css.contain||-1!==["transform","perspective"].indexOf(css.willChange)||isFirefox&&"filter"===css.willChange||isFirefox&&css.filter&&"none"!==css.filter)return currentNode;currentNode=currentNode.parentNode}return null}(element)||window}var enums=__webpack_require__("./node_modules/@popperjs/core/lib/enums.js");function order(modifiers){var map=new Map,visited=new Set,result=[];function sort(modifier){visited.add(modifier.name),[].concat(modifier.requires||[],modifier.requiresIfExists||[]).forEach((function(dep){if(!visited.has(dep)){var depModifier=map.get(dep);depModifier&&sort(depModifier)}})),result.push(modifier)}return modifiers.forEach((function(modifier){map.set(modifier.name,modifier)})),modifiers.forEach((function(modifier){visited.has(modifier.name)||sort(modifier)})),result}var DEFAULT_OPTIONS={placement:"bottom",modifiers:[],strategy:"absolute"};function areValidElements(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return!args.some((function(element){return!(element&&"function"==typeof element.getBoundingClientRect)}))}function popperGenerator(generatorOptions){void 0===generatorOptions&&(generatorOptions={});var _generatorOptions=generatorOptions,_generatorOptions$def=_generatorOptions.defaultModifiers,defaultModifiers=void 0===_generatorOptions$def?[]:_generatorOptions$def,_generatorOptions$def2=_generatorOptions.defaultOptions,defaultOptions=void 0===_generatorOptions$def2?DEFAULT_OPTIONS:_generatorOptions$def2;return function createPopper(reference,popper,options){void 0===options&&(options=defaultOptions);var fn,pending,state={placement:"bottom",orderedModifiers:[],options:Object.assign({},DEFAULT_OPTIONS,defaultOptions),modifiersData:{},elements:{reference:reference,popper:popper},attributes:{},styles:{}},effectCleanupFns=[],isDestroyed=!1,instance={state:state,setOptions:function setOptions(setOptionsAction){var options="function"==typeof setOptionsAction?setOptionsAction(state.options):setOptionsAction;cleanupModifierEffects(),state.options=Object.assign({},defaultOptions,state.options,options),state.scrollParents={reference:isElement(reference)?listScrollParents(reference):reference.contextElement?listScrollParents(reference.contextElement):[],popper:listScrollParents(popper)};var orderedModifiers=function orderModifiers(modifiers){var orderedModifiers=order(modifiers);return enums.g.reduce((function(acc,phase){return acc.concat(orderedModifiers.filter((function(modifier){return modifier.phase===phase})))}),[])}(function mergeByName(modifiers){var merged=modifiers.reduce((function(merged,current){var existing=merged[current.name];return merged[current.name]=existing?Object.assign({},existing,current,{options:Object.assign({},existing.options,current.options),data:Object.assign({},existing.data,current.data)}):current,merged}),{});return Object.keys(merged).map((function(key){return merged[key]}))}([].concat(defaultModifiers,state.options.modifiers)));return state.orderedModifiers=orderedModifiers.filter((function(m){return m.enabled})),function runModifierEffects(){state.orderedModifiers.forEach((function(_ref3){var name=_ref3.name,_ref3$options=_ref3.options,options=void 0===_ref3$options?{}:_ref3$options,effect=_ref3.effect;if("function"==typeof effect){var cleanupFn=effect({state:state,name:name,instance:instance,options:options}),noopFn=function noopFn(){};effectCleanupFns.push(cleanupFn||noopFn)}}))}(),instance.update()},forceUpdate:function forceUpdate(){if(!isDestroyed){var _state$elements=state.elements,reference=_state$elements.reference,popper=_state$elements.popper;if(areValidElements(reference,popper)){state.rects={reference:getCompositeRect(reference,getOffsetParent(popper),"fixed"===state.options.strategy),popper:getLayoutRect(popper)},state.reset=!1,state.placement=state.options.placement,state.orderedModifiers.forEach((function(modifier){return state.modifiersData[modifier.name]=Object.assign({},modifier.data)}));for(var index=0;index<state.orderedModifiers.length;index++)if(!0!==state.reset){var _state$orderedModifie=state.orderedModifiers[index],fn=_state$orderedModifie.fn,_state$orderedModifie2=_state$orderedModifie.options,_options=void 0===_state$orderedModifie2?{}:_state$orderedModifie2,name=_state$orderedModifie.name;"function"==typeof fn&&(state=fn({state:state,options:_options,name:name,instance:instance})||state)}else state.reset=!1,index=-1}}},update:(fn=function(){return new Promise((function(resolve){instance.forceUpdate(),resolve(state)}))},function(){return pending||(pending=new Promise((function(resolve){Promise.resolve().then((function(){pending=void 0,resolve(fn())}))}))),pending}),destroy:function destroy(){cleanupModifierEffects(),isDestroyed=!0}};if(!areValidElements(reference,popper))return instance;function cleanupModifierEffects(){effectCleanupFns.forEach((function(fn){return fn()})),effectCleanupFns=[]}return instance.setOptions(options).then((function(state){!isDestroyed&&options.onFirstUpdate&&options.onFirstUpdate(state)})),instance}}var passive={passive:!0};function getBasePlacement(placement){return placement.split("-")[0]}function getVariation(placement){return placement.split("-")[1]}function getMainAxisFromPlacement(placement){return["top","bottom"].indexOf(placement)>=0?"x":"y"}function computeOffsets(_ref){var offsets,reference=_ref.reference,element=_ref.element,placement=_ref.placement,basePlacement=placement?getBasePlacement(placement):null,variation=placement?getVariation(placement):null,commonX=reference.x+reference.width/2-element.width/2,commonY=reference.y+reference.height/2-element.height/2;switch(basePlacement){case enums.m:offsets={x:commonX,y:reference.y-element.height};break;case enums.c:offsets={x:commonX,y:reference.y+reference.height};break;case enums.k:offsets={x:reference.x+reference.width,y:commonY};break;case enums.f:offsets={x:reference.x-element.width,y:commonY};break;default:offsets={x:reference.x,y:reference.y}}var mainAxis=basePlacement?getMainAxisFromPlacement(basePlacement):null;if(null!=mainAxis){var len="y"===mainAxis?"height":"width";switch(variation){case enums.l:offsets[mainAxis]=offsets[mainAxis]-(reference[len]/2-element[len]/2);break;case enums.e:offsets[mainAxis]=offsets[mainAxis]+(reference[len]/2-element[len]/2)}}return offsets}var unsetSides={top:"auto",right:"auto",bottom:"auto",left:"auto"};function mapToStyles(_ref2){var _Object$assign2,popper=_ref2.popper,popperRect=_ref2.popperRect,placement=_ref2.placement,variation=_ref2.variation,offsets=_ref2.offsets,position=_ref2.position,gpuAcceleration=_ref2.gpuAcceleration,adaptive=_ref2.adaptive,roundOffsets=_ref2.roundOffsets,isFixed=_ref2.isFixed,_offsets$x=offsets.x,x=void 0===_offsets$x?0:_offsets$x,_offsets$y=offsets.y,y=void 0===_offsets$y?0:_offsets$y,_ref3="function"==typeof roundOffsets?roundOffsets({x:x,y:y}):{x:x,y:y};x=_ref3.x,y=_ref3.y;var hasX=offsets.hasOwnProperty("x"),hasY=offsets.hasOwnProperty("y"),sideX=enums.f,sideY=enums.m,win=window;if(adaptive){var offsetParent=getOffsetParent(popper),heightProp="clientHeight",widthProp="clientWidth";if(offsetParent===getWindow(popper)&&"static"!==getComputedStyle(offsetParent=getDocumentElement(popper)).position&&"absolute"===position&&(heightProp="scrollHeight",widthProp="scrollWidth"),offsetParent=offsetParent,placement===enums.m||(placement===enums.f||placement===enums.k)&&variation===enums.e)sideY=enums.c,y-=(isFixed&&offsetParent===win&&win.visualViewport?win.visualViewport.height:offsetParent[heightProp])-popperRect.height,y*=gpuAcceleration?1:-1;if(placement===enums.f||(placement===enums.m||placement===enums.c)&&variation===enums.e)sideX=enums.k,x-=(isFixed&&offsetParent===win&&win.visualViewport?win.visualViewport.width:offsetParent[widthProp])-popperRect.width,x*=gpuAcceleration?1:-1}var _Object$assign,commonStyles=Object.assign({position:position},adaptive&&unsetSides),_ref4=!0===roundOffsets?function roundOffsetsByDPR(_ref){var x=_ref.x,y=_ref.y,dpr=window.devicePixelRatio||1;return{x:round(x*dpr)/dpr||0,y:round(y*dpr)/dpr||0}}({x:x,y:y}):{x:x,y:y};return x=_ref4.x,y=_ref4.y,gpuAcceleration?Object.assign({},commonStyles,((_Object$assign={})[sideY]=hasY?"0":"",_Object$assign[sideX]=hasX?"0":"",_Object$assign.transform=(win.devicePixelRatio||1)<=1?"translate("+x+"px, "+y+"px)":"translate3d("+x+"px, "+y+"px, 0)",_Object$assign)):Object.assign({},commonStyles,((_Object$assign2={})[sideY]=hasY?y+"px":"",_Object$assign2[sideX]=hasX?x+"px":"",_Object$assign2.transform="",_Object$assign2))}var hash={left:"right",right:"left",bottom:"top",top:"bottom"};function getOppositePlacement(placement){return placement.replace(/left|right|bottom|top/g,(function(matched){return hash[matched]}))}var getOppositeVariationPlacement_hash={start:"end",end:"start"};function getOppositeVariationPlacement(placement){return placement.replace(/start|end/g,(function(matched){return getOppositeVariationPlacement_hash[matched]}))}function contains(parent,child){var rootNode=child.getRootNode&&child.getRootNode();if(parent.contains(child))return!0;if(rootNode&&isShadowRoot(rootNode)){var next=child;do{if(next&&parent.isSameNode(next))return!0;next=next.parentNode||next.host}while(next)}return!1}function rectToClientRect(rect){return Object.assign({},rect,{left:rect.x,top:rect.y,right:rect.x+rect.width,bottom:rect.y+rect.height})}function getClientRectFromMixedType(element,clippingParent){return clippingParent===enums.o?rectToClientRect(function getViewportRect(element){var win=getWindow(element),html=getDocumentElement(element),visualViewport=win.visualViewport,width=html.clientWidth,height=html.clientHeight,x=0,y=0;return visualViewport&&(width=visualViewport.width,height=visualViewport.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(x=visualViewport.offsetLeft,y=visualViewport.offsetTop)),{width:width,height:height,x:x+getWindowScrollBarX(element),y:y}}(element)):isElement(clippingParent)?function getInnerBoundingClientRect(element){var rect=getBoundingClientRect(element);return rect.top=rect.top+element.clientTop,rect.left=rect.left+element.clientLeft,rect.bottom=rect.top+element.clientHeight,rect.right=rect.left+element.clientWidth,rect.width=element.clientWidth,rect.height=element.clientHeight,rect.x=rect.left,rect.y=rect.top,rect}(clippingParent):rectToClientRect(function getDocumentRect(element){var _element$ownerDocumen,html=getDocumentElement(element),winScroll=getWindowScroll(element),body=null==(_element$ownerDocumen=element.ownerDocument)?void 0:_element$ownerDocumen.body,width=math_max(html.scrollWidth,html.clientWidth,body?body.scrollWidth:0,body?body.clientWidth:0),height=math_max(html.scrollHeight,html.clientHeight,body?body.scrollHeight:0,body?body.clientHeight:0),x=-winScroll.scrollLeft+getWindowScrollBarX(element),y=-winScroll.scrollTop;return"rtl"===getComputedStyle(body||html).direction&&(x+=math_max(html.clientWidth,body?body.clientWidth:0)-width),{width:width,height:height,x:x,y:y}}(getDocumentElement(element)))}function getClippingRect(element,boundary,rootBoundary){var mainClippingParents="clippingParents"===boundary?function getClippingParents(element){var clippingParents=listScrollParents(getParentNode(element)),clipperElement=["absolute","fixed"].indexOf(getComputedStyle(element).position)>=0&&isHTMLElement(element)?getOffsetParent(element):element;return isElement(clipperElement)?clippingParents.filter((function(clippingParent){return isElement(clippingParent)&&contains(clippingParent,clipperElement)&&"body"!==getNodeName(clippingParent)})):[]}(element):[].concat(boundary),clippingParents=[].concat(mainClippingParents,[rootBoundary]),firstClippingParent=clippingParents[0],clippingRect=clippingParents.reduce((function(accRect,clippingParent){var rect=getClientRectFromMixedType(element,clippingParent);return accRect.top=math_max(rect.top,accRect.top),accRect.right=math_min(rect.right,accRect.right),accRect.bottom=math_min(rect.bottom,accRect.bottom),accRect.left=math_max(rect.left,accRect.left),accRect}),getClientRectFromMixedType(element,firstClippingParent));return clippingRect.width=clippingRect.right-clippingRect.left,clippingRect.height=clippingRect.bottom-clippingRect.top,clippingRect.x=clippingRect.left,clippingRect.y=clippingRect.top,clippingRect}function mergePaddingObject(paddingObject){return Object.assign({},{top:0,right:0,bottom:0,left:0},paddingObject)}function expandToHashMap(value,keys){return keys.reduce((function(hashMap,key){return hashMap[key]=value,hashMap}),{})}function detectOverflow(state,options){void 0===options&&(options={});var _options=options,_options$placement=_options.placement,placement=void 0===_options$placement?state.placement:_options$placement,_options$boundary=_options.boundary,boundary=void 0===_options$boundary?enums.d:_options$boundary,_options$rootBoundary=_options.rootBoundary,rootBoundary=void 0===_options$rootBoundary?enums.o:_options$rootBoundary,_options$elementConte=_options.elementContext,elementContext=void 0===_options$elementConte?enums.i:_options$elementConte,_options$altBoundary=_options.altBoundary,altBoundary=void 0!==_options$altBoundary&&_options$altBoundary,_options$padding=_options.padding,padding=void 0===_options$padding?0:_options$padding,paddingObject=mergePaddingObject("number"!=typeof padding?padding:expandToHashMap(padding,enums.b)),altContext=elementContext===enums.i?enums.j:enums.i,popperRect=state.rects.popper,element=state.elements[altBoundary?altContext:elementContext],clippingClientRect=getClippingRect(isElement(element)?element:element.contextElement||getDocumentElement(state.elements.popper),boundary,rootBoundary),referenceClientRect=getBoundingClientRect(state.elements.reference),popperOffsets=computeOffsets({reference:referenceClientRect,element:popperRect,strategy:"absolute",placement:placement}),popperClientRect=rectToClientRect(Object.assign({},popperRect,popperOffsets)),elementClientRect=elementContext===enums.i?popperClientRect:referenceClientRect,overflowOffsets={top:clippingClientRect.top-elementClientRect.top+paddingObject.top,bottom:elementClientRect.bottom-clippingClientRect.bottom+paddingObject.bottom,left:clippingClientRect.left-elementClientRect.left+paddingObject.left,right:elementClientRect.right-clippingClientRect.right+paddingObject.right},offsetData=state.modifiersData.offset;if(elementContext===enums.i&&offsetData){var offset=offsetData[placement];Object.keys(overflowOffsets).forEach((function(key){var multiply=[enums.k,enums.c].indexOf(key)>=0?1:-1,axis=[enums.m,enums.c].indexOf(key)>=0?"y":"x";overflowOffsets[key]+=offset[axis]*multiply}))}return overflowOffsets}function within(min,value,max){return math_max(min,math_min(value,max))}function getSideOffsets(overflow,rect,preventedOffsets){return void 0===preventedOffsets&&(preventedOffsets={x:0,y:0}),{top:overflow.top-rect.height-preventedOffsets.y,right:overflow.right-rect.width+preventedOffsets.x,bottom:overflow.bottom-rect.height+preventedOffsets.y,left:overflow.left-rect.width-preventedOffsets.x}}function isAnySideFullyClipped(overflow){return[enums.m,enums.k,enums.c,enums.f].some((function(side){return overflow[side]>=0}))}var popper_createPopper=popperGenerator({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function fn(){},effect:function effect(_ref){var state=_ref.state,instance=_ref.instance,options=_ref.options,_options$scroll=options.scroll,scroll=void 0===_options$scroll||_options$scroll,_options$resize=options.resize,resize=void 0===_options$resize||_options$resize,window=getWindow(state.elements.popper),scrollParents=[].concat(state.scrollParents.reference,state.scrollParents.popper);return scroll&&scrollParents.forEach((function(scrollParent){scrollParent.addEventListener("scroll",instance.update,passive)})),resize&&window.addEventListener("resize",instance.update,passive),function(){scroll&&scrollParents.forEach((function(scrollParent){scrollParent.removeEventListener("scroll",instance.update,passive)})),resize&&window.removeEventListener("resize",instance.update,passive)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function popperOffsets_popperOffsets(_ref){var state=_ref.state,name=_ref.name;state.modifiersData[name]=computeOffsets({reference:state.rects.reference,element:state.rects.popper,strategy:"absolute",placement:state.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function computeStyles(_ref5){var state=_ref5.state,options=_ref5.options,_options$gpuAccelerat=options.gpuAcceleration,gpuAcceleration=void 0===_options$gpuAccelerat||_options$gpuAccelerat,_options$adaptive=options.adaptive,adaptive=void 0===_options$adaptive||_options$adaptive,_options$roundOffsets=options.roundOffsets,roundOffsets=void 0===_options$roundOffsets||_options$roundOffsets,commonStyles={placement:getBasePlacement(state.placement),variation:getVariation(state.placement),popper:state.elements.popper,popperRect:state.rects.popper,gpuAcceleration:gpuAcceleration,isFixed:"fixed"===state.options.strategy};null!=state.modifiersData.popperOffsets&&(state.styles.popper=Object.assign({},state.styles.popper,mapToStyles(Object.assign({},commonStyles,{offsets:state.modifiersData.popperOffsets,position:state.options.strategy,adaptive:adaptive,roundOffsets:roundOffsets})))),null!=state.modifiersData.arrow&&(state.styles.arrow=Object.assign({},state.styles.arrow,mapToStyles(Object.assign({},commonStyles,{offsets:state.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:roundOffsets})))),state.attributes.popper=Object.assign({},state.attributes.popper,{"data-popper-placement":state.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function applyStyles(_ref){var state=_ref.state;Object.keys(state.elements).forEach((function(name){var style=state.styles[name]||{},attributes=state.attributes[name]||{},element=state.elements[name];isHTMLElement(element)&&getNodeName(element)&&(Object.assign(element.style,style),Object.keys(attributes).forEach((function(name){var value=attributes[name];!1===value?element.removeAttribute(name):element.setAttribute(name,!0===value?"":value)})))}))},effect:function applyStyles_effect(_ref2){var state=_ref2.state,initialStyles={popper:{position:state.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(state.elements.popper.style,initialStyles.popper),state.styles=initialStyles,state.elements.arrow&&Object.assign(state.elements.arrow.style,initialStyles.arrow),function(){Object.keys(state.elements).forEach((function(name){var element=state.elements[name],attributes=state.attributes[name]||{},style=Object.keys(state.styles.hasOwnProperty(name)?state.styles[name]:initialStyles[name]).reduce((function(style,property){return style[property]="",style}),{});isHTMLElement(element)&&getNodeName(element)&&(Object.assign(element.style,style),Object.keys(attributes).forEach((function(attribute){element.removeAttribute(attribute)})))}))}},requires:["computeStyles"]},{name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function offset_offset(_ref2){var state=_ref2.state,options=_ref2.options,name=_ref2.name,_options$offset=options.offset,offset=void 0===_options$offset?[0,0]:_options$offset,data=enums.h.reduce((function(acc,placement){return acc[placement]=function distanceAndSkiddingToXY(placement,rects,offset){var basePlacement=getBasePlacement(placement),invertDistance=[enums.f,enums.m].indexOf(basePlacement)>=0?-1:1,_ref="function"==typeof offset?offset(Object.assign({},rects,{placement:placement})):offset,skidding=_ref[0],distance=_ref[1];return skidding=skidding||0,distance=(distance||0)*invertDistance,[enums.f,enums.k].indexOf(basePlacement)>=0?{x:distance,y:skidding}:{x:skidding,y:distance}}(placement,state.rects,offset),acc}),{}),_data$state$placement=data[state.placement],x=_data$state$placement.x,y=_data$state$placement.y;null!=state.modifiersData.popperOffsets&&(state.modifiersData.popperOffsets.x+=x,state.modifiersData.popperOffsets.y+=y),state.modifiersData[name]=data}},{name:"flip",enabled:!0,phase:"main",fn:function flip(_ref){var state=_ref.state,options=_ref.options,name=_ref.name;if(!state.modifiersData[name]._skip){for(var _options$mainAxis=options.mainAxis,checkMainAxis=void 0===_options$mainAxis||_options$mainAxis,_options$altAxis=options.altAxis,checkAltAxis=void 0===_options$altAxis||_options$altAxis,specifiedFallbackPlacements=options.fallbackPlacements,padding=options.padding,boundary=options.boundary,rootBoundary=options.rootBoundary,altBoundary=options.altBoundary,_options$flipVariatio=options.flipVariations,flipVariations=void 0===_options$flipVariatio||_options$flipVariatio,allowedAutoPlacements=options.allowedAutoPlacements,preferredPlacement=state.options.placement,basePlacement=getBasePlacement(preferredPlacement),fallbackPlacements=specifiedFallbackPlacements||(basePlacement===preferredPlacement||!flipVariations?[getOppositePlacement(preferredPlacement)]:function getExpandedFallbackPlacements(placement){if(getBasePlacement(placement)===enums.a)return[];var oppositePlacement=getOppositePlacement(placement);return[getOppositeVariationPlacement(placement),oppositePlacement,getOppositeVariationPlacement(oppositePlacement)]}(preferredPlacement)),placements=[preferredPlacement].concat(fallbackPlacements).reduce((function(acc,placement){return acc.concat(getBasePlacement(placement)===enums.a?function computeAutoPlacement(state,options){void 0===options&&(options={});var _options=options,placement=_options.placement,boundary=_options.boundary,rootBoundary=_options.rootBoundary,padding=_options.padding,flipVariations=_options.flipVariations,_options$allowedAutoP=_options.allowedAutoPlacements,allowedAutoPlacements=void 0===_options$allowedAutoP?enums.h:_options$allowedAutoP,variation=getVariation(placement),placements=variation?flipVariations?enums.n:enums.n.filter((function(placement){return getVariation(placement)===variation})):enums.b,allowedPlacements=placements.filter((function(placement){return allowedAutoPlacements.indexOf(placement)>=0}));0===allowedPlacements.length&&(allowedPlacements=placements);var overflows=allowedPlacements.reduce((function(acc,placement){return acc[placement]=detectOverflow(state,{placement:placement,boundary:boundary,rootBoundary:rootBoundary,padding:padding})[getBasePlacement(placement)],acc}),{});return Object.keys(overflows).sort((function(a,b){return overflows[a]-overflows[b]}))}(state,{placement:placement,boundary:boundary,rootBoundary:rootBoundary,padding:padding,flipVariations:flipVariations,allowedAutoPlacements:allowedAutoPlacements}):placement)}),[]),referenceRect=state.rects.reference,popperRect=state.rects.popper,checksMap=new Map,makeFallbackChecks=!0,firstFittingPlacement=placements[0],i=0;i<placements.length;i++){var placement=placements[i],_basePlacement=getBasePlacement(placement),isStartVariation=getVariation(placement)===enums.l,isVertical=[enums.m,enums.c].indexOf(_basePlacement)>=0,len=isVertical?"width":"height",overflow=detectOverflow(state,{placement:placement,boundary:boundary,rootBoundary:rootBoundary,altBoundary:altBoundary,padding:padding}),mainVariationSide=isVertical?isStartVariation?enums.k:enums.f:isStartVariation?enums.c:enums.m;referenceRect[len]>popperRect[len]&&(mainVariationSide=getOppositePlacement(mainVariationSide));var altVariationSide=getOppositePlacement(mainVariationSide),checks=[];if(checkMainAxis&&checks.push(overflow[_basePlacement]<=0),checkAltAxis&&checks.push(overflow[mainVariationSide]<=0,overflow[altVariationSide]<=0),checks.every((function(check){return check}))){firstFittingPlacement=placement,makeFallbackChecks=!1;break}checksMap.set(placement,checks)}if(makeFallbackChecks)for(var _loop=function _loop(_i){var fittingPlacement=placements.find((function(placement){var checks=checksMap.get(placement);if(checks)return checks.slice(0,_i).every((function(check){return check}))}));if(fittingPlacement)return firstFittingPlacement=fittingPlacement,"break"},_i=flipVariations?3:1;_i>0;_i--){if("break"===_loop(_i))break}state.placement!==firstFittingPlacement&&(state.modifiersData[name]._skip=!0,state.placement=firstFittingPlacement,state.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}},{name:"preventOverflow",enabled:!0,phase:"main",fn:function preventOverflow(_ref){var state=_ref.state,options=_ref.options,name=_ref.name,_options$mainAxis=options.mainAxis,checkMainAxis=void 0===_options$mainAxis||_options$mainAxis,_options$altAxis=options.altAxis,checkAltAxis=void 0!==_options$altAxis&&_options$altAxis,boundary=options.boundary,rootBoundary=options.rootBoundary,altBoundary=options.altBoundary,padding=options.padding,_options$tether=options.tether,tether=void 0===_options$tether||_options$tether,_options$tetherOffset=options.tetherOffset,tetherOffset=void 0===_options$tetherOffset?0:_options$tetherOffset,overflow=detectOverflow(state,{boundary:boundary,rootBoundary:rootBoundary,padding:padding,altBoundary:altBoundary}),basePlacement=getBasePlacement(state.placement),variation=getVariation(state.placement),isBasePlacement=!variation,mainAxis=getMainAxisFromPlacement(basePlacement),altAxis=function getAltAxis(axis){return"x"===axis?"y":"x"}(mainAxis),popperOffsets=state.modifiersData.popperOffsets,referenceRect=state.rects.reference,popperRect=state.rects.popper,tetherOffsetValue="function"==typeof tetherOffset?tetherOffset(Object.assign({},state.rects,{placement:state.placement})):tetherOffset,normalizedTetherOffsetValue="number"==typeof tetherOffsetValue?{mainAxis:tetherOffsetValue,altAxis:tetherOffsetValue}:Object.assign({mainAxis:0,altAxis:0},tetherOffsetValue),offsetModifierState=state.modifiersData.offset?state.modifiersData.offset[state.placement]:null,data={x:0,y:0};if(popperOffsets){if(checkMainAxis){var _offsetModifierState$,mainSide="y"===mainAxis?enums.m:enums.f,altSide="y"===mainAxis?enums.c:enums.k,len="y"===mainAxis?"height":"width",offset=popperOffsets[mainAxis],min=offset+overflow[mainSide],max=offset-overflow[altSide],additive=tether?-popperRect[len]/2:0,minLen=variation===enums.l?referenceRect[len]:popperRect[len],maxLen=variation===enums.l?-popperRect[len]:-referenceRect[len],arrowElement=state.elements.arrow,arrowRect=tether&&arrowElement?getLayoutRect(arrowElement):{width:0,height:0},arrowPaddingObject=state.modifiersData["arrow#persistent"]?state.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},arrowPaddingMin=arrowPaddingObject[mainSide],arrowPaddingMax=arrowPaddingObject[altSide],arrowLen=within(0,referenceRect[len],arrowRect[len]),minOffset=isBasePlacement?referenceRect[len]/2-additive-arrowLen-arrowPaddingMin-normalizedTetherOffsetValue.mainAxis:minLen-arrowLen-arrowPaddingMin-normalizedTetherOffsetValue.mainAxis,maxOffset=isBasePlacement?-referenceRect[len]/2+additive+arrowLen+arrowPaddingMax+normalizedTetherOffsetValue.mainAxis:maxLen+arrowLen+arrowPaddingMax+normalizedTetherOffsetValue.mainAxis,arrowOffsetParent=state.elements.arrow&&getOffsetParent(state.elements.arrow),clientOffset=arrowOffsetParent?"y"===mainAxis?arrowOffsetParent.clientTop||0:arrowOffsetParent.clientLeft||0:0,offsetModifierValue=null!=(_offsetModifierState$=null==offsetModifierState?void 0:offsetModifierState[mainAxis])?_offsetModifierState$:0,tetherMax=offset+maxOffset-offsetModifierValue,preventedOffset=within(tether?math_min(min,offset+minOffset-offsetModifierValue-clientOffset):min,offset,tether?math_max(max,tetherMax):max);popperOffsets[mainAxis]=preventedOffset,data[mainAxis]=preventedOffset-offset}if(checkAltAxis){var _offsetModifierState$2,_mainSide="x"===mainAxis?enums.m:enums.f,_altSide="x"===mainAxis?enums.c:enums.k,_offset=popperOffsets[altAxis],_len="y"===altAxis?"height":"width",_min=_offset+overflow[_mainSide],_max=_offset-overflow[_altSide],isOriginSide=-1!==[enums.m,enums.f].indexOf(basePlacement),_offsetModifierValue=null!=(_offsetModifierState$2=null==offsetModifierState?void 0:offsetModifierState[altAxis])?_offsetModifierState$2:0,_tetherMin=isOriginSide?_min:_offset-referenceRect[_len]-popperRect[_len]-_offsetModifierValue+normalizedTetherOffsetValue.altAxis,_tetherMax=isOriginSide?_offset+referenceRect[_len]+popperRect[_len]-_offsetModifierValue-normalizedTetherOffsetValue.altAxis:_max,_preventedOffset=tether&&isOriginSide?function withinMaxClamp(min,value,max){var v=within(min,value,max);return v>max?max:v}(_tetherMin,_offset,_tetherMax):within(tether?_tetherMin:_min,_offset,tether?_tetherMax:_max);popperOffsets[altAxis]=_preventedOffset,data[altAxis]=_preventedOffset-_offset}state.modifiersData[name]=data}},requiresIfExists:["offset"]},{name:"arrow",enabled:!0,phase:"main",fn:function arrow(_ref){var _state$modifiersData$,state=_ref.state,name=_ref.name,options=_ref.options,arrowElement=state.elements.arrow,popperOffsets=state.modifiersData.popperOffsets,basePlacement=getBasePlacement(state.placement),axis=getMainAxisFromPlacement(basePlacement),len=[enums.f,enums.k].indexOf(basePlacement)>=0?"height":"width";if(arrowElement&&popperOffsets){var paddingObject=function toPaddingObject(padding,state){return mergePaddingObject("number"!=typeof(padding="function"==typeof padding?padding(Object.assign({},state.rects,{placement:state.placement})):padding)?padding:expandToHashMap(padding,enums.b))}(options.padding,state),arrowRect=getLayoutRect(arrowElement),minProp="y"===axis?enums.m:enums.f,maxProp="y"===axis?enums.c:enums.k,endDiff=state.rects.reference[len]+state.rects.reference[axis]-popperOffsets[axis]-state.rects.popper[len],startDiff=popperOffsets[axis]-state.rects.reference[axis],arrowOffsetParent=getOffsetParent(arrowElement),clientSize=arrowOffsetParent?"y"===axis?arrowOffsetParent.clientHeight||0:arrowOffsetParent.clientWidth||0:0,centerToReference=endDiff/2-startDiff/2,min=paddingObject[minProp],max=clientSize-arrowRect[len]-paddingObject[maxProp],center=clientSize/2-arrowRect[len]/2+centerToReference,offset=within(min,center,max),axisProp=axis;state.modifiersData[name]=((_state$modifiersData$={})[axisProp]=offset,_state$modifiersData$.centerOffset=offset-center,_state$modifiersData$)}},effect:function arrow_effect(_ref2){var state=_ref2.state,_options$element=_ref2.options.element,arrowElement=void 0===_options$element?"[data-popper-arrow]":_options$element;null!=arrowElement&&("string"!=typeof arrowElement||(arrowElement=state.elements.popper.querySelector(arrowElement)))&&contains(state.elements.popper,arrowElement)&&(state.elements.arrow=arrowElement)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function hide(_ref){var state=_ref.state,name=_ref.name,referenceRect=state.rects.reference,popperRect=state.rects.popper,preventedOffsets=state.modifiersData.preventOverflow,referenceOverflow=detectOverflow(state,{elementContext:"reference"}),popperAltOverflow=detectOverflow(state,{altBoundary:!0}),referenceClippingOffsets=getSideOffsets(referenceOverflow,referenceRect),popperEscapeOffsets=getSideOffsets(popperAltOverflow,popperRect,preventedOffsets),isReferenceHidden=isAnySideFullyClipped(referenceClippingOffsets),hasPopperEscaped=isAnySideFullyClipped(popperEscapeOffsets);state.modifiersData[name]={referenceClippingOffsets:referenceClippingOffsets,popperEscapeOffsets:popperEscapeOffsets,isReferenceHidden:isReferenceHidden,hasPopperEscaped:hasPopperEscaped},state.attributes.popper=Object.assign({},state.attributes.popper,{"data-popper-reference-hidden":isReferenceHidden,"data-popper-escaped":hasPopperEscaped})}}]}),react_fast_compare=__webpack_require__("./node_modules/react-fast-compare/index.js"),react_fast_compare_default=__webpack_require__.n(react_fast_compare),EMPTY_MODIFIERS=[],NOOP=function NOOP(){},NOOP_PROMISE=function NOOP_PROMISE(){return Promise.resolve(null)},Popper_EMPTY_MODIFIERS=[];function Popper(_ref){var _ref$placement=_ref.placement,placement=void 0===_ref$placement?"bottom":_ref$placement,_ref$strategy=_ref.strategy,strategy=void 0===_ref$strategy?"absolute":_ref$strategy,_ref$modifiers=_ref.modifiers,modifiers=void 0===_ref$modifiers?Popper_EMPTY_MODIFIERS:_ref$modifiers,referenceElement=_ref.referenceElement,onFirstUpdate=_ref.onFirstUpdate,innerRef=_ref.innerRef,children=_ref.children,referenceNode=react.useContext(ManagerReferenceNodeContext),_React$useState=react.useState(null),popperElement=_React$useState[0],setPopperElement=_React$useState[1],_React$useState2=react.useState(null),arrowElement=_React$useState2[0],setArrowElement=_React$useState2[1];react.useEffect((function(){setRef(innerRef,popperElement)}),[innerRef,popperElement]);var options=react.useMemo((function(){return{placement:placement,strategy:strategy,onFirstUpdate:onFirstUpdate,modifiers:[].concat(modifiers,[{name:"arrow",enabled:null!=arrowElement,options:{element:arrowElement}}])}}),[placement,strategy,onFirstUpdate,modifiers,arrowElement]),_usePopper=function usePopper(referenceElement,popperElement,options){void 0===options&&(options={});var prevOptions=react.useRef(null),optionsWithDefaults={onFirstUpdate:options.onFirstUpdate,placement:options.placement||"bottom",strategy:options.strategy||"absolute",modifiers:options.modifiers||EMPTY_MODIFIERS},_React$useState=react.useState({styles:{popper:{position:optionsWithDefaults.strategy,left:"0",top:"0"},arrow:{position:"absolute"}},attributes:{}}),state=_React$useState[0],setState=_React$useState[1],updateStateModifier=react.useMemo((function(){return{name:"updateState",enabled:!0,phase:"write",fn:function fn(_ref){var state=_ref.state,elements=Object.keys(state.elements);setState({styles:fromEntries(elements.map((function(element){return[element,state.styles[element]||{}]}))),attributes:fromEntries(elements.map((function(element){return[element,state.attributes[element]]})))})},requires:["computeStyles"]}}),[]),popperOptions=react.useMemo((function(){var newOptions={onFirstUpdate:optionsWithDefaults.onFirstUpdate,placement:optionsWithDefaults.placement,strategy:optionsWithDefaults.strategy,modifiers:[].concat(optionsWithDefaults.modifiers,[updateStateModifier,{name:"applyStyles",enabled:!1}])};return react_fast_compare_default()(prevOptions.current,newOptions)?prevOptions.current||newOptions:(prevOptions.current=newOptions,newOptions)}),[optionsWithDefaults.onFirstUpdate,optionsWithDefaults.placement,optionsWithDefaults.strategy,optionsWithDefaults.modifiers,updateStateModifier]),popperInstanceRef=react.useRef();return useIsomorphicLayoutEffect((function(){popperInstanceRef.current&&popperInstanceRef.current.setOptions(popperOptions)}),[popperOptions]),useIsomorphicLayoutEffect((function(){if(null!=referenceElement&&null!=popperElement){var popperInstance=(options.createPopper||popper_createPopper)(referenceElement,popperElement,popperOptions);return popperInstanceRef.current=popperInstance,function(){popperInstance.destroy(),popperInstanceRef.current=null}}}),[referenceElement,popperElement,options.createPopper]),{state:popperInstanceRef.current?popperInstanceRef.current.state:null,styles:state.styles,attributes:state.attributes,update:popperInstanceRef.current?popperInstanceRef.current.update:null,forceUpdate:popperInstanceRef.current?popperInstanceRef.current.forceUpdate:null}}(referenceElement||referenceNode,popperElement,options),state=_usePopper.state,styles=_usePopper.styles,forceUpdate=_usePopper.forceUpdate,update=_usePopper.update,childrenProps=react.useMemo((function(){return{ref:setPopperElement,style:styles.popper,placement:state?state.placement:placement,hasPopperEscaped:state&&state.modifiersData.hide?state.modifiersData.hide.hasPopperEscaped:null,isReferenceHidden:state&&state.modifiersData.hide?state.modifiersData.hide.isReferenceHidden:null,arrowProps:{style:styles.arrow,ref:setArrowElement},forceUpdate:forceUpdate||NOOP,update:update||NOOP_PROMISE}}),[setPopperElement,setArrowElement,placement,state,styles,update,forceUpdate]);return unwrapArray(children)(childrenProps)}var warning=__webpack_require__("./node_modules/warning/warning.js"),warning_default=__webpack_require__.n(warning);function Reference(_ref){var children=_ref.children,innerRef=_ref.innerRef,setReferenceNode=react.useContext(ManagerReferenceNodeSetterContext),refHandler=react.useCallback((function(node){setRef(innerRef,node),safeInvoke(setReferenceNode,node)}),[innerRef,setReferenceNode]);return react.useEffect((function(){return function(){return setRef(innerRef,null)}})),react.useEffect((function(){warning_default()(Boolean(setReferenceNode),"`Reference` should not be used outside of a `Manager` component.")}),[setReferenceNode]),unwrapArray(children)({ref:refHandler})}var TooltipContext=react_default.a.createContext({}),callAll=function callAll(){for(var _len=arguments.length,fns=new Array(_len),_key=0;_key<_len;_key++)fns[_key]=arguments[_key];return function(){for(var _len2=arguments.length,args=new Array(_len2),_key2=0;_key2<_len2;_key2++)args[_key2]=arguments[_key2];return fns.forEach((function(fn){return fn&&fn.apply(void 0,args)}))}},canUseDOM=function canUseDOM(){return!("undefined"==typeof window||!window.document||!window.document.createElement)},react_popper_tooltip_setRef=function setRef(ref,node){if("function"==typeof ref)return ref(node);null!=ref&&(ref.current=node)},react_popper_tooltip_Tooltip=function(_Component){function Tooltip(){for(var _this,_len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return(_this=_Component.call.apply(_Component,[this].concat(args))||this).observer=void 0,_this.tooltipRef=void 0,_this.handleOutsideClick=function(event){if(_this.tooltipRef&&!_this.tooltipRef.contains(event.target)){var parentOutsideClickHandler=_this.context.parentOutsideClickHandler,_this$props=_this.props,hideTooltip=_this$props.hideTooltip;(0,_this$props.clearScheduled)(),hideTooltip(),parentOutsideClickHandler&&parentOutsideClickHandler(event)}},_this.handleOutsideRightClick=function(event){if(_this.tooltipRef&&!_this.tooltipRef.contains(event.target)){var parentOutsideRightClickHandler=_this.context.parentOutsideRightClickHandler,_this$props2=_this.props,hideTooltip=_this$props2.hideTooltip;(0,_this$props2.clearScheduled)(),hideTooltip(),parentOutsideRightClickHandler&&parentOutsideRightClickHandler(event)}},_this.addOutsideClickHandler=function(){document.body.addEventListener("touchend",_this.handleOutsideClick),document.body.addEventListener("click",_this.handleOutsideClick)},_this.removeOutsideClickHandler=function(){document.body.removeEventListener("touchend",_this.handleOutsideClick),document.body.removeEventListener("click",_this.handleOutsideClick)},_this.addOutsideRightClickHandler=function(){return document.body.addEventListener("contextmenu",_this.handleOutsideRightClick)},_this.removeOutsideRightClickHandler=function(){return document.body.removeEventListener("contextmenu",_this.handleOutsideRightClick)},_this.getTooltipRef=function(node){_this.tooltipRef=node,react_popper_tooltip_setRef(_this.props.innerRef,node)},_this.getArrowProps=function(props){return void 0===props&&(props={}),Object(esm_extends.a)({},props,{style:Object(esm_extends.a)({},props.style,_this.props.arrowProps.style)})},_this.getTooltipProps=function(props){return void 0===props&&(props={}),Object(esm_extends.a)({},props,_this.isTriggeredBy("hover")&&{onMouseEnter:callAll(_this.props.clearScheduled,props.onMouseEnter),onMouseLeave:callAll(_this.props.hideTooltip,props.onMouseLeave)},{style:Object(esm_extends.a)({},props.style,_this.props.style)})},_this.contextValue={isParentNoneTriggered:"none"===_this.props.trigger,addParentOutsideClickHandler:_this.addOutsideClickHandler,addParentOutsideRightClickHandler:_this.addOutsideRightClickHandler,parentOutsideClickHandler:_this.handleOutsideClick,parentOutsideRightClickHandler:_this.handleOutsideRightClick,removeParentOutsideClickHandler:_this.removeOutsideClickHandler,removeParentOutsideRightClickHandler:_this.removeOutsideRightClickHandler},_this}Object(inheritsLoose.a)(Tooltip,_Component);var _proto=Tooltip.prototype;return _proto.componentDidMount=function componentDidMount(){var _this2=this;if((this.observer=new MutationObserver((function(){_this2.props.update()}))).observe(this.tooltipRef,this.props.mutationObserverOptions),this.isTriggeredBy("hover")||this.isTriggeredBy("click")||this.isTriggeredBy("right-click")){var _this$context=this.context,removeParentOutsideClickHandler=_this$context.removeParentOutsideClickHandler,removeParentOutsideRightClickHandler=_this$context.removeParentOutsideRightClickHandler;this.addOutsideClickHandler(),this.addOutsideRightClickHandler(),removeParentOutsideClickHandler&&removeParentOutsideClickHandler(),removeParentOutsideRightClickHandler&&removeParentOutsideRightClickHandler()}},_proto.componentDidUpdate=function componentDidUpdate(){this.props.closeOnReferenceHidden&&this.props.isReferenceHidden&&this.props.hideTooltip()},_proto.componentWillUnmount=function componentWillUnmount(){if(this.observer&&this.observer.disconnect(),this.isTriggeredBy("hover")||this.isTriggeredBy("click")||this.isTriggeredBy("right-click")){var _this$context2=this.context,isParentNoneTriggered=_this$context2.isParentNoneTriggered,addParentOutsideClickHandler=_this$context2.addParentOutsideClickHandler,addParentOutsideRightClickHandler=_this$context2.addParentOutsideRightClickHandler;this.removeOutsideClickHandler(),this.removeOutsideRightClickHandler(),this.handleOutsideClick=void 0,this.handleOutsideRightClick=void 0,!isParentNoneTriggered&&addParentOutsideClickHandler&&addParentOutsideClickHandler(),!isParentNoneTriggered&&addParentOutsideRightClickHandler&&addParentOutsideRightClickHandler()}},_proto.render=function render(){var _this$props3=this.props,arrowProps=_this$props3.arrowProps,placement=_this$props3.placement,tooltip=_this$props3.tooltip;return react_default.a.createElement(TooltipContext.Provider,{value:this.contextValue},tooltip({arrowRef:arrowProps.ref,getArrowProps:this.getArrowProps,getTooltipProps:this.getTooltipProps,placement:placement,tooltipRef:this.getTooltipRef}))},_proto.isTriggeredBy=function isTriggeredBy(event){var trigger=this.props.trigger;return trigger===event||Array.isArray(trigger)&&trigger.includes(event)},Tooltip}(react.Component);react_popper_tooltip_Tooltip.contextType=TooltipContext;var react_popper_tooltip_TooltipTrigger=function(_Component){function TooltipTrigger(){for(var _this,_len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return(_this=_Component.call.apply(_Component,[this].concat(args))||this).state={tooltipShown:_this.props.defaultTooltipShown},_this.hideTimeout=void 0,_this.showTimeout=void 0,_this.popperOffset=void 0,_this.setTooltipState=function(state){var cb=function cb(){return _this.props.onVisibilityChange(state.tooltipShown)};_this.isControlled()?cb():_this.setState(state,cb)},_this.clearScheduled=function(){clearTimeout(_this.hideTimeout),clearTimeout(_this.showTimeout)},_this.showTooltip=function(_ref){var pageX=_ref.pageX,pageY=_ref.pageY;_this.clearScheduled();var state={tooltipShown:!0};_this.props.followCursor&&(state=Object(esm_extends.a)({},state,{pageX:pageX,pageY:pageY})),_this.showTimeout=window.setTimeout((function(){return _this.setTooltipState(state)}),_this.props.delayShow)},_this.hideTooltip=function(){_this.clearScheduled(),_this.hideTimeout=window.setTimeout((function(){return _this.setTooltipState({tooltipShown:!1})}),_this.props.delayHide)},_this.toggleTooltip=function(_ref2){var pageX=_ref2.pageX,pageY=_ref2.pageY,action=_this.getState()?"hideTooltip":"showTooltip";_this[action]({pageX:pageX,pageY:pageY})},_this.clickToggle=function(event){event.preventDefault();var pageX=event.pageX,pageY=event.pageY,action=_this.props.followCursor?"showTooltip":"toggleTooltip";_this[action]({pageX:pageX,pageY:pageY})},_this.contextMenuToggle=function(event){event.preventDefault();var pageX=event.pageX,pageY=event.pageY,action=_this.props.followCursor?"showTooltip":"toggleTooltip";_this[action]({pageX:pageX,pageY:pageY})},_this.getTriggerProps=function(props){return void 0===props&&(props={}),Object(esm_extends.a)({},props,_this.isTriggeredBy("click")&&{onClick:callAll(_this.clickToggle,props.onClick),onTouchEnd:callAll(_this.clickToggle,props.onTouchEnd)},_this.isTriggeredBy("right-click")&&{onContextMenu:callAll(_this.contextMenuToggle,props.onContextMenu)},_this.isTriggeredBy("hover")&&Object(esm_extends.a)({onMouseEnter:callAll(_this.showTooltip,props.onMouseEnter),onMouseLeave:callAll(_this.hideTooltip,props.onMouseLeave)},_this.props.followCursor&&{onMouseMove:callAll(_this.showTooltip,props.onMouseMove)}),_this.isTriggeredBy("focus")&&{onFocus:callAll(_this.showTooltip,props.onFocus),onBlur:callAll(_this.hideTooltip,props.onBlur)})},_this}Object(inheritsLoose.a)(TooltipTrigger,_Component);var _proto=TooltipTrigger.prototype;return _proto.componentWillUnmount=function componentWillUnmount(){this.clearScheduled()},_proto.render=function render(){var _this2=this,_this$props=this.props,children=_this$props.children,tooltip=_this$props.tooltip,placement=_this$props.placement,trigger=_this$props.trigger,getTriggerRef=_this$props.getTriggerRef,modifiers=_this$props.modifiers,closeOnReferenceHidden=_this$props.closeOnReferenceHidden,usePortal=_this$props.usePortal,portalContainer=_this$props.portalContainer,followCursor=_this$props.followCursor,getTooltipRef=_this$props.getTooltipRef,mutationObserverOptions=_this$props.mutationObserverOptions,restProps=Object(objectWithoutPropertiesLoose.a)(_this$props,["children","tooltip","placement","trigger","getTriggerRef","modifiers","closeOnReferenceHidden","usePortal","portalContainer","followCursor","getTooltipRef","mutationObserverOptions"]),popper=react_default.a.createElement(Popper,Object(esm_extends.a)({innerRef:getTooltipRef,placement:placement,modifiers:[{name:"followCursor",enabled:followCursor,phase:"main",fn:function fn(data){_this2.popperOffset=data.state.rects.popper}}].concat(modifiers)},restProps),(function(_ref3){var ref=_ref3.ref,style=_ref3.style,placement=_ref3.placement,arrowProps=_ref3.arrowProps,isReferenceHidden=_ref3.isReferenceHidden,update=_ref3.update;if(followCursor&&_this2.popperOffset){var _this2$state=_this2.state,pageX=_this2$state.pageX,pageY=_this2$state.pageY,_this2$popperOffset=_this2.popperOffset,width=_this2$popperOffset.width,height=_this2$popperOffset.height,x=pageX+width>window.pageXOffset+document.body.offsetWidth?pageX-width:pageX,y=pageY+height>window.pageYOffset+document.body.offsetHeight?pageY-height:pageY;style.transform="translate3d("+x+"px, "+y+"px, 0"}return react_default.a.createElement(react_popper_tooltip_Tooltip,Object(esm_extends.a)({arrowProps:arrowProps,closeOnReferenceHidden:closeOnReferenceHidden,isReferenceHidden:isReferenceHidden,placement:placement,update:update,style:style,tooltip:tooltip,trigger:trigger,mutationObserverOptions:mutationObserverOptions},{clearScheduled:_this2.clearScheduled,hideTooltip:_this2.hideTooltip,innerRef:ref}))}));return react_default.a.createElement(Manager,null,react_default.a.createElement(Reference,{innerRef:getTriggerRef},(function(_ref4){var ref=_ref4.ref;return children({getTriggerProps:_this2.getTriggerProps,triggerRef:ref})})),this.getState()&&(usePortal?Object(react_dom.createPortal)(popper,portalContainer):popper))},_proto.isControlled=function isControlled(){return void 0!==this.props.tooltipShown},_proto.getState=function getState(){return this.isControlled()?this.props.tooltipShown:this.state.tooltipShown},_proto.isTriggeredBy=function isTriggeredBy(event){var trigger=this.props.trigger;return trigger===event||Array.isArray(trigger)&&trigger.includes(event)},TooltipTrigger}(react.Component);react_popper_tooltip_TooltipTrigger.defaultProps={closeOnReferenceHidden:!0,defaultTooltipShown:!1,delayHide:0,delayShow:0,followCursor:!1,onVisibilityChange:function noop(){},placement:"right",portalContainer:canUseDOM()?document.body:null,trigger:"hover",usePortal:canUseDOM(),mutationObserverOptions:{childList:!0,subtree:!0},modifiers:[]};var react_popper_tooltip=react_popper_tooltip_TooltipTrigger,memoizerific=(__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.starts-with.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/memoizerific/memoizerific.js")),memoizerific_default=__webpack_require__.n(memoizerific),utils=__webpack_require__("./node_modules/@storybook/theming/dist/esm/utils.js");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 _templateObject,_templateObject2,match=memoizerific_default()(1e3)((function(requests,actual,value){var fallback=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0;return actual.split("-")[0]===requests?value:fallback})),Arrow=esm.styled.div({position:"absolute",borderStyle:"solid"},(function(_ref){var placement=_ref.placement,x=0,y=0;switch(!0){case placement.startsWith("left")||placement.startsWith("right"):y=8;break;case placement.startsWith("top")||placement.startsWith("bottom"):x=8}return{transform:"translate3d(".concat(x,"px, ").concat(y,"px, 0px)")}}),(function(_ref2){var theme=_ref2.theme,color=_ref2.color,placement=_ref2.placement;return{bottom:"".concat(match("top",placement,-8,"auto"),"px"),top:"".concat(match("bottom",placement,-8,"auto"),"px"),right:"".concat(match("left",placement,-8,"auto"),"px"),left:"".concat(match("right",placement,-8,"auto"),"px"),borderBottomWidth:"".concat(match("top",placement,"0",8),"px"),borderTopWidth:"".concat(match("bottom",placement,"0",8),"px"),borderRightWidth:"".concat(match("left",placement,"0",8),"px"),borderLeftWidth:"".concat(match("right",placement,"0",8),"px"),borderTopColor:match("top",placement,theme.color[color]||color||"light"===theme.base?Object(utils.c)(theme.background.app):Object(utils.a)(theme.background.app),"transparent"),borderBottomColor:match("bottom",placement,theme.color[color]||color||"light"===theme.base?Object(utils.c)(theme.background.app):Object(utils.a)(theme.background.app),"transparent"),borderLeftColor:match("left",placement,theme.color[color]||color||"light"===theme.base?Object(utils.c)(theme.background.app):Object(utils.a)(theme.background.app),"transparent"),borderRightColor:match("right",placement,theme.color[color]||color||"light"===theme.base?Object(utils.c)(theme.background.app):Object(utils.a)(theme.background.app),"transparent")}})),Wrapper=esm.styled.div((function(_ref3){return{display:_ref3.hidden?"none":"inline-block",zIndex:2147483647}}),(function(_ref4){var theme=_ref4.theme,color=_ref4.color;return _ref4.hasChrome?{background:theme.color[color]||color||"light"===theme.base?Object(utils.c)(theme.background.app):Object(utils.a)(theme.background.app),filter:"\n drop-shadow(0px 5px 5px rgba(0,0,0,0.05))\n drop-shadow(0 1px 3px rgba(0,0,0,0.1))\n ",borderRadius:2*theme.appBorderRadius,fontSize:theme.typography.size.s1}:{}})),Tooltip_Tooltip=function Tooltip(_ref5){var placement=_ref5.placement,hasChrome=_ref5.hasChrome,children=_ref5.children,arrowProps=_ref5.arrowProps,tooltipRef=_ref5.tooltipRef,arrowRef=_ref5.arrowRef,color=_ref5.color,props=_objectWithoutProperties(_ref5,["placement","hasChrome","children","arrowProps","tooltipRef","arrowRef","color"]);return react_default.a.createElement(Wrapper,_extends({hasChrome:hasChrome,placement:placement,ref:tooltipRef},props,{color:color}),hasChrome&&react_default.a.createElement(Arrow,_extends({placement:placement,ref:arrowRef},arrowProps,{color:color})),children)};function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(arr)))return;var _arr=[],_n=!0,_d=!1,_e=void 0;try{for(var _s,_i=arr[Symbol.iterator]();!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function WithTooltip_extends(){return WithTooltip_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},WithTooltip_extends.apply(this,arguments)}function WithTooltip_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function WithTooltip_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}Tooltip_Tooltip.displayName="Tooltip",Tooltip_Tooltip.defaultProps={color:void 0,arrowRef:void 0,tooltipRef:void 0,hasChrome:!0,placement:"top",arrowProps:{}};var WithTooltip_document=window_default.a.document,TargetContainer=esm.styled.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n display: inline-block;\n cursor: ",";\n"])),(function(props){return"hover"===props.mode?"default":"pointer"})),TargetSvgContainer=esm.styled.g(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n cursor: ",";\n"])),(function(props){return"hover"===props.mode?"default":"pointer"})),WithTooltip_WithTooltipPure=function WithTooltipPure(_ref){var svg=_ref.svg,trigger=_ref.trigger,placement=(_ref.closeOnClick,_ref.placement),modifiers=_ref.modifiers,hasChrome=_ref.hasChrome,_tooltip=_ref.tooltip,children=_ref.children,tooltipShown=_ref.tooltipShown,onVisibilityChange=_ref.onVisibilityChange,props=WithTooltip_objectWithoutProperties(_ref,["svg","trigger","closeOnClick","placement","modifiers","hasChrome","tooltip","children","tooltipShown","onVisibilityChange"]),Container=svg?TargetSvgContainer:TargetContainer;return react_default.a.createElement(react_popper_tooltip,{placement:placement,trigger:trigger,modifiers:modifiers,tooltipShown:tooltipShown,onVisibilityChange:onVisibilityChange,tooltip:function tooltip(_ref2){var getTooltipProps=_ref2.getTooltipProps,getArrowProps=_ref2.getArrowProps,tooltipRef=_ref2.tooltipRef,arrowRef=_ref2.arrowRef,tooltipPlacement=_ref2.placement;return react_default.a.createElement(Tooltip_Tooltip,WithTooltip_extends({hasChrome:hasChrome,placement:tooltipPlacement,tooltipRef:tooltipRef,arrowRef:arrowRef,arrowProps:getArrowProps()},getTooltipProps()),"function"==typeof _tooltip?_tooltip({onHide:function onHide(){return onVisibilityChange(!1)}}):_tooltip)}},(function(_ref3){var getTriggerProps=_ref3.getTriggerProps,triggerRef=_ref3.triggerRef;return react_default.a.createElement(Container,WithTooltip_extends({ref:triggerRef},getTriggerProps(),props),children)}))};WithTooltip_WithTooltipPure.displayName="WithTooltipPure",WithTooltip_WithTooltipPure.defaultProps={svg:!1,trigger:"hover",closeOnClick:!1,placement:"top",modifiers:[{name:"preventOverflow",options:{padding:8}},{name:"offset",options:{offset:[8,8]}},{name:"arrow",options:{padding:8}}],hasChrome:!0,tooltipShown:!1};var WithTooltip_WithToolTipState=function WithToolTipState(_ref4){var startOpen=_ref4.startOpen,onChange=_ref4.onVisibilityChange,rest=WithTooltip_objectWithoutProperties(_ref4,["startOpen","onVisibilityChange"]),_useState2=_slicedToArray(Object(react.useState)(startOpen||!1),2),tooltipShown=_useState2[0],setTooltipShown=_useState2[1],onVisibilityChange=Object(react.useCallback)((function(visibility){onChange&&!1===onChange(visibility)||setTooltipShown(visibility)}),[onChange]);return Object(react.useEffect)((function(){var hide=function hide(){return onVisibilityChange(!1)};WithTooltip_document.addEventListener("keydown",hide,!1);var iframes=Array.from(WithTooltip_document.getElementsByTagName("iframe")),unbinders=[];return iframes.forEach((function(iframe){var bind=function bind(){try{iframe.contentWindow.document&&(iframe.contentWindow.document.addEventListener("click",hide),unbinders.push((function(){try{iframe.contentWindow.document.removeEventListener("click",hide)}catch(e){}})))}catch(e){}};bind(),iframe.addEventListener("load",bind),unbinders.push((function(){iframe.removeEventListener("load",bind)}))})),function(){WithTooltip_document.removeEventListener("keydown",hide),unbinders.forEach((function(unbind){unbind()}))}})),react_default.a.createElement(WithTooltip_WithTooltipPure,WithTooltip_extends({},rest,{tooltipShown:tooltipShown,onVisibilityChange:onVisibilityChange}))};WithTooltip_WithToolTipState.displayName="WithToolTipState"},"./node_modules/react-fast-compare/index.js":function(module,exports){var hasElementType="undefined"!=typeof Element,hasMap="function"==typeof Map,hasSet="function"==typeof Set,hasArrayBuffer="function"==typeof ArrayBuffer&&!!ArrayBuffer.isView;function equal(a,b){if(a===b)return!0;if(a&&b&&"object"==typeof a&&"object"==typeof b){if(a.constructor!==b.constructor)return!1;var length,i,keys,it;if(Array.isArray(a)){if((length=a.length)!=b.length)return!1;for(i=length;0!=i--;)if(!equal(a[i],b[i]))return!1;return!0}if(hasMap&&a instanceof Map&&b instanceof Map){if(a.size!==b.size)return!1;for(it=a.entries();!(i=it.next()).done;)if(!b.has(i.value[0]))return!1;for(it=a.entries();!(i=it.next()).done;)if(!equal(i.value[1],b.get(i.value[0])))return!1;return!0}if(hasSet&&a instanceof Set&&b instanceof Set){if(a.size!==b.size)return!1;for(it=a.entries();!(i=it.next()).done;)if(!b.has(i.value[0]))return!1;return!0}if(hasArrayBuffer&&ArrayBuffer.isView(a)&&ArrayBuffer.isView(b)){if((length=a.length)!=b.length)return!1;for(i=length;0!=i--;)if(a[i]!==b[i])return!1;return!0}if(a.constructor===RegExp)return a.source===b.source&&a.flags===b.flags;if(a.valueOf!==Object.prototype.valueOf)return a.valueOf()===b.valueOf();if(a.toString!==Object.prototype.toString)return a.toString()===b.toString();if((length=(keys=Object.keys(a)).length)!==Object.keys(b).length)return!1;for(i=length;0!=i--;)if(!Object.prototype.hasOwnProperty.call(b,keys[i]))return!1;if(hasElementType&&a instanceof Element)return!1;for(i=length;0!=i--;)if(("_owner"!==keys[i]&&"__v"!==keys[i]&&"__o"!==keys[i]||!a.$$typeof)&&!equal(a[keys[i]],b[keys[i]]))return!1;return!0}return a!=a&&b!=b}module.exports=function isEqual(a,b){try{return equal(a,b)}catch(error){if((error.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw error}}},"./node_modules/warning/warning.js":function(module,exports,__webpack_require__){"use strict";var warning=function(){};module.exports=warning}}]);
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"8.68cd1217.iframe.bundle.js","sources":[],"mappings":";A","sourceRoot":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
(window.webpackJsonp=window.webpackJsonp||[]).push([[4],{"./.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))},"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js?!./src/styles.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".reset_password_root {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n flex-grow: 1;\r\n background-color: var(--light);\r\n}\r\n.reset_password_paper {\r\n margin-top: 8px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n}\r\n/* START INDEX.JS */\r\n.index_root {\r\n height: 100vh;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n.index_logo {\r\n height: 70px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n.index_buttons_container {\r\n margin-top: 20px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n/* END INDEX.js */\r\n.account_section {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n margin: 10px;\r\n /* max-width: 400px; */\r\n /* background-color: black; */\r\n}\r\n.account_deactivate {\r\n text-align: center;\r\n opacity: 1;\r\n font-size: 13px;\r\n color: red;\r\n padding: 5px;\r\n cursor: pointer;\r\n width: -webkit-fit-content;\r\n width: -moz-fit-content;\r\n width: fit-content;\r\n}\r\n.text_button {\r\n cursor: pointer;\r\n color: var(--blue);\r\n font-weight: 500;\r\n}\r\n.bottom_text {\r\n margin-top: 10px;\r\n font-size: 14px;\r\n}\r\n.newsletter_container {\r\n display: flex;\r\n align-items: center;\r\n justify-content: flex-start;\r\n flex-direction: row;\r\n margin-top: 15px;\r\n}\r\n.modalTEST {\r\n background-color: red;\r\n width: 10px;\r\n}\r\n.modal_theme {\r\n background-color: black;\r\n opacity: 0.3;\r\n border: none;\r\n}\r\n.user_form {\r\n background-color: var(--lightGrey);\r\n padding: 20px;\r\n border-radius: var(--borderR);\r\n margin-bottom: 20px;\r\n margin-top: 10px;\r\n}\r\n.user_form_container {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n width: 90%;\r\n max-width: 400px;\r\n height: 100vh;\r\n}\r\n.input {\r\n color: black;\r\n background-color: var(--light);\r\n /* padding: 10px; */\r\n border-radius: var(--borderR);\r\n border-bottom: none;\r\n border: none;\r\n}\r\n.balanceInput {\r\n color: black;\r\n background-color: var(--light);\r\n padding: 10px;\r\n border-radius: var(--borderR);\r\n border-bottom: none;\r\n border: none;\r\n}\r\n.theme_form_input {\r\n color: black;\r\n background-color: var(--light);\r\n border-radius: var(--borderR);\r\n border-bottom: none;\r\n border: none;\r\n width: 100%;\r\n}\r\n.theme_input {\r\n color: black;\r\n background-color: var(--light);\r\n padding: 10px;\r\n border-radius: var(--borderR);\r\n border-bottom: none;\r\n border: none;\r\n width: 100%;\r\n}\r\n.theme_input2 {\r\n color: black;\r\n background-color: var(--light);\r\n /* padding: 10px; */\r\n border-radius: var(--borderR);\r\n border-bottom: none;\r\n border: none;\r\n width: 100%;\r\n}\r\n.theme_input2 input {\r\n color: black;\r\n background-color: var(--light);\r\n padding: 10px;\r\n border-radius: var(--borderR);\r\n border-bottom: none;\r\n border: none;\r\n width: 100%;\r\n}\r\n.theme_form_input input {\r\n color: black;\r\n background-color: var(--light);\r\n padding: 10px;\r\n border-radius: var(--borderR);\r\n border-bottom: none;\r\n border: none;\r\n width: 100%;\r\n}\r\n.form_textarea {\r\n color: black;\r\n background-color: var(--light);\r\n border-radius: var(--borderR);\r\n border-bottom: none;\r\n border: none;\r\n width: 100%;\r\n padding: 0px;\r\n margin: 0px;\r\n margin-bottom: 0px;\r\n resize: vertical;\r\n}\r\n\r\n.input_label {\r\n font-size: 15px;\r\n font-weight: 500;\r\n position: relative;\r\n /* margin-top: 10px; */\r\n margin: 15px;\r\n margin-left: 0px;\r\n}\r\n.loading_overlay {\r\n position: absolute;\r\n display: grid;\r\n place-items: center;\r\n height: 100%;\r\n width: 100%;\r\n z-index: 2;\r\n padding: 0;\r\n margin: 0px;\r\n}\r\n.inputLabel {\r\n font-size: 20px;\r\n margin-bottom: 10px;\r\n font-weight: 500;\r\n\r\n position: relative;\r\n}\r\n.navbar_root_container {\r\n /* flex-grow: 1; */\r\n padding-right: 10px;\r\n padding-left: 10px;\r\n width: 100%;\r\n background-color: blue;\r\n}\r\n.navbar_container {\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding-right: 10px;\r\n padding-left: 10px;\r\n /* background-color: white; */\r\n}\r\n.navbar_logo {\r\n display: flex;\r\n justify-content: flex-start;\r\n align-items: center;\r\n height: 70px;\r\n cursor: pointer;\r\n padding: 0px;\r\n}\r\n.navbar_button {\r\n color: black;\r\n background-color: var(--light);\r\n box-shadow: none;\r\n /* border: 1px solid var(--blue); */\r\n}\r\n.navbar_button_primary {\r\n color: var(--light);\r\n background-color: var(--blue);\r\n box-shadow: none;\r\n}\r\n.error_page {\r\n /* background-color: green; */\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n text-align: center;\r\n height: 100vh;\r\n}\r\n.error_page_text_main {\r\n /* background-color: darkgoldenrod; */\r\n padding: 10px;\r\n font-size: 30px;\r\n font-weight: 500;\r\n}\r\n.error_page_text_second {\r\n /* background-color: darkorchid; */\r\n padding: 10px;\r\n}\r\n.radio_selector_container {\r\n background-color: white;\r\n display: flex;\r\n flex-direction: row;\r\n border-radius: var(--borderR);\r\n margin-bottom: 10px;\r\n}\r\n.radio_option {\r\n background-color: var(--lightGrey);\r\n border-radius: var(--borderR);\r\n margin: 5px;\r\n padding: 10px;\r\n width: 100%;\r\n justify-content: center;\r\n align-items: center;\r\n text-align: center;\r\n font-size: 14px;\r\n cursor: pointer;\r\n white-space: nowrap;\r\n}\r\n.settings_row {\r\n background-color: var(--light);\r\n border-radius: var(--borderR);\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: space-between;\r\n align-items: center;\r\n height: 50px;\r\n padding: 10px;\r\n width: 100%;\r\n}\r\n.settings_row_actions {\r\n background-color: rgb(223, 221, 221);\r\n width: 100%;\r\n max-width: 200px;\r\n border-radius: var(--borderR);\r\n}\r\n.white_button {\r\n background-color: rgb(223, 221, 221);\r\n padding: 10px;\r\n /* margin: 10px; */\r\n width: 100px;\r\n text-align: center;\r\n cursor: pointer;\r\n border-radius: var(--borderR);\r\n /* border-radius: 0 var(--borderR) var(--borderR) 0; */\r\n}\r\n.blue_button {\r\n background-color: var(--blue);\r\n color: white;\r\n padding: 10px;\r\n /* margin: 10px; */\r\n width: 100px;\r\n text-align: center;\r\n cursor: pointer;\r\n border-radius: var(--borderR);\r\n /* border-radius: var(--borderR) 0 0 var(--borderR); */\r\n}\r\n.route_loading {\r\n position: fixed;\r\n bottom: 20px;\r\n right: 20px;\r\n background-color: var(--blue);\r\n border-radius: var(--borderR);\r\n padding: 10px;\r\n height: 50px;\r\n width: 50px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n z-index: 400;\r\n}\r\n.offline_banner {\r\n position: fixed;\r\n bottom: 20px;\r\n left: 20px;\r\n /* background-color: var(--red); */\r\n background-color: red;\r\n border-radius: var(--borderR);\r\n padding: 10px;\r\n height: 50px;\r\n /* width: 50px; */\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n z-index: 400;\r\n color: white;\r\n}\r\n.language_modal_button {\r\n background-color: var(--blue);\r\n padding: 10px;\r\n height: 100%;\r\n width: 100%;\r\n border-radius: var(--borderR);\r\n text-align: center;\r\n color: white;\r\n margin: 10px;\r\n}\r\n.language_modal_buttons_container {\r\n margin: 10px;\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: space-between;\r\n}\r\n.language_modal_root {\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: space-between;\r\n padding: 20px;\r\n font-size: 20px;\r\n font-weight: 700px;\r\n width: 100%;\r\n}\r\n/* DragDropMenuLogo */\r\n.upload_error_container {\r\n background-color: #f44336;\r\n color: white;\r\n border-radius: var(--borderR);\r\n padding: 10px;\r\n margin: 5px;\r\n font-size: 13px;\r\n}\r\n.upload_main_container {\r\n display: flex;\r\n border-color: var(--blue);\r\n border-style: solid;\r\n border-radius: var(--borderR);\r\n border-width: 2px;\r\n cursor: pointer;\r\n}\r\n@media (max-width: 600px) {\r\n .radio_selector_container {\r\n width: 100%;\r\n flex-wrap: wrap;\r\n }\r\n .settings_row {\r\n flex-wrap: wrap;\r\n height: auto;\r\n }\r\n .white_button {\r\n width: 100%;\r\n }\r\n .blue_button {\r\n width: 100%;\r\n }\r\n .settings_row_actions {\r\n width: 100%;\r\n max-width: 100%;\r\n }\r\n .settings_row_title {\r\n margin-bottom: 10px;\r\n margin-top: 10px;\r\n }\r\n}\r\n",""]),module.exports=exports},"./src sync recursive ^\\.(?:(?:^|[\\\\/]|(?:(?:(?!(?:^|[\\\\/])\\.).)*?)[\\\\/])(?!\\.)(?=.)[^\\\\/]*?\\.stories\\.(js|jsx|ts|tsx))$":function(module,exports,__webpack_require__){var map={"./stories/ActionButton.stories.js":"./src/stories/ActionButton.stories.js","./stories/AdaptiveButton.stories.js":"./src/stories/AdaptiveButton.stories.js","./stories/Alert.stories.js":"./src/stories/Alert.stories.js","./stories/BlocksStories/AuthForm.stories.js":"./src/stories/BlocksStories/AuthForm.stories.js","./stories/BlocksStories/PaymentForm.stories.js":"./src/stories/BlocksStories/PaymentForm.stories.js","./stories/BlocksStories/UserAccount.stories.js":"./src/stories/BlocksStories/UserAccount.stories.js","./stories/CheckBox.stories.js":"./src/stories/CheckBox.stories.js","./stories/GlobalVariables.stories.js":"./src/stories/GlobalVariables.stories.js","./stories/HawaProvider.stories.js":"./src/stories/HawaProvider.stories.js","./stories/InputLabel.stories.js":"./src/stories/InputLabel.stories.js","./stories/Introduction.stories.js":"./src/stories/Introduction.stories.js","./stories/LayoutStories/Box.stories.js":"./src/stories/LayoutStories/Box.stories.js","./stories/RadioSelector.stories.js":"./src/stories/RadioSelector.stories.js","./stories/TextField.stories.js":"./src/stories/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){function webpackEmptyContext(req){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}webpackEmptyContext.keys=function(){return[]},webpackEmptyContext.resolve=webpackEmptyContext,module.exports=webpackEmptyContext,webpackEmptyContext.id="./src sync recursive ^\\.(?:(?:^|[\\\\/]|(?:(?:(?!(?:^|[\\\\/])\\.).)*?)[\\\\/])(?!\\.)(?=.)[^\\\\/]*?\\.stories\\.mdx)$"},"./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.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.find.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 theme=Object(react.useContext)(HawaProvider.b),boxStyle={};console.log(Object.keys(theme.actionButton));var currentTheme=Object.keys(theme.actionButton).find((function(themeName){var _props$themeType;return themeName.toLowerCase()===(null===(_props$themeType=props.themeType)||void 0===_props$themeType?void 0:_props$themeType.toLowerCase())}));return boxStyle=currentTheme?Object.assign({display:"flex",flexDirection:"column"},theme.layout[currentTheme],{backgroundColor:props.noColor?"none":theme.layout[currentTheme].backgroundColor,padding:props.noPadding?0:theme.layout[currentTheme].padding,margin:props.noMargin?0:theme.layout[currentTheme].margin,maxWidth:props.maxWidth}):{display:"flex",flexDirection:"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/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__("./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"),Template=function Template(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.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_5__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_4__.a,{themeType:args.theme,text:args.buttonLabel})})};Template.displayName="Template",__webpack_exports__.default={title:"UI/ActionButton",component:_ui__WEBPACK_IMPORTED_MODULE_4__.a,argTypes:{theme:{description:"overwritten description",table:{type:{summary:"something short"},defaultValue:{summary:"Hello"}},options:["primary","secondary","default"],control:{type:"select"}}}},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"},Primary.parameters=Object.assign({storySource:{source:"(args) => {\r\n return (\r\n <HawaProvider theme={{ ...defaultTheme }}>\r\n <ActionButton themeType={args.theme} 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 theme={{ ...defaultTheme }}>\r\n <ActionButton themeType={args.theme} text={args.buttonLabel} />\r\n </HawaProvider>\r\n );\r\n}"}},Secondary.parameters)},"./src/stories/AdaptiveButton.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__.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 _mui_icons_material_Cast__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@mui/icons-material/Cast.js"),_mui_icons_material_Cast__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(_mui_icons_material_Cast__WEBPACK_IMPORTED_MODULE_3__),_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"),Template=function Template(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_themes_HawaProvider__WEBPACK_IMPORTED_MODULE_4__.a,{theme:{borderRadius:10,primaryColor:"#004fff",secondaryColor:"red",paddings:10},children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_5__.AdaptiveButton,Object.assign({},args))})};Template.displayName="Template",__webpack_exports__.default={title:"UI/AdaptiveButton",component:_ui__WEBPACK_IMPORTED_MODULE_5__.AdaptiveButton,argsTypes:{buttonLabel:{control:"text"},borderRadius:{control:"number"},buttonColor:{control:"color"},padding:{control:"number"},hintTitle:{control:"text"},hintContent:{control:"text"}},args:{hintTitle:"test",hintContent:"more test",buttonColor:"#f9f9f9"}};var Light=Template.bind({});Light.args={showText:!0,buttonLabel:"test",borderRadius:5,icon:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_mui_icons_material_Cast__WEBPACK_IMPORTED_MODULE_3___default.a,{}),textColor:"#000000",buttonColor:"#f9f9f9"};var Dark=Template.bind({});Dark.args={showText:!0,buttonLabel:"test",borderRadius:5,buttonColor:"#878787",textColor:"#ffffff",icon:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_mui_icons_material_Cast__WEBPACK_IMPORTED_MODULE_3___default.a,{})};var Danger=Template.bind({});Danger.args={showText:!0,buttonLabel:"test",borderRadius:5,buttonColor:"#c0c0c0",danger:!0,icon:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_mui_icons_material_Cast__WEBPACK_IMPORTED_MODULE_3___default.a,{})},Light.parameters=Object.assign({storySource:{source:'(args) => {\r\n const theme = {\r\n borderRadius: 10,\r\n primaryColor: "#004fff",\r\n secondaryColor: "red",\r\n // margins: "10px",\r\n paddings: 10\r\n };\r\n return (\r\n <HawaProvider theme={theme}>\r\n <AdaptiveButton {...args} />\r\n </HawaProvider>\r\n );\r\n}'}},Light.parameters),Dark.parameters=Object.assign({storySource:{source:'(args) => {\r\n const theme = {\r\n borderRadius: 10,\r\n primaryColor: "#004fff",\r\n secondaryColor: "red",\r\n // margins: "10px",\r\n paddings: 10\r\n };\r\n return (\r\n <HawaProvider theme={theme}>\r\n <AdaptiveButton {...args} />\r\n </HawaProvider>\r\n );\r\n}'}},Dark.parameters),Danger.parameters=Object.assign({storySource:{source:'(args) => {\r\n const theme = {\r\n borderRadius: 10,\r\n primaryColor: "#004fff",\r\n secondaryColor: "red",\r\n // margins: "10px",\r\n paddings: 10\r\n };\r\n return (\r\n <HawaProvider theme={theme}>\r\n <AdaptiveButton {...args} />\r\n </HawaProvider>\r\n );\r\n}'}},Danger.parameters)},"./src/stories/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,{theme:{borderRadius:10,primaryColor:"green",secondaryColor:"red",paperColors:"#c6c6c6",paddings:10,margins:10},children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_4__.StyledAlert,{text:"This is a warning",type:"warning"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_4__.StyledAlert,{text:"This is a regular notification",type:"notification"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_4__.StyledAlert,{text:"This is a danger alert",type:"danger"})]})};Template.displayName="Template",__webpack_exports__.default={title:"UI/Alert",component:_ui__WEBPACK_IMPORTED_MODULE_4__.StyledAlert};var Default=Template.bind({});Default.args={showText:!0,buttonLabel:"test",borderRadius:5,textColor:"#000000",buttonColor:"#f9f9f9"},Default.parameters=Object.assign({storySource:{source:'(args) => {\r\n const theme = {\r\n borderRadius: 10,\r\n primaryColor: "green",\r\n secondaryColor: "red",\r\n // margins: "10px",\r\n paperColors: "#c6c6c6",\r\n paddings: 10,\r\n margins: 10\r\n };\r\n return (\r\n <HawaProvider theme={theme}>\r\n <StyledAlert text="This is a warning" type="warning" />\r\n <StyledAlert text="This is a regular notification" type="notification" />\r\n <StyledAlert text="This is a danger alert" type="danger" />\r\n </HawaProvider>\r\n );\r\n}'}},Default.parameters)},"./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__("./src/layout/index.js"),HawaProvider=__webpack_require__("./src/themes/HawaProvider.js"),ui=__webpack_require__("./src/ui/index.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),NewPasswordForm_NewPasswordForm=function NewPasswordForm(props){Object(react.useContext)(HawaProvider.b);return Object(jsx_runtime.jsx)(layout.a,{themeType:props.theme,maxWidth:400,noColor:!0,noMargin:!0,noPadding:!0,children:Object(jsx_runtime.jsxs)(layout.a,{themeType:props.theme,noMargin:!0,children:[Object(jsx_runtime.jsx)(ui.g,{themeType:props.theme,type:"password",inputLabel:"Password"}),Object(jsx_runtime.jsx)(ui.g,{themeType:props.theme,type:"password",inputLabel:"Confirm Password"}),Object(jsx_runtime.jsx)(ui.a,{themeType:props.theme,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 ResetPasswordForm_ResetPasswordForm=function ResetPasswordForm(props){return Object(jsx_runtime.jsx)(layout.a,{themeType:props.theme,maxWidth:400,noColor:!0,noMargin:!0,noPadding:!0,children:Object(jsx_runtime.jsxs)(layout.a,{themeType:props.theme,noMargin:!0,children:[Object(jsx_runtime.jsx)(ui.g,{themeType:props.theme,type:"text",inputLabel:"Email"}),Object(jsx_runtime.jsx)(ui.a,{themeType:props.theme,last:!0,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),SignUpForm_SignUpForm=function SignUpForm(props){return Object(jsx_runtime.jsxs)(layout.a,{themeType:props.theme,maxWidth:400,noColor:!0,noMargin:!0,noPadding:!0,children:[Object(jsx_runtime.jsxs)(layout.a,{themeType:props.theme,noMargin:!0,children:[Object(jsx_runtime.jsx)(ui.g,{themeType:props.theme,type:"text",inputLabel:"Email"}),Object(jsx_runtime.jsx)(ui.g,{themeType:props.theme,type:"text",inputLabel:"Password"}),Object(jsx_runtime.jsx)(ui.g,{themeType:props.theme,type:"text",inputLabel:"Confirm Password"}),Object(jsx_runtime.jsx)(ui.a,{text:"Sign Up",last:!0,themeType:props.theme,onClick:props.handleSignUp})]}),props.viaGoogle&&Object(jsx_runtime.jsx)(ui.e,{outlined:!0,themeType:props.theme,buttonText:props.googleButtonLabel,handleClick:props.handleGoogleSignIn}),props.viaGithub&&Object(jsx_runtime.jsx)(ui.d,{outlined:!0,themeType:props.theme,buttonText:props.githubButtonLabel,handleClick:props.handleGithubSignUp}),props.viaTwitter&&Object(jsx_runtime.jsx)(ui.o,{outlined:!0,themeType:props.theme,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){return Object(jsx_runtime.jsxs)(layout.a,{themeType:props.theme,maxWidth:400,noColor:!0,noMargin:!0,noPadding:!0,children:[Object(jsx_runtime.jsxs)(layout.a,{themeType:props.theme,noMargin:!0,children:[Object(jsx_runtime.jsx)(ui.g,{themeType:props.theme,type:"text",inputLabel:"Email"}),Object(jsx_runtime.jsx)(ui.g,{themeType:props.theme,type:"text",inputLabel:"Password"}),Object(jsx_runtime.jsx)(ui.a,{last:!0,text:"Sign In",themeType:props.theme,onClick:props.handleSignIn})]}),props.viaGoogle&&Object(jsx_runtime.jsx)(ui.e,{themeType:props.theme,outlined:!0,buttonText:props.googleButtonLabel,handleClick:props.handleGoogleSignIn}),props.viaGithub&&Object(jsx_runtime.jsx)(ui.d,{outlined:!0,themeType:props.theme,buttonText:props.githubButtonLabel,handleClick:props.handleGithubSignIn}),props.viaTwitter&&Object(jsx_runtime.jsx)(ui.o,{outlined:!0,themeType:props.theme,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"});__webpack_exports__.default={title:"Blocks/AuthBlocks",component:[SignInForm_SignInForm,SignUpForm_SignUpForm,NewPasswordForm_NewPasswordForm,NewPasswordForm_NewPasswordForm],argTypes:{theme:{options:["primary","secondary","default"],control:{type:"select"}}}};var AuthForm_stories_SignInTemplate=function SignInTemplate(args){return Object(jsx_runtime.jsx)(HawaProvider.a,{theme:Object.assign({},HawaProvider.c),children:Object(jsx_runtime.jsx)(SignInForm_SignInForm,Object.assign({},args,{theme:args.theme,handleSignIn:function handleSignIn(){return console.log("singing in via email")},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,theme:"primary"};var AuthForm_stories_SignUpTemplate=function SignUpTemplate(args){return Object(jsx_runtime.jsx)(HawaProvider.a,{theme:Object.assign({},HawaProvider.c),children:Object(jsx_runtime.jsx)(SignUpForm_SignUpForm,Object.assign({},args,{theme:args.theme,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,theme:"primary"};var AuthForm_stories_ResetPasswordTemplate=function ResetPasswordTemplate(args){return Object(jsx_runtime.jsx)(HawaProvider.a,{theme:Object.assign({},HawaProvider.c),children:Object(jsx_runtime.jsx)(ResetPasswordForm_ResetPasswordForm,Object.assign({theme:args.theme},args))})};AuthForm_stories_ResetPasswordTemplate.displayName="ResetPasswordTemplate";var ResetPassword=AuthForm_stories_ResetPasswordTemplate.bind({});ResetPassword.args={theme:"primary"};var AuthForm_stories_NewPasswordTemplate=function NewPasswordTemplate(args){return Object(jsx_runtime.jsx)(HawaProvider.a,{theme:Object.assign({},HawaProvider.c),children:Object(jsx_runtime.jsx)(NewPasswordForm_NewPasswordForm,Object.assign({theme:args.theme},args))})};AuthForm_stories_NewPasswordTemplate.displayName="NewPasswordTemplate";var NewPassword=AuthForm_stories_NewPasswordTemplate.bind({});NewPassword.args={theme:"primary"},SignIn.parameters=Object.assign({storySource:{source:'(args) => {\r\n return (\r\n <HawaProvider theme={{ ...defaultTheme }}>\r\n <SignInForm\r\n {...args}\r\n theme={args.theme}\r\n handleSignIn={() => console.log("singing in via email")}\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 theme={{ ...defaultTheme }}>\r\n <SignUpForm\r\n {...args}\r\n theme={args.theme}\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 theme={{ ...defaultTheme }}>\r\n <ResetPasswordForm 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 theme={{ ...defaultTheme }}>\r\n <NewPasswordForm 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 PaymentForm_stories_PaymentSelection})),__webpack_require__.d(__webpack_exports__,"PayViaWallet",(function(){return PaymentForm_stories_PayViaWallet})),__webpack_require__.d(__webpack_exports__,"PayViaCreditCard",(function(){return PaymentForm_stories_PayViaCreditCard})),__webpack_require__.d(__webpack_exports__,"ChargeWallet",(function(){return PaymentForm_stories_ChargeWallet}));__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"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),SelectPayment_SelectPayment=function SelectPayment(props){return Object(jsx_runtime.jsx)(layout.a,{themeType:props.theme,maxWidth:400,noColor:!0,noMargin:!0,noPadding:!0,children:Object(jsx_runtime.jsxs)(layout.a,{themeType:props.theme,noMargin:!0,children:[Object(jsx_runtime.jsx)("div",{children:"Choose Payment"}),props.viaWallet&&Object(jsx_runtime.jsx)(ui.q,{themeType:props.theme,outlined:!0,buttonText:props.walletLabel,handleClick:props.handleWallet}),props.viaCreditCard&&Object(jsx_runtime.jsx)(ui.p,{themeType:props.theme,outlined:!0,buttonText:props.visaMasterLabel,handleClick:props.handleCreditCard}),props.viaMada&&Object(jsx_runtime.jsx)(ui.h,{themeType:props.theme,outlined:!0,buttonText:props.madaLabel,handleClick:props.handleMada}),props.viaSTCPay&&Object(jsx_runtime.jsx)(ui.j,{themeType:props.theme,outlined:!0,buttonText:props.stcPayLabel,handleClick:props.handleSTCPay}),props.viaPayPal&&Object(jsx_runtime.jsx)(ui.i,{themeType:props.theme,outlined:!0,buttonText:props.paypalLabel,handleClick:props.handlePayPal}),props.viaGooglePay&&Object(jsx_runtime.jsx)(ui.f,{themeType:props.theme,outlined:!0,buttonText:props.googlePayLabel,handleClick:props.handleGooglePay}),props.viaApplePay&&Object(jsx_runtime.jsx)(ui.c,{themeType:props.theme,outlined:!0,buttonText:props.applePayLabel,handleClick:props.handleApplePay})]})})};SelectPayment_SelectPayment.displayName="SelectPayment",ui.g.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"});var CreditCardForm_CreditCardForm=function CreditCardForm(props){return Object(jsx_runtime.jsx)(layout.a,{themeType:props.theme,maxWidth:400,noColor:!0,noMargin:!0,noPadding:!0,children:Object(jsx_runtime.jsxs)(layout.a,{themeType:props.theme,noMargin:!0,children:[Object(jsx_runtime.jsx)(ui.g,{themeType:props.theme,type:"text",inputLabel:"Email"}),Object(jsx_runtime.jsx)(ui.g,{themeType:props.theme,type:"text",inputLabel:"Password"}),Object(jsx_runtime.jsx)(ui.a,{last:!0,text:"Sign In",themeType:props.theme,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"});var HawaProvider=__webpack_require__("./src/themes/HawaProvider.js"),PaymentForm_stories_PaymentSelection=(__webpack_exports__.default={title:"Blocks/PaymentBlocks",component:[SelectPayment_SelectPayment,CreditCardForm_CreditCardForm],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,viaApplePay:!0,viaGooglePay:!0,viaSTCPay:!0,viaCreditCard:!0,viaPayPal:!0}},function PaymentSelection(args){return Object(jsx_runtime.jsx)(HawaProvider.a,{theme:Object.assign({},HawaProvider.c),children:Object(jsx_runtime.jsx)(SelectPayment_SelectPayment,Object.assign({},args,{theme:args.theme,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")}}))})});PaymentForm_stories_PaymentSelection.displayName="PaymentSelection";var PaymentForm_stories_PayViaWallet=function PayViaWallet(args){return Object(jsx_runtime.jsx)(HawaProvider.a,{theme:Object.assign({},HawaProvider.c),children:Object(jsx_runtime.jsx)(SelectPayment_SelectPayment,Object.assign({},args,{theme:args.theme,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")}}))})};PaymentForm_stories_PayViaWallet.displayName="PayViaWallet";var PaymentForm_stories_PayViaCreditCard=function PayViaCreditCard(args){return Object(jsx_runtime.jsx)(HawaProvider.a,{theme:Object.assign({},HawaProvider.c),children:Object(jsx_runtime.jsx)(CreditCardForm_CreditCardForm,{})})};PaymentForm_stories_PayViaCreditCard.displayName="PayViaCreditCard";var PaymentForm_stories_ChargeWallet=function ChargeWallet(args){return Object(jsx_runtime.jsx)(HawaProvider.a,{theme:Object.assign({},HawaProvider.c),children:Object(jsx_runtime.jsx)(SelectPayment_SelectPayment,Object.assign({},args,{theme:args.theme,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")}}))})};PaymentForm_stories_ChargeWallet.displayName="ChargeWallet",PaymentForm_stories_PaymentSelection.parameters=Object.assign({storySource:{source:'(args) => {\r\n return (\r\n <HawaProvider theme={{ ...defaultTheme }}>\r\n <SelectPayment\r\n {...args}\r\n theme={args.theme}\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}'}},PaymentForm_stories_PaymentSelection.parameters),PaymentForm_stories_PayViaWallet.parameters=Object.assign({storySource:{source:'(args) => {\r\n return (\r\n <HawaProvider theme={{ ...defaultTheme }}>\r\n <SelectPayment\r\n {...args}\r\n theme={args.theme}\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}'}},PaymentForm_stories_PayViaWallet.parameters),PaymentForm_stories_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}"}},PaymentForm_stories_PayViaCreditCard.parameters),PaymentForm_stories_ChargeWallet.parameters=Object.assign({storySource:{source:'(args) => {\r\n return (\r\n <HawaProvider theme={{ ...defaultTheme }}>\r\n <SelectPayment\r\n {...args}\r\n theme={args.theme}\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}'}},PaymentForm_stories_ChargeWallet.parameters),PaymentForm_stories_PaymentSelection.__docgenInfo={description:"",methods:[],displayName:"PaymentSelection"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\stories\\BlocksStories\\PaymentForm.stories.js"]={name:"PaymentSelection",docgenInfo:PaymentForm_stories_PaymentSelection.__docgenInfo,path:"src\\stories\\BlocksStories\\PaymentForm.stories.js"}),PaymentForm_stories_PayViaWallet.__docgenInfo={description:"",methods:[],displayName:"PayViaWallet"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\stories\\BlocksStories\\PaymentForm.stories.js"]={name:"PayViaWallet",docgenInfo:PaymentForm_stories_PayViaWallet.__docgenInfo,path:"src\\stories\\BlocksStories\\PaymentForm.stories.js"}),PaymentForm_stories_PayViaCreditCard.__docgenInfo={description:"",methods:[],displayName:"PayViaCreditCard"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\stories\\BlocksStories\\PaymentForm.stories.js"]={name:"PayViaCreditCard",docgenInfo:PaymentForm_stories_PayViaCreditCard.__docgenInfo,path:"src\\stories\\BlocksStories\\PaymentForm.stories.js"}),PaymentForm_stories_ChargeWallet.__docgenInfo={description:"",methods:[],displayName:"ChargeWallet"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\stories\\BlocksStories\\PaymentForm.stories.js"]={name:"ChargeWallet",docgenInfo:PaymentForm_stories_ChargeWallet.__docgenInfo,path:"src\\stories\\BlocksStories\\PaymentForm.stories.js"})},"./src/stories/BlocksStories/UserAccount.stories.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Success",(function(){return Success})),__webpack_require__.d(__webpack_exports__,"Failed",(function(){return Failed}));__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_require__("./src/ui/index.js"),layout=__webpack_require__("./src/layout/index.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),UserProfile_UserProfile=function UserProfile(props){return Object(jsx_runtime.jsxs)(layout.a,{maxWidth:400,children:[Object(jsx_runtime.jsx)(ui.StyledTextField,{type:"text",inputLabel:"First Name"}),Object(jsx_runtime.jsx)(ui.StyledTextField,{type:"text",inputLabel:"Last Name"}),Object(jsx_runtime.jsx)(ui.StyledTextField,{type:"email",inputLabel:"Email"}),Object(jsx_runtime.jsx)(ui.StyledTextField,{type:"password",inputLabel:"Password"}),Object(jsx_runtime.jsx)(ui.a,{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.StyledTextField,{type:"text",inputLabel:"First Name"}),Object(jsx_runtime.jsx)(ui.StyledTextField,{type:"text",inputLabel:"Last Name"}),Object(jsx_runtime.jsx)(ui.StyledTextField,{type:"email",inputLabel:"Email"}),Object(jsx_runtime.jsx)(ui.StyledTextField,{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/UserProfile",component:UserProfile_UserProfile,argsTypes:{viaGoogle:{control:"boolean"},viaGithub:{control:"boolean"},viaTwitter:{control:"boolean"},viaFacebook:{control:"boolean"}},args:{}},Object.assign({},HawaProvider.c,{paddings:20})),UserAccount_stories_UserProfileTemplate=function UserProfileTemplate(args){return Object(jsx_runtime.jsx)(HawaProvider.a,{theme:Object.assign({},HawaProvider.c,theme),children:Object(jsx_runtime.jsx)(UserProfile_UserProfile,Object.assign({},args))})};UserAccount_stories_UserProfileTemplate.displayName="UserProfileTemplate";var Success=UserAccount_stories_UserProfileTemplate.bind({});Success.args={viaGoogle:!0,viaGithub:!0,viaTwitter:!0,viaFacebook:!0};var Failed=UserAccount_stories_UserProfileTemplate.bind({});Failed.args={viaGoogle:!0,viaGithub:!0,viaTwitter:!0,viaFacebook:!0},Success.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}"}},Success.parameters),Failed.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}"}},Failed.parameters)},"./src/stories/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_5__=(__webpack_require__("./src/styles.css"),__webpack_require__("./node_modules/react/jsx-runtime.js")),Template=function Template(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_3__.StyledCheckbox,Object.assign({},args))};Template.displayName="Template",__webpack_exports__.default={title:"UI/Checkbox",component:Light,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 <StyledCheckbox {...args} />;\r\n}"}},Light.parameters),Dark.parameters=Object.assign({storySource:{source:"(args) => {\r\n return <StyledCheckbox {...args} />;\r\n}"}},Dark.parameters)},"./src/stories/GlobalVariables.stories.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"GlobalVariables",(function(){return GlobalVariables})),__webpack_require__.d(__webpack_exports__,"AnotherComponent",(function(){return AnotherComponent}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var prop_types__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js"),GlobalVariables=function GlobalVariables(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div",{children:"TESTING COMPONENT"})};GlobalVariables.displayName="GlobalVariables";var AnotherComponent=function AnotherComponent(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div",{children:"TESTING COMPONENT"})};AnotherComponent.displayName="AnotherComponent",AnotherComponent.propTypes={textLabel:prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string},__webpack_exports__.default={title:"TestTitle",component:[GlobalVariables,AnotherComponent],argTypes:{resize:{description:"overwritten description",table:{type:{summary:"something short"},defaultValue:{summary:"Hello"}},options:["vertical","horizontal","both"],control:{type:"select"}},label:{description:"overwritten description",table:{type:{summary:"something short",detail:"something really really long"},defaultValue:{summary:"Hello"}},control:{type:null}}}},GlobalVariables.parameters=Object.assign({storySource:{source:"(args) => {\r\n // const methods = useForm();\r\n return <div>TESTING COMPONENT</div>;\r\n}"}},GlobalVariables.parameters),AnotherComponent.parameters=Object.assign({storySource:{source:"(args) => {\r\n // const methods = useForm();\r\n return <div>TESTING COMPONENT</div>;\r\n}"}},AnotherComponent.parameters),GlobalVariables.__docgenInfo={description:"",methods:[],displayName:"GlobalVariables"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\stories\\GlobalVariables.stories.js"]={name:"GlobalVariables",docgenInfo:GlobalVariables.__docgenInfo,path:"src\\stories\\GlobalVariables.stories.js"}),AnotherComponent.__docgenInfo={description:"",methods:[],displayName:"AnotherComponent",props:{textLabel:{type:{name:"string"},required:!1,description:""}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\stories\\GlobalVariables.stories.js"]={name:"AnotherComponent",docgenInfo:AnotherComponent.__docgenInfo,path:"src\\stories\\GlobalVariables.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/InputLabel.stories.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),function(module){var _storybook_react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js");__webpack_require__("./src/styles.css"),Object(_storybook_react__WEBPACK_IMPORTED_MODULE_0__.storiesOf)("InputLabel",module).addParameters({storySource:{source:'import { storiesOf } from "@storybook/react";\r\n\r\nimport "../styles.css";\r\n\r\nconst stories = storiesOf("InputLabel", module);\r\n\r\nexport default {\r\n title: "Components/InputLabel",\r\n component: [\r\n StyledCheckBox,\r\n StyledTextFieldT,\r\n StyledTextAreaT,\r\n StyledRadioSeletorT\r\n ],\r\n argTypes: {\r\n resize: {\r\n options: ["vertical", "horizontal", "both"],\r\n control: { type: "radio" }\r\n }\r\n }\r\n};\r\n\r\n/****************************/\r\n// STYLED CHECKBOX TEMPLATE\r\n// const StyledCheckBoxTemplate = (args) => {\r\n// const methods = useForm();\r\n// return (\r\n// <FormProvider {...methods}>\r\n// <StyledCheckbox {...args} />\r\n// </FormProvider>\r\n// );\r\n// };\r\n// export const StyledCheckBox = StyledCheckBoxTemplate.bind({});\r\n// StyledCheckBox.args = {\r\n// name: "Components/InputLabel",\r\n// label: "CheckBox",\r\n// color: "blue",\r\n// rules: { required: true },\r\n// defaultValue: true\r\n// };\r\n/****************************/\r\n\r\n/****************************/\r\n// STYLED TextField TEMPLATE\r\n// const StyledTextFieldTemplate = (args) => {\r\n// const methods = useForm();\r\n// return (\r\n// <FormProvider {...methods}>\r\n// <StyledTextField {...args} />\r\n// </FormProvider>\r\n// );\r\n// };\r\n\r\n// export const StyledTextFieldT = StyledTextFieldTemplate.bind({});\r\n// StyledTextFieldT.args = {\r\n// name: "Components/InputLabel",\r\n// inputLabel: "Label",\r\n// bdRadius: 12,\r\n// bgColor: "lightgray",\r\n// helperText: "This is HelperText",\r\n// type: "text",\r\n// placeholder: "exemple ..."\r\n// };\r\n\r\n/****************************/\r\n// Radio Selector Template\r\n// const styledRadioSelectorTempalte = (args) => {\r\n// const methods = useForm();\r\n\r\n// return (\r\n// <FormProvider {...methods}>\r\n// <StyledRadioSelector {...args} />\r\n// </FormProvider>\r\n// );\r\n// };\r\n\r\n// export const StyledRadioSeletorT = styledRadioSelectorTempalte.bind({});\r\n// StyledRadioSeletorT.args = {\r\n// name: "Components/InputLabel",\r\n// shouldUnregister: true,\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// selectedColor: "blue",\r\n// bdRadius: 12,\r\n// defaultValue: "option2",\r\n// bgSelectedColor: "red",\r\n// textSelectedColor: "black"\r\n// };\r\n/****************************/\r\n',locationsMap:{}}});__webpack_exports__.default={title:"Components/InputLabel",component:[StyledCheckBox,StyledTextFieldT,StyledTextAreaT,StyledRadioSeletorT],argTypes:{resize:{options:["vertical","horizontal","both"],control:{type:"radio"}}}}}.call(this,__webpack_require__("./node_modules/webpack/buildin/harmony-module.js")(module))},"./src/stories/Introduction.stories.js":function(module,exports){throw new Error("Module build failed (from ./node_modules/babel-loader/lib/index.js):\nSyntaxError: X:\\Sikka\\hawa\\src\\stories\\Introduction.stories.js: Adjacent JSX elements must be wrapped in an enclosing tag. Did you want a JSX fragment <>...</>? (13:0)\n\n[0m [90m 11 |[39m [33m<[39m[33mMeta[39m title[33m=[39m[32m\"Example/Introduction\"[39m [33m/[39m[33m>[39m[0m\n[0m [90m 12 |[39m[0m\n[0m[31m[1m>[22m[39m[90m 13 |[39m [33m<[39m[33mstyle[39m[33m>[39m{[32m`[39m[0m\n[0m [90m |[39m [31m[1m^[22m[39m[0m\n[0m [90m 14 |[39m [32m .subheading {[39m[0m\n[0m [90m 15 |[39m [32m --mediumdark: '#999999';[39m[0m\n[0m [90m 16 |[39m [32m font-weight: 900;[39m[0m\n at Object._raise (X:\\Sikka\\hawa\\node_modules\\@babel\\parser\\lib\\index.js:476:17)\n at Object.raiseWithData (X:\\Sikka\\hawa\\node_modules\\@babel\\parser\\lib\\index.js:469:17)\n at Object.raise (X:\\Sikka\\hawa\\node_modules\\@babel\\parser\\lib\\index.js:430:17)\n at Object.jsxParseElementAt (X:\\Sikka\\hawa\\node_modules\\@babel\\parser\\lib\\index.js:7781:18)\n at Object.jsxParseElement (X:\\Sikka\\hawa\\node_modules\\@babel\\parser\\lib\\index.js:7793:17)\n at Object.parseExprAtom (X:\\Sikka\\hawa\\node_modules\\@babel\\parser\\lib\\index.js:7807:19)\n at Object.parseExprSubscripts (X:\\Sikka\\hawa\\node_modules\\@babel\\parser\\lib\\index.js:12149:23)\n at Object.parseUpdate (X:\\Sikka\\hawa\\node_modules\\@babel\\parser\\lib\\index.js:12129:21)\n at Object.parseMaybeUnary (X:\\Sikka\\hawa\\node_modules\\@babel\\parser\\lib\\index.js:12104:23)\n at Object.parseMaybeUnaryOrPrivate (X:\\Sikka\\hawa\\node_modules\\@babel\\parser\\lib\\index.js:11901:61)\n at Object.parseExprOps (X:\\Sikka\\hawa\\node_modules\\@babel\\parser\\lib\\index.js:11908:23)\n at Object.parseMaybeConditional (X:\\Sikka\\hawa\\node_modules\\@babel\\parser\\lib\\index.js:11878:23)\n at Object.parseMaybeAssign (X:\\Sikka\\hawa\\node_modules\\@babel\\parser\\lib\\index.js:11833:21)\n at X:\\Sikka\\hawa\\node_modules\\@babel\\parser\\lib\\index.js:6376:39\n at Object.tryParse (X:\\Sikka\\hawa\\node_modules\\@babel\\parser\\lib\\index.js:3832:20)\n at Object.parseMaybeAssign (X:\\Sikka\\hawa\\node_modules\\@babel\\parser\\lib\\index.js:6376:18)")},"./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,theme:Object.assign({},_themes_HawaProvider__WEBPACK_IMPORTED_MODULE_4__.c,args.theme),children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_layout__WEBPACK_IMPORTED_MODULE_3__.a,{themeType:"primary",children:"Box 1"}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_layout__WEBPACK_IMPORTED_MODULE_3__.a,{themeType:"secondary",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,{themeType:"secondary",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} theme={{ ...defaultTheme, ...args.theme }}>\r\n <Box themeType="primary">Box 1</Box>\r\n <Box themeType="secondary">\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 themeType="secondary">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} theme={{ ...defaultTheme, ...args.theme }}>\r\n <Box themeType="primary">Box 1</Box>\r\n <Box themeType="secondary">\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 themeType="secondary">Box 3</Box>\r\n </HawaProvider>\r\n );\r\n}'}},Compact.parameters)},"./src/stories/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.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"),_themes_HawaProvider__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/themes/HawaProvider.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__=(__webpack_require__("./src/styles.css"),__webpack_require__("./node_modules/react/jsx-runtime.js")),Template=function Template(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_themes_HawaProvider__WEBPACK_IMPORTED_MODULE_4__.a,{theme:{borderRadius:5,primaryColor:"green",secondaryColor:"red",paddings:10},children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_3__.StyledRadioSelector,Object.assign({},args))})};Template.displayName="Template",__webpack_exports__.default={title:"Components/RadioSelector",component:Light,argTypes:{options:{control:"array"}},args:{options:[{text:"Option 1",label:"option1"},{text:"Option 2",label:"option2"},{text:"Option 3",label:"option3"}]}};var Light=Template.bind({});Light.args={options:[{text:"Option 1",label:"option1"},{text:"Option 2",label:"option2"},{text:"Option 3",label:"option3"}],selectedColor:"blue",borderRadius:12,defaultValue:"option2",bgSelectedColor:"red",textSelectedColor:"white",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"}],selectedColor:"blue",borderRadius:12,defaultValue:"option2",bgSelectedColor:"blue",textSelectedColor:"white",handleChange:function handleChange(){console.log("handleChange goes here")}},Light.parameters=Object.assign({storySource:{source:'(args) => {\r\n const theme = {\r\n borderRadius: 5,\r\n primaryColor: "green",\r\n secondaryColor: "red",\r\n // margins: "10px",\r\n paddings: 10\r\n };\r\n return (\r\n <HawaProvider theme={theme}>\r\n <StyledRadioSelector {...args} />\r\n </HawaProvider>\r\n );\r\n}'}},Light.parameters),Dark.parameters=Object.assign({storySource:{source:'(args) => {\r\n const theme = {\r\n borderRadius: 5,\r\n primaryColor: "green",\r\n secondaryColor: "red",\r\n // margins: "10px",\r\n paddings: 10\r\n };\r\n return (\r\n <HawaProvider theme={theme}>\r\n <StyledRadioSelector {...args} />\r\n </HawaProvider>\r\n );\r\n}'}},Dark.parameters)},"./src/stories/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_5__=(__webpack_require__("./src/styles.css"),__webpack_require__("./node_modules/react/jsx-runtime.js")),Template=function Template(args){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_3__.StyledTextField,Object.assign({},args))};Template.displayName="Template",__webpack_exports__.default={title:"Components/TextField",component:_ui__WEBPACK_IMPORTED_MODULE_3__.StyledTextField,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 <StyledTextField {...args} />;\r\n}"}},Light.parameters),Dark.parameters=Object.assign({storySource:{source:"(args) => {\r\n return <StyledTextField {...args} />;\r\n}"}},Dark.parameters)},"./src/styles.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js?!./src/styles.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./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.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__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={borderRadius:10,primaryColor:"blue",secondaryColor:"grey",primaryActionColor:"grey",secondaryActionColor:"#4cc9f0",layoutColor:"#d3d4d9",textColor:"black",inputColor:"white",lightBackground:"#FBF5F3",darkBackground:"#0F0E0E",margins:10,paddings:10,allBorderRadius:10,actionButton:{primary:{borderRadius:10,backgroundColor:"#f90900",color:"white",margin:10,padding:10},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",display:"flex",flexDirection:"column",alignItems:"flex-start",justifyContent:"flex-start",borderRadius:10},secondary:{backgroundColor:"white",display:"flex",flexDirection:"column",alignItems:"flex-start",justifyContent:"flex-start",borderRadius:10}}},ThemeProvider=Object(react__WEBPACK_IMPORTED_MODULE_4__.createContext)(defaultTheme),HawaProvider=function HawaProvider(_ref){var theme=_ref.theme,props=_objectWithoutProperties(_ref,_excluded);return"large"===props.size&&(theme=Object.assign({},theme,{paddings:20,margins:20})),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(ThemeProvider.Provider,{value:theme||defaultTheme,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__,"a",(function(){return ActionButton_ActionButton})),__webpack_require__.d(__webpack_exports__,"g",(function(){return HawaTextField_HawaTextField})),__webpack_require__.d(__webpack_exports__,"e",(function(){return GoogleButton_GoogleButton})),__webpack_require__.d(__webpack_exports__,"d",(function(){return GithubButton_GithubButton})),__webpack_require__.d(__webpack_exports__,"o",(function(){return TwitterButton_TwitterButton})),__webpack_require__.d(__webpack_exports__,"p",(function(){return VisaMasterButton_VisaMasterButton})),__webpack_require__.d(__webpack_exports__,"h",(function(){return MadaButton_MadaButton})),__webpack_require__.d(__webpack_exports__,"j",(function(){return STCPayButton_STCPayButton})),__webpack_require__.d(__webpack_exports__,"i",(function(){return PayPalButton_PayPalButton})),__webpack_require__.d(__webpack_exports__,"c",(function(){return ApplePayButton_ApplePayButton})),__webpack_require__.d(__webpack_exports__,"f",(function(){return GooglePayButton_GooglePayButton})),__webpack_require__.d(__webpack_exports__,"q",(function(){return WalletButton_WalletButton}));__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 Button=__webpack_require__("./node_modules/@mui/material/Button/Button.js"),react=__webpack_require__("./node_modules/react/index.js"),HawaProvider=__webpack_require__("./src/themes/HawaProvider.js"),colorManipulator=__webpack_require__("./node_modules/@mui/system/esm/colorManipulator.js"),styled=__webpack_require__("./node_modules/@mui/material/styles/styled.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),ActionButton_ActionButton=function ActionButton(props){var _theme$actionButton$c,theme=Object(react.useContext)(HawaProvider.b),currentTheme=Object.keys(theme.actionButton).find((function(themeName){var _props$themeType;return themeName.toLowerCase()===(null===(_props$themeType=props.themeType)||void 0===_props$themeType?void 0:_props$themeType.toLowerCase())})),actionButtonStyle={};currentTheme?actionButtonStyle=Object.assign({},theme.actionButton[currentTheme],{margin:props.last?0:theme.actionButton[currentTheme].margin,marginTop:props.last?2*theme.actionButton[currentTheme].margin:0,"&:hover":{backgroundColor:Object(colorManipulator.b)(null===(_theme$actionButton$c=theme.actionButton[currentTheme])||void 0===_theme$actionButton$c?void 0:_theme$actionButton$c.backgroundColor,.1)}}):actionButtonStyle={backgroundColor:"black",color:"white",padding:10,marginTop:props.last?20: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 InputBase=__webpack_require__("./node_modules/@mui/material/InputBase/InputBase.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),InputLabel=__webpack_require__("./node_modules/@mui/material/InputLabel/InputLabel.js"),HawaInputLabel_HawaInputLabel=function HawaInputLabel(props){var theme=Object(react.useContext)(HawaProvider.b),labelStyle={};console.log(Object.keys(theme.actionButton));var currentTheme=Object.keys(theme.actionButton).find((function(themeName){var _props$themeType;return themeName.toLowerCase()===(null===(_props$themeType=props.themeType)||void 0===_props$themeType?void 0:_props$themeType.toLowerCase())}));return labelStyle=currentTheme?{margin:15,marginRight:5,marginLeft:5,color:theme.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 HawaTextField_HawaTextField=function HawaTextField(props){var theme=Object(react.useContext)(HawaProvider.b),currentTheme=Object.keys(theme.actionButton).find((function(themeName){var _props$themeType;return themeName.toLowerCase()===(null===(_props$themeType=props.themeType)||void 0===_props$themeType?void 0:_props$themeType.toLowerCase())})),textFieldStyle={};textFieldStyle=currentTheme?Object.assign({},theme.inputFields[currentTheme],{margin:props.last?0:theme.inputFields[currentTheme].margin,marginTop:props.last?2*theme.inputFields[currentTheme].margin:0}):{backgroundColor:"white",display:"flex",flexDirection:"column",alignItems:"flex-start",justifyContent:"flex-start"};var BootstrapInput=Object(styled.a)(InputBase.a)((function(_ref){var theme=_ref.theme;return{"& .MuiInputBase-input":Object.assign({backgroundColor:"light"===theme.palette.mode?"#fcfcfb":"#2b2b2b",transition:theme.transitions.create(["border-color","background-color","box-shadow"]),"&:focus":{boxShadow:Object(colorManipulator.a)(theme.palette.primary.main,.25)+" 0 0 0 0.2rem",borderColor:theme.palette.primary.main},borderRadius:4,position:"relative",border:"1px solid #ced4da",fontSize:16,padding:"10px 12px"},textFieldStyle)}}));return Object(jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[props.inputLabel?Object(jsx_runtime.jsx)(HawaInputLabel_HawaInputLabel,{themeType:props.themeType,label:props.inputLabel}):null,Object(jsx_runtime.jsx)(BootstrapInput,{fullWidth:!0,"aria-label":"dws"})]})};HawaTextField_HawaTextField.propTypes={type:prop_types_default.a.oneOf(["text","number"]),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}]},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 GoogleButton_GoogleButton=function GoogleButton(props){var theme=Object(react.useContext)(HawaProvider.b),buttonStyle={};console.log(Object.keys(theme.actionButton));var currentTheme=Object.keys(theme.actionButton).find((function(themeName){var _props$themeType;return themeName.toLowerCase()===(null===(_props$themeType=props.themeType)||void 0===_props$themeType?void 0:_props$themeType.toLowerCase())}));buttonStyle=currentTheme?{cursor:"pointer",display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"center",marginTop:theme.layout[currentTheme].margin,border:props.outlined?"2px solid black":"none",borderRadius:theme.layout[currentTheme].borderRadius,backgroundColor:"white","&:hover":{backgroundColor:Object(colorManipulator.b)("#ffffff",.1)}}:{cursor:"pointer",display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"center",marginTop:theme.margins,border:props.outlined?"2px solid black":"none",borderRadius:0,backgroundColor:"white","&:hover":{backgroundColor:Object(colorManipulator.b)("#ffffff",.1)}};var StyledButton=Object(styled.a)(Button.a)((function(_ref){var theme=_ref.theme;return Object.assign({borderRadius:4,position:"relative",border:"1px solid #ced4da",fontSize:16,height:50},buttonStyle,{"&:focus":{borderColor:theme.palette.primary.main}})}));return Object(jsx_runtime.jsxs)(StyledButton,{onClick:props.handleClick,children:[Object(jsx_runtime.jsx)("img",{src:"https://upload.wikimedia.org/wikipedia/commons/5/53/Google_%22G%22_Logo.svg"}),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})]})};GoogleButton_GoogleButton.displayName="GoogleButton",GoogleButton_GoogleButton.__docgenInfo={description:"",methods:[],displayName:"GoogleButton"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\ui\\GoogleButton.js"]={name:"GoogleButton",docgenInfo:GoogleButton_GoogleButton.__docgenInfo,path:"src\\ui\\GoogleButton.js"});var GitHub=__webpack_require__("./node_modules/@mui/icons-material/GitHub.js"),GitHub_default=__webpack_require__.n(GitHub),GithubButton_GithubButton=function GithubButton(props){var theme=Object(react.useContext)(HawaProvider.b),buttonStyle={};console.log(Object.keys(theme.actionButton));var currentTheme=Object.keys(theme.actionButton).find((function(themeName){var _props$themeType;return themeName.toLowerCase()===(null===(_props$themeType=props.themeType)||void 0===_props$themeType?void 0:_props$themeType.toLowerCase())}));buttonStyle=currentTheme?{cursor:"pointer",display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"center",padding:0,marginTop:theme.actionButton[currentTheme].margin,border:props.outlined?"2px solid black":"none",borderRadius:theme.actionButton[currentTheme].borderRadius,backgroundColor:"white","&:hover":{backgroundColor:Object(colorManipulator.b)("#ffffff",.1)}}:{cursor:"pointer",display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"center",marginTop:theme.margins,border:props.outlined?"2px solid black":"none",borderRadius:0,backgroundColor:"white","&:hover":{backgroundColor:Object(colorManipulator.b)("#ffffff",.1)}};var StyledButton=Object(styled.a)(Button.a)((function(_ref){var theme=_ref.theme;return Object.assign({borderRadius:4,position:"relative",border:"1px solid #ced4da",fontSize:16,height:50},buttonStyle,{"&:focus":{borderColor:theme.palette.primary.main}})}));return Object(jsx_runtime.jsxs)(StyledButton,{onClick:props.handleClick,children:[Object(jsx_runtime.jsx)(GitHub_default.a,{}),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})]})};GithubButton_GithubButton.displayName="GithubButton",GithubButton_GithubButton.__docgenInfo={description:"",methods:[],displayName:"GithubButton"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\ui\\GithubButton.js"]={name:"GithubButton",docgenInfo:GithubButton_GithubButton.__docgenInfo,path:"src\\ui\\GithubButton.js"});var Twitter=__webpack_require__("./node_modules/@mui/icons-material/Twitter.js"),Twitter_default=__webpack_require__.n(Twitter),TwitterButton_TwitterButton=function TwitterButton(props){var theme=Object(react.useContext)(HawaProvider.b),buttonStyle={};console.log(Object.keys(theme.actionButton));var currentTheme=Object.keys(theme.actionButton).find((function(themeName){var _props$themeType;return themeName.toLowerCase()===(null===(_props$themeType=props.themeType)||void 0===_props$themeType?void 0:_props$themeType.toLowerCase())}));buttonStyle=currentTheme?{cursor:"pointer",display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"center",marginTop:theme.layout[currentTheme].margin,border:props.outlined?"2px solid black":"none",borderRadius:theme.layout[currentTheme].borderRadius,backgroundColor:"white","&:hover":{backgroundColor:Object(colorManipulator.b)("#ffffff",.1)}}:{cursor:"pointer",display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"center",marginTop:theme.margins,border:props.outlined?"2px solid black":"none",borderRadius:0,backgroundColor:"white","&:hover":{backgroundColor:Object(colorManipulator.b)("#ffffff",.1)}};var StyledButton=Object(styled.a)(Button.a)((function(_ref){var theme=_ref.theme;return Object.assign({borderRadius:4,position:"relative",border:"1px solid #ced4da",fontSize:16,height:50},buttonStyle,{"&:focus":{borderColor:theme.palette.primary.main}})}));return Object(jsx_runtime.jsxs)(StyledButton,{onClick:props.handleClick,children:[Object(jsx_runtime.jsx)(Twitter_default.a,{}),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})]})};TwitterButton_TwitterButton.displayName="TwitterButton",TwitterButton_TwitterButton.__docgenInfo={description:"",methods:[],displayName:"TwitterButton"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\ui\\TwitterButton.js"]={name:"TwitterButton",docgenInfo:TwitterButton_TwitterButton.__docgenInfo,path:"src\\ui\\TwitterButton.js"});var VisaMasterButton_VisaMasterButton=function VisaMasterButton(props){var theme=Object(react.useContext)(HawaProvider.b),buttonStyle={};console.log(Object.keys(theme.actionButton));var currentTheme=Object.keys(theme.actionButton).find((function(themeName){var _props$themeType;return themeName.toLowerCase()===(null===(_props$themeType=props.themeType)||void 0===_props$themeType?void 0:_props$themeType.toLowerCase())}));buttonStyle=currentTheme?{cursor:"pointer",display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"center",padding:0,marginTop:theme.actionButton[currentTheme].margin,border:props.outlined?"2px solid black":"none",borderRadius:theme.actionButton[currentTheme].borderRadius,backgroundColor:"white","&:hover":{backgroundColor:Object(colorManipulator.b)("#ffffff",.1)}}:{cursor:"pointer",display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"center",marginTop:theme.margins,border:props.outlined?"2px solid black":"none",borderRadius:0,backgroundColor:"white","&:hover":{backgroundColor:Object(colorManipulator.b)("#ffffff",.1)}};var StyledButton=Object(styled.a)(Button.a)((function(_ref){var theme=_ref.theme;return Object.assign({borderRadius:4,position:"relative",border:"1px solid #ced4da",fontSize:16,height:50},buttonStyle,{"&:focus":{borderColor:theme.palette.primary.main}})}));return Object(jsx_runtime.jsxs)(StyledButton,{onClick:props.handleClick,children:[Object(jsx_runtime.jsx)("img",{src:"https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/visa-master.png",height:30})," ",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})]})};VisaMasterButton_VisaMasterButton.displayName="VisaMasterButton",VisaMasterButton_VisaMasterButton.__docgenInfo={description:"",methods:[],displayName:"VisaMasterButton"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\ui\\VisaMasterButton.js"]={name:"VisaMasterButton",docgenInfo:VisaMasterButton_VisaMasterButton.__docgenInfo,path:"src\\ui\\VisaMasterButton.js"});var MadaButton_MadaButton=function MadaButton(props){var theme=Object(react.useContext)(HawaProvider.b),buttonStyle={};console.log(Object.keys(theme.actionButton));var currentTheme=Object.keys(theme.actionButton).find((function(themeName){var _props$themeType;return themeName.toLowerCase()===(null===(_props$themeType=props.themeType)||void 0===_props$themeType?void 0:_props$themeType.toLowerCase())}));buttonStyle=currentTheme?{cursor:"pointer",display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"center",padding:0,marginTop:theme.actionButton[currentTheme].margin,border:props.outlined?"2px solid black":"none",borderRadius:theme.actionButton[currentTheme].borderRadius,backgroundColor:"white","&:hover":{backgroundColor:Object(colorManipulator.b)("#ffffff",.1)}}:{cursor:"pointer",display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"center",marginTop:theme.margins,border:props.outlined?"2px solid black":"none",borderRadius:0,backgroundColor:"white","&:hover":{backgroundColor:Object(colorManipulator.b)("#ffffff",.1)}};var StyledButton=Object(styled.a)(Button.a)((function(_ref){var theme=_ref.theme;return Object.assign({borderRadius:4,position:"relative",border:"1px solid #ced4da",fontSize:16,height:50},buttonStyle,{"&:focus":{borderColor:theme.palette.primary.main}})}));return Object(jsx_runtime.jsxs)(StyledButton,{onClick:props.handleClick,children:[Object(jsx_runtime.jsx)("img",{src:"https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/mada.png",height:30})," ",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})]})};MadaButton_MadaButton.displayName="MadaButton",MadaButton_MadaButton.__docgenInfo={description:"",methods:[],displayName:"MadaButton"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\ui\\MadaButton.js"]={name:"MadaButton",docgenInfo:MadaButton_MadaButton.__docgenInfo,path:"src\\ui\\MadaButton.js"});var STCPayButton_STCPayButton=function STCPayButton(props){var theme=Object(react.useContext)(HawaProvider.b),buttonStyle={};console.log(Object.keys(theme.actionButton));var currentTheme=Object.keys(theme.actionButton).find((function(themeName){var _props$themeType;return themeName.toLowerCase()===(null===(_props$themeType=props.themeType)||void 0===_props$themeType?void 0:_props$themeType.toLowerCase())}));buttonStyle=currentTheme?{cursor:"pointer",display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"center",padding:0,marginTop:theme.actionButton[currentTheme].margin,border:props.outlined?"2px solid black":"none",borderRadius:theme.actionButton[currentTheme].borderRadius,backgroundColor:"white","&:hover":{backgroundColor:Object(colorManipulator.b)("#ffffff",.1)}}:{cursor:"pointer",display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"center",marginTop:theme.margins,border:props.outlined?"2px solid black":"none",borderRadius:0,backgroundColor:"white","&:hover":{backgroundColor:Object(colorManipulator.b)("#ffffff",.1)}};var StyledButton=Object(styled.a)(Button.a)((function(_ref){var theme=_ref.theme;return Object.assign({borderRadius:4,position:"relative",border:"1px solid #ced4da",fontSize:16,height:50},buttonStyle,{"&:focus":{borderColor:theme.palette.primary.main}})}));return Object(jsx_runtime.jsxs)(StyledButton,{onClick:props.handleClick,children:[Object(jsx_runtime.jsx)("img",{src:"https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/stc-pay.png",height:30})," ",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})]})};STCPayButton_STCPayButton.displayName="STCPayButton",STCPayButton_STCPayButton.__docgenInfo={description:"",methods:[],displayName:"STCPayButton"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\ui\\STCPayButton.js"]={name:"STCPayButton",docgenInfo:STCPayButton_STCPayButton.__docgenInfo,path:"src\\ui\\STCPayButton.js"});var PayPalButton_PayPalButton=function PayPalButton(props){var theme=Object(react.useContext)(HawaProvider.b),buttonStyle={};console.log(Object.keys(theme.actionButton));var currentTheme=Object.keys(theme.actionButton).find((function(themeName){var _props$themeType;return themeName.toLowerCase()===(null===(_props$themeType=props.themeType)||void 0===_props$themeType?void 0:_props$themeType.toLowerCase())}));buttonStyle=currentTheme?{cursor:"pointer",display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"center",padding:0,marginTop:theme.actionButton[currentTheme].margin,border:props.outlined?"2px solid black":"none",borderRadius:theme.actionButton[currentTheme].borderRadius,backgroundColor:"white","&:hover":{backgroundColor:Object(colorManipulator.b)("#ffffff",.1)}}:{cursor:"pointer",display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"center",marginTop:theme.margins,border:props.outlined?"2px solid black":"none",borderRadius:0,backgroundColor:"white","&:hover":{backgroundColor:Object(colorManipulator.b)("#ffffff",.1)}};var StyledButton=Object(styled.a)(Button.a)((function(_ref){var theme=_ref.theme;return Object.assign({borderRadius:4,position:"relative",border:"1px solid #ced4da",fontSize:16,height:50},buttonStyle,{"&:focus":{borderColor:theme.palette.primary.main}})}));return Object(jsx_runtime.jsxs)(StyledButton,{onClick:props.handleClick,children:[Object(jsx_runtime.jsx)("img",{src:"https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/paypal.png",height:30})," ",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})]})};PayPalButton_PayPalButton.displayName="PayPalButton",PayPalButton_PayPalButton.__docgenInfo={description:"",methods:[],displayName:"PayPalButton"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\ui\\PayPalButton.js"]={name:"PayPalButton",docgenInfo:PayPalButton_PayPalButton.__docgenInfo,path:"src\\ui\\PayPalButton.js"});var ApplePayButton_ApplePayButton=function ApplePayButton(props){var theme=Object(react.useContext)(HawaProvider.b),buttonStyle={};console.log(Object.keys(theme.actionButton));var currentTheme=Object.keys(theme.actionButton).find((function(themeName){var _props$themeType;return themeName.toLowerCase()===(null===(_props$themeType=props.themeType)||void 0===_props$themeType?void 0:_props$themeType.toLowerCase())}));buttonStyle=currentTheme?{cursor:"pointer",display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"center",padding:0,marginTop:theme.actionButton[currentTheme].margin,border:props.outlined?"2px solid black":"none",borderRadius:theme.actionButton[currentTheme].borderRadius,backgroundColor:"white","&:hover":{backgroundColor:Object(colorManipulator.b)("#ffffff",.1)}}:{cursor:"pointer",display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"center",marginTop:theme.margins,border:props.outlined?"2px solid black":"none",borderRadius:0,backgroundColor:"white","&:hover":{backgroundColor:Object(colorManipulator.b)("#ffffff",.1)}};var StyledButton=Object(styled.a)(Button.a)((function(_ref){var theme=_ref.theme;return Object.assign({borderRadius:4,position:"relative",border:"1px solid #ced4da",fontSize:16,height:50},buttonStyle,{"&:focus":{borderColor:theme.palette.primary.main}})}));return Object(jsx_runtime.jsxs)(StyledButton,{onClick:props.handleClick,children:[Object(jsx_runtime.jsx)("img",{src:"https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/apple-pay.png",height:40})," ",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})]})};ApplePayButton_ApplePayButton.displayName="ApplePayButton",ApplePayButton_ApplePayButton.__docgenInfo={description:"",methods:[],displayName:"ApplePayButton"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\ui\\ApplePayButton.js"]={name:"ApplePayButton",docgenInfo:ApplePayButton_ApplePayButton.__docgenInfo,path:"src\\ui\\ApplePayButton.js"});var GooglePayButton_GooglePayButton=function GooglePayButton(props){var theme=Object(react.useContext)(HawaProvider.b),buttonStyle={};console.log(Object.keys(theme.actionButton));var currentTheme=Object.keys(theme.actionButton).find((function(themeName){var _props$themeType;return themeName.toLowerCase()===(null===(_props$themeType=props.themeType)||void 0===_props$themeType?void 0:_props$themeType.toLowerCase())}));buttonStyle=currentTheme?{cursor:"pointer",display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"center",padding:0,marginTop:theme.actionButton[currentTheme].margin,border:props.outlined?"2px solid black":"none",borderRadius:theme.actionButton[currentTheme].borderRadius,backgroundColor:"white","&:hover":{backgroundColor:Object(colorManipulator.b)("#ffffff",.1)}}:{cursor:"pointer",display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"center",marginTop:theme.margins,border:props.outlined?"2px solid black":"none",borderRadius:0,backgroundColor:"white","&:hover":{backgroundColor:Object(colorManipulator.b)("#ffffff",.1)}};var StyledButton=Object(styled.a)(Button.a)((function(_ref){var theme=_ref.theme;return Object.assign({borderRadius:4,position:"relative",border:"1px solid #ced4da",fontSize:16,height:50},buttonStyle,{"&:focus":{borderColor:theme.palette.primary.main}})}));return Object(jsx_runtime.jsxs)(StyledButton,{onClick:props.handleClick,children:[Object(jsx_runtime.jsx)("img",{src:"https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/google-pay.png",height:30})," ",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})]})};GooglePayButton_GooglePayButton.displayName="GooglePayButton",GooglePayButton_GooglePayButton.__docgenInfo={description:"",methods:[],displayName:"GooglePayButton"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\ui\\GooglePayButton.js"]={name:"GooglePayButton",docgenInfo:GooglePayButton_GooglePayButton.__docgenInfo,path:"src\\ui\\GooglePayButton.js"});var AccountBalanceWallet=__webpack_require__("./node_modules/@mui/icons-material/AccountBalanceWallet.js"),AccountBalanceWallet_default=__webpack_require__.n(AccountBalanceWallet),WalletButton_WalletButton=function WalletButton(props){var theme=Object(react.useContext)(HawaProvider.b),buttonStyle={};console.log(Object.keys(theme.actionButton));var currentTheme=Object.keys(theme.actionButton).find((function(themeName){var _props$themeType;return themeName.toLowerCase()===(null===(_props$themeType=props.themeType)||void 0===_props$themeType?void 0:_props$themeType.toLowerCase())}));buttonStyle=currentTheme?{cursor:"pointer",display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"center",padding:0,marginTop:theme.actionButton[currentTheme].margin,border:props.outlined?"2px solid black":"none",borderRadius:theme.actionButton[currentTheme].borderRadius,backgroundColor:"white","&:hover":{backgroundColor:Object(colorManipulator.b)("#ffffff",.1)}}:{cursor:"pointer",display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"center",marginTop:theme.margins,border:props.outlined?"2px solid black":"none",borderRadius:0,backgroundColor:"white","&:hover":{backgroundColor:Object(colorManipulator.b)("#ffffff",.1)}};var StyledButton=Object(styled.a)(Button.a)((function(_ref){var theme=_ref.theme;return Object.assign({borderRadius:4,position:"relative",border:"1px solid #ced4da",fontSize:16,height:50},buttonStyle,{"&:focus":{borderColor:theme.palette.primary.main}})}));return Object(jsx_runtime.jsxs)(StyledButton,{onClick:props.handleClick,children:[Object(jsx_runtime.jsx)(AccountBalanceWallet_default.a,{}),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})]})};WalletButton_WalletButton.displayName="WalletButton",WalletButton_WalletButton.__docgenInfo={description:"",methods:[],displayName:"WalletButton"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\ui\\WalletButton.js"]={name:"WalletButton",docgenInfo:WalletButton_WalletButton.__docgenInfo,path:"src\\ui\\WalletButton.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,5,6]]]);
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
!function(modules){function webpackJsonpCallback(data){for(var moduleId,chunkId,chunkIds=data[0],moreModules=data[1],executeModules=data[2],i=0,resolves=[];i<chunkIds.length;i++)chunkId=chunkIds[i],Object.prototype.hasOwnProperty.call(installedChunks,chunkId)&&installedChunks[chunkId]&&resolves.push(installedChunks[chunkId][0]),installedChunks[chunkId]=0;for(moduleId in moreModules)Object.prototype.hasOwnProperty.call(moreModules,moduleId)&&(modules[moduleId]=moreModules[moduleId]);for(parentJsonpFunction&&parentJsonpFunction(data);resolves.length;)resolves.shift()();return deferredModules.push.apply(deferredModules,executeModules||[]),checkDeferredModules()}function checkDeferredModules(){for(var result,i=0;i<deferredModules.length;i++){for(var deferredModule=deferredModules[i],fulfilled=!0,j=1;j<deferredModule.length;j++){var depId=deferredModule[j];0!==installedChunks[depId]&&(fulfilled=!1)}fulfilled&&(deferredModules.splice(i--,1),result=__webpack_require__(__webpack_require__.s=deferredModule[0]))}return result}var installedModules={},installedChunks={5:0},deferredModules=[];function __webpack_require__(moduleId){if(installedModules[moduleId])return installedModules[moduleId].exports;var module=installedModules[moduleId]={i:moduleId,l:!1,exports:{}};return modules[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.l=!0,module.exports}__webpack_require__.e=function requireEnsure(chunkId){var promises=[],installedChunkData=installedChunks[chunkId];if(0!==installedChunkData)if(installedChunkData)promises.push(installedChunkData[2]);else{var promise=new Promise((function(resolve,reject){installedChunkData=installedChunks[chunkId]=[resolve,reject]}));promises.push(installedChunkData[2]=promise);var onScriptComplete,script=document.createElement("script");script.charset="utf-8",script.timeout=120,__webpack_require__.nc&&script.setAttribute("nonce",__webpack_require__.nc),script.src=function jsonpScriptSrc(chunkId){return __webpack_require__.p+""+({}[chunkId]||chunkId)+"."+{0:"54f7e52e",1:"95be85dd",2:"eb601582",3:"d72f7fac",7:"ffb0d84b",8:"68cd1217",9:"488e3969"}[chunkId]+".iframe.bundle.js"}(chunkId);var error=new Error;onScriptComplete=function(event){script.onerror=script.onload=null,clearTimeout(timeout);var chunk=installedChunks[chunkId];if(0!==chunk){if(chunk){var errorType=event&&("load"===event.type?"missing":event.type),realSrc=event&&event.target&&event.target.src;error.message="Loading chunk "+chunkId+" failed.\n("+errorType+": "+realSrc+")",error.name="ChunkLoadError",error.type=errorType,error.request=realSrc,chunk[1](error)}installedChunks[chunkId]=void 0}};var timeout=setTimeout((function(){onScriptComplete({type:"timeout",target:script})}),12e4);script.onerror=script.onload=onScriptComplete,document.head.appendChild(script)}return Promise.all(promises)},__webpack_require__.m=modules,__webpack_require__.c=installedModules,__webpack_require__.d=function(exports,name,getter){__webpack_require__.o(exports,name)||Object.defineProperty(exports,name,{enumerable:!0,get:getter})},__webpack_require__.r=function(exports){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports,"__esModule",{value:!0})},__webpack_require__.t=function(value,mode){if(1&mode&&(value=__webpack_require__(value)),8&mode)return value;if(4&mode&&"object"==typeof value&&value&&value.__esModule)return value;var ns=Object.create(null);if(__webpack_require__.r(ns),Object.defineProperty(ns,"default",{enumerable:!0,value:value}),2&mode&&"string"!=typeof value)for(var key in value)__webpack_require__.d(ns,key,function(key){return value[key]}.bind(null,key));return ns},__webpack_require__.n=function(module){var getter=module&&module.__esModule?function getDefault(){return module.default}:function getModuleExports(){return module};return __webpack_require__.d(getter,"a",getter),getter},__webpack_require__.o=function(object,property){return Object.prototype.hasOwnProperty.call(object,property)},__webpack_require__.p="",__webpack_require__.oe=function(err){throw console.error(err),err};var jsonpArray=window.webpackJsonp=window.webpackJsonp||[],oldJsonpFunction=jsonpArray.push.bind(jsonpArray);jsonpArray.push=webpackJsonpCallback,jsonpArray=jsonpArray.slice();for(var i=0;i<jsonpArray.length;i++)webpackJsonpCallback(jsonpArray[i]);var parentJsonpFunction=oldJsonpFunction;checkDeferredModules()}([]);
|