{"version":3,"sources":["components/ActionList.js","components/TopBar.js","components/ComposeModal.js","components/SideNavigation.js","components/TopBodyBar.js","components/EmailTable.js","components/InfoBanner.js","components/BodySection.js","App.js","reportWebVitals.js","index.js"],"names":["TopMenuActionList","props","useState","active","setActive","toggleActive","useCallback","activator","Button","icon","onClick","disclosure","className","Popover","onClose","ActionList","items","dropdownArray","AppTopBar","isUserMenuOpen","setIsUserMenuOpen","setIsSecondaryMenuOpen","isSearchActive","setIsSearchActive","searchValue","setSearchValue","themeIrl","theme","console","log","imgUrl","toggleIsUserMenuOpen","handleSearchResultsDismiss","isSecondaryMenuOpen","handleSearchChange","value","length","handleNavigationToggle","radioValue","setRadioValue","handleRadioChange","_checked","newValue","setTheme","GearMenu","Stack","vertical","RadioButton","label","helpText","checked","id","name","onChange","logo","width","topBarSource","url","accessibilityLabel","userMenuMarkup","TopBar","UserMenu","actions","content","ArrowLeftMinor","initials","open","onToggle","AppsMegaMenu","class","Icon","source","description","IconMenu","QuestionMarkMajor","SettingsMajor","CircleDotsMajor","AccessibilityMajor","ChatMajor","ClockMajor","DomainsMajor","FeaturedCollectionMajor","GlobeMajor","LegalMajor","AutomationMajor","PaintBrushMajor","searchResultsMarkup","searchFieldMarkup","SearchField","placeholder","showFocusBorder","AppProvider","showNavigationToggle","userMenu","secondaryMenu","searchResultsVisible","searchField","searchResults","onSearchResultsDismiss","onNavigationToggle","ModalForm","FormLayout","TextField","type","autoComplete","multiline","ComposeModal","handleChange","size","Modal","title","primaryAction","onAction","secondaryActions","Section","TextContainer","SideNavigation","Navigation","location","OrdersMajor","SendMajor","DraftOrdersMajor","InventoryMajor","separator","TopBodyBar","handleImportedAction","handleExportedAction","ListMajor","style","height","marginTop","justifyContent","display","flexDirection","maxHeight","minWidth","RefreshMajor","MobileVerticalDotsMajor","SimpleIndexTableExample","emails","useIndexResourceState","selectedResources","allResourcesSelected","handleSelectionChange","rowMarkup","map","index","from","message","date","IndexTable","Row","selected","includes","position","Cell","TextStyle","variation","Card","resourceName","singular","plural","itemCount","selectedItemsCount","onSelectionChange","headings","App","Banner","action","status","onDismiss","document","getElementById","classList","add","React","Component","SectionTabs","setSelected","handleTabChange","selectedTabIndex","tabs","bodyContent","panelID","filter","item","Tabs","onSelect","BodySection","Page","fullWidth","Layout","themeColor","i18n","enTranslations","ThemeProvider","colorScheme","Frame","navigation","topBar","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode"],"mappings":"obAGe,SAASA,EAAkBC,GACxC,MAA4BC,oBAAS,GAArC,mBAAOC,EAAP,KAAeC,EAAf,KAEMC,EAAeC,uBAAY,kBAAMF,GAAU,SAACD,GAAD,OAAaA,OAAS,IAEjEI,EACJ,cAACC,EAAA,EAAD,CAAQC,KAAMR,EAAMQ,KAAMC,QAASL,EAAcM,YAAU,IAG7D,OACE,qBAAKC,UAAU,qBAAf,SACE,cAACC,EAAA,EAAD,CAASV,QAASA,EAAQI,UAAWA,EAAWO,QAAST,EAAzD,SACE,cAACU,EAAA,EAAD,CAAYC,MAAOf,EAAMgB,oBCWlB,SAASC,EAAUjB,GAChC,MAA4CC,oBAAS,GAArD,mBAAOiB,EAAP,KAAuBC,EAAvB,KACA,EAAsDlB,oBAAS,GAA/D,mBAA4BmB,GAA5B,WACA,EAA4CnB,oBAAS,GAArD,mBAAOoB,EAAP,KAAuBC,EAAvB,KACA,EAAsCrB,mBAAS,IAA/C,mBAAOsB,EAAP,KAAoBC,EAApB,KACMC,EAAWzB,EAAM0B,MACvBC,QAAQC,IAAIH,GACZ,IAAMI,EAAS7B,EAAM0B,MACjB,0DACA,oDAEEI,EAAuBzB,uBAC3B,kBAAMc,GAAkB,SAACD,GAAD,OAAqBA,OAC7C,IAQIa,GAL4B1B,uBAChC,kBAAMe,GAAuB,SAACY,GAAD,OAA0BA,OACvD,IAGiC3B,uBAAY,WAC7CiB,GAAkB,GAClBE,EAAe,MACd,KAEGS,EAAqB5B,uBAAY,SAAC6B,GACtCV,EAAeU,GACfZ,EAAkBY,EAAMC,OAAS,KAChC,IAEGC,EAAyB/B,uBAAY,WACzCsB,QAAQC,IAAI,kCACX,IAEH,EAAoC3B,mBAAS,YAA7C,mBAAOoC,EAAP,KAAmBC,EAAnB,KAEMC,EAAoBlC,uBAAY,SAACmC,EAAUC,GAC/CzC,EAAM0C,UAAU1C,EAAM0B,OACtBY,EAAcG,MAGhB,SAASE,IACP,OACE,eAACC,EAAA,EAAD,CAAOC,UAAQ,EAAf,UACE,cAACC,EAAA,EAAD,CACEC,MAAM,aACNC,SAAS,mCACTC,QAAwB,aAAfZ,EACTa,GAAG,WACHC,KAAK,WACLC,SAAUb,IAEZ,cAACO,EAAA,EAAD,CACEC,MAAM,YACNC,SAAS,mCACTE,GAAG,WACHC,KAAK,WACLF,QAAwB,aAAfZ,EACTe,SAAUb,OAalB,IAAMb,EAAQ,CACZ2B,KAAM,CACJC,MAAO,IACPC,aAAc1B,EACd2B,IAAK,qBACLC,mBAAoB,oBAIlBC,EACJ,cAACC,EAAA,EAAOC,SAAR,CACEC,QAAS,CACP,CACE9C,MAAO,CAAC,CAAE+C,QAAS,eAAgBtD,KAAMuD,OAE3C,CACEhD,MAAO,CAAC,CAAE+C,QAAS,sCAGvBE,SAAS,IACTC,KAAM/C,EACNgD,SAAUpC,IAId,SAASqC,EAAanE,GACpB,OACE,sBAAKoE,MAAM,qBAAX,UACE,cAACC,EAAA,EAAD,CAAMC,OAAQtE,EAAMQ,OACpB,mBAAGG,UAAU,wBAAb,SAAsCX,EAAMuE,iBAKlD,SAASC,KACP,OACE,sBAAK7D,UAAU,cAAf,UACE,cAACZ,EAAD,CACES,KAAMiE,IACNzD,cAAe,CACb,CAAE8C,QAAS,QACX,CAAEA,QAAS,YACX,CAAEA,QAAS,cAGf,cAAC/D,EAAD,CACES,KAAMkE,IACN1D,cAAe,CAAC,CAAE8C,QAAS,cAACnB,EAAD,QAE7B,cAAC5C,EAAD,CACES,KAAMmE,IACN3D,cAAe,CACb,CACE8C,QACE,cAACK,EAAD,CACEI,YAAa,gBACb/D,KAAMoE,OAIZ,CAAEd,QAAS,cAACK,EAAD,CAAcI,YAAa,OAAQ/D,KAAMqE,OACpD,CACEf,QAAS,cAACK,EAAD,CAAcI,YAAa,QAAS/D,KAAMsE,OAErD,CACEhB,QACE,cAACK,EAAD,CAAcI,YAAa,UAAW/D,KAAMuE,OAGhD,CACEjB,QACE,cAACK,EAAD,CACEI,YAAa,cACb/D,KAAMwE,OAIZ,CACElB,QACE,cAACK,EAAD,CAAcI,YAAa,SAAU/D,KAAMyE,OAG/C,CACEnB,QAAS,cAACK,EAAD,CAAcI,YAAa,QAAS/D,KAAM0E,OAErD,CACEpB,QACE,cAACK,EAAD,CACEI,YAAa,aACb/D,KAAM2E,OAIZ,CACErB,QACE,cAACK,EAAD,CAAcI,YAAa,QAAS/D,KAAM4E,aASxD,IAAMC,GACJ,cAACvE,EAAA,EAAD,CACEC,MAAO,CACL,CAAE+C,QAAS,sBAAuBtD,KAAMiE,KACxC,CAAEX,QAAS,uBAKXwB,GACJ,cAAC3B,EAAA,EAAO4B,YAAR,CACEnC,SAAUnB,EACVC,MAAOX,EACPiE,YAAY,cACZC,iBAAe,IAInB,OACE,8BACE,cAACC,EAAA,EAAD,CAAahE,MAAOA,EAApB,SACE,cAACiC,EAAA,EAAD,CACEgC,sBAAoB,EACpBC,SAAUlC,EACVmC,cAAe,cAACrB,GAAD,IACfA,SAAUA,GACVsB,qBAAsBzE,EACtB0E,YAAaT,GACbU,cAAeX,GACfY,uBAAwBlE,EACxBmE,mBAAoB9D,Q,oFC/N9B,SAAS+D,IACP,OACE,eAACC,EAAA,EAAD,WACE,cAACC,EAAA,EAAD,CACEtD,MAAM,MACNuD,KAAK,QACLlD,SAAU,aACVmD,aAAa,UAEf,cAACF,EAAA,EAAD,CAAWtD,MAAM,UAAUK,SAAU,aAAUmD,aAAa,QAC5D,cAACF,EAAA,EAAD,CACEC,KAAK,QACLvD,MAAM,UACNK,SAAU,aACVmD,aAAa,MACbC,UAAW,QAMJ,SAASC,IACtB,MAA4BxG,oBAAS,GAArC,mBAAOC,EAAP,KAAeC,EAAf,KAEMuG,EAAerG,uBAAY,kBAAMF,GAAWD,KAAS,CAACA,IAEtDI,EACJ,cAACC,EAAA,EAAD,CAAQoG,KAAK,QAAQhG,UAAU,cAAcF,QAASiG,EAAtD,qBAKF,OACE,8BACE,cAACE,EAAA,EAAD,CACEtG,UAAWA,EACX2D,KAAM/D,EACNW,QAAS6F,EACTG,MAAM,sBACNC,cAAe,CACbhD,QAAS,OACTiD,SAAUL,GAEZM,iBAAkB,CAChB,CACElD,QAAS,OACTiD,SAAUL,IAZhB,SAgBE,cAACE,EAAA,EAAMK,QAAP,UACE,cAACC,EAAA,EAAD,UACE,cAACf,EAAD,YClDG,SAASgB,IAEpB,OACE,eAACC,EAAA,EAAD,CAAYC,SAAS,IAArB,UACE,cAACZ,EAAD,IACA,cAACW,EAAA,EAAWH,QAAZ,CACElG,MAAO,CACL,CACEyC,IAAK,iBACLT,MAAO,QACPvC,KAAM8G,KAER,CACE9D,IAAK,iBACLT,MAAO,OACPvC,KAAM+G,KAER,CACE/D,IAAK,iBACLT,MAAO,SACPvC,KAAMgH,QAIZ,cAACJ,EAAA,EAAWH,QAAZ,CACElG,MAAO,CACL,CACEyC,IAAK,iBACLT,MAAO,oBACPvC,KAAMiH,MAGVC,WAAS,O,+BCnCJ,SAASC,IACtB,MAA4B1H,oBAAS,GAArC,mBAAOC,EAAP,KAAeC,EAAf,KAEMC,EAAeC,uBAAY,kBAAMF,GAAU,SAACD,GAAD,OAAaA,OAAS,IAEjE0H,EAAuBvH,uBAC3B,kBAAMsB,QAAQC,IAAI,qBAClB,IAGIiG,EAAuBxH,uBAC3B,kBAAMsB,QAAQC,IAAI,qBAClB,IAGItB,EACJ,cAACC,EAAA,EAAD,CAAQE,QAASL,EAAcM,YAAU,EAAzC,SACE,cAAC2D,EAAA,EAAD,CAAMC,OAAQwD,QAIlB,OACE,qBACEC,MAAO,CACLC,OAAQ,QACRC,UAAW,MACXC,eAAgB,gBAChBC,QAAS,OACTC,cAAe,MACfC,UAAW,QAPf,SAUE,sBACEN,MAAO,CACLE,UAAW,MACXE,QAAS,OACTC,cAAe,MACfE,SAAU,QACVJ,eAAgB,iBANpB,UASE,cAACtH,EAAA,EAAD,CAASV,QAASA,EAAQI,UAAWA,EAAWO,QAAST,EAAzD,SACE,cAACU,EAAA,EAAD,CACEC,MAAO,CACL,CACE+C,QAAS,eACTiD,SAAUa,GAEZ,CACE9D,QAAS,kBACTiD,SAAUa,GAEZ,CACE9D,QAAS,gBACTiD,SAAUc,QAKlB,cAACtH,EAAA,EAAD,UACE,cAAC8D,EAAA,EAAD,CAAMC,OAAQiE,QAEhB,cAAChI,EAAA,EAAD,UACE,cAAC8D,EAAA,EAAD,CAAMC,OAAQkE,a,sECpET,SAASC,GAAwBzI,GAE9C,IAAM0I,EAAS1I,EAAM0I,OAMrB,EACEC,aAAsBD,GADjBE,EAAP,EAAOA,kBAAmBC,EAA1B,EAA0BA,qBAAsBC,EAAhD,EAAgDA,sBAG1CC,EAAYL,EAAOM,KACvB,WAA4BC,GAA5B,IAAE/F,EAAF,EAAEA,GAAIgG,EAAN,EAAMA,KAAMC,EAAZ,EAAYA,QAASC,EAArB,EAAqBA,KAArB,OACE,eAACC,GAAA,EAAWC,IAAZ,CACEpG,GAAIA,EAEJqG,SAAUX,EAAkBY,SAAStG,GACrCuG,SAAUR,EAJZ,UAME,cAACI,GAAA,EAAWK,KAAZ,UACE,cAACC,GAAA,EAAD,CAAYC,UAAU,SAAtB,SAAgCV,MAElC,cAACG,GAAA,EAAWK,KAAZ,UAAkBP,IAClB,cAACE,GAAA,EAAWK,KAAZ,UAAkBN,MARblG,MAaX,OACE,cAAC2G,EAAA,EAAD,UACE,cAACR,GAAA,EAAD,CACES,aA5Be,CACnBC,SAAU,QACVC,OAAQ,UA2BJC,UAAWvB,EAAOvG,OAClB+H,mBACErB,EAAuB,MAAQD,EAAkBzG,OAEnDgI,kBAAmBrB,EACnBsB,SAAU,CACR,CAACvD,MAAO,QACR,CAACA,MAAO,WACR,CAACA,MAAO,SAVZ,SAaGkC,M,kDC3CYsB,G,gKACnB,WACE,OACI,sBAAMnH,GAAG,cAAT,SACF,eAACoH,GAAA,EAAD,CAEJzD,MAAM,iBACN0D,OAAQ,CAACzG,QAAS,iBAAkBN,IAAK,qCACzCgH,OAAO,OACPC,UAAW,WACTC,SAASC,eAAe,eAAeC,UAAUC,IAAI,eANnD,UASJ,2DACA,+BACI,4DAGA,oDAGA,wE,GArB2BC,IAAMC,WCGjCrC,GAAS,CACX,CACExF,GAAI,EACJgG,KAAM,QACNC,QAAS,mBACTC,KAAM,QACN9C,KAAM,UAER,CACEpD,GAAI,EACJgG,KAAM,SACNC,QAAS,eACTC,KAAM,QACN9C,KAAM,UAER,CACEpD,GAAI,EACJgG,KAAM,UACNC,QAAS,0BACTC,KAAM,QACN9C,KAAM,UAER,CACEpD,GAAI,EACJgG,KAAM,QACNC,QAAS,iDACTC,KAAM,QACN9C,KAAM,aAER,CACEpD,GAAI,EACJgG,KAAM,QACNC,QAAS,eACTC,KAAM,QACN9C,KAAM,UAER,CACEpD,GAAI,EACJgG,KAAM,UACNC,QAAS,kCACTC,KAAM,QACN9C,KAAM,UAER,CACEpD,GAAI,EACJgG,KAAM,iBACNC,QAAS,gCACTC,KAAM,QACN9C,KAAM,aAER,CACEpD,GAAI,EACJgG,KAAM,eACNC,QAAS,oBACTC,KAAM,QACN9C,KAAM,WAIZ,SAAS0E,KACP,MAAgC/K,mBAAS,GAAzC,mBAAOsJ,EAAP,KAAiB0B,EAAjB,KAEMC,EAAkB7K,uBACtB,SAAC8K,GAAD,OAAsBF,EAAYE,KAClC,IAGIC,EAAO,CACX,CACElI,GAAI,aACJY,QAAS,aACTuH,YAAa,cAAC,GAAD,CAAY3C,OAAQA,KACjCjF,mBAAoB,aACpB6H,QAAS,uBAEX,CACEpI,GAAI,gBACJY,QAAS,SACTuH,YACE,cAAC,GAAD,CAAY3C,OAAQA,GAAO6C,QAAO,SAACC,GAAD,MAAwB,WAAdA,EAAKlF,UAEnD7C,mBAAoB,gBACpB6H,QAAS,+BAEX,CACEpI,GAAI,mBACJY,QAAS,cACTuH,YACE,cAAC,GAAD,CACE3C,OAAQA,GAAO6C,QAAO,SAACC,GAAD,MAAwB,cAAdA,EAAKlF,UAGzC7C,mBAAoB,qBACpB6H,QAAS,+BAIb,OACE,cAACzB,EAAA,EAAD,UACE,cAAC4B,EAAA,EAAD,CAAML,KAAMA,EAAM7B,SAAUA,EAAUmC,SAAUR,EAAhD,SACE,cAACrB,EAAA,EAAK5C,QAAN,CAAcJ,MAAOuE,EAAK7B,GAAU9F,mBAApC,SACE,4BAAI2H,EAAK7B,GAAU8B,oBAOd,SAASM,KACtB,OACE,eAACC,EAAA,EAAD,CAAMjL,UAAU,GAAGkL,WAAS,EAA5B,UACE,cAAC,GAAD,IACA,eAACC,GAAA,EAAD,WACE,cAACA,GAAA,EAAO7E,QAAR,UACE,cAACU,EAAD,MAEF,cAACmE,GAAA,EAAO7E,QAAR,UACE,cAAC+D,GAAD,YCrEKX,OA3Bf,WAEE,MAA0BpK,oBAAS,GAAnC,mBAAOyB,EAAP,KAAcgB,EAAd,KACIqJ,EAAcrK,EAAQ,QAAQ,OAClC,OAEA,qBAAKwB,GAAE,qBAAgB6I,GAAcpL,UAAU,MAA/C,SACA,cAAC+E,EAAA,EAAD,CACAhE,MAAOA,EACPsK,KAAMC,EAFN,SAGA,cAACC,EAAA,EAAD,CAAexK,MAAO,CAACyK,YAAaJ,GAApC,SACA,cAACK,EAAA,EAAD,CACMC,WAAY,cAAClF,EAAD,IACZmF,OAAQ,cAAC,EAAD,CAAQ5J,SAAUA,EAAUhB,MAAOA,IAFjD,SAIA,cAACiK,GAAD,aC9BaY,GAZS,SAAAC,GAClBA,GAAeA,aAAuBC,UACxC,8BAAqBC,MAAK,YAAkD,IAA/CC,EAA8C,EAA9CA,OAAQC,EAAsC,EAAtCA,OAAQC,EAA8B,EAA9BA,OAAQC,EAAsB,EAAtBA,OAAQC,EAAc,EAAdA,QAC3DJ,EAAOH,GACPI,EAAOJ,GACPK,EAAOL,GACPM,EAAON,GACPO,EAAQP,OCDdQ,IAASC,OACP,cAAC,IAAMC,WAAP,UACE,cAAC,GAAD,MAEFxC,SAASC,eAAe,SAM1B4B,O","file":"static/js/main.cd1f584c.chunk.js","sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { ActionList, Button, Popover } from \"@shopify/polaris\";\n\nexport default function TopMenuActionList(props) {\n  const [active, setActive] = useState(true);\n\n  const toggleActive = useCallback(() => setActive((active) => !active), []);\n\n  const activator = (\n    <Button icon={props.icon} onClick={toggleActive} disclosure></Button>\n  );\n\n  return (\n    <div className=\"second-menu-button\">\n      <Popover active={!active} activator={activator} onClose={toggleActive}>\n        <ActionList items={props.dropdownArray} />\n      </Popover>\n    </div>\n  );\n}\n","import React, { useCallback, useState } from \"react\";\nimport {\n  AppProvider,\n  ActionList,\n  Icon,\n  TopBar,\n  RadioButton,\n  Stack,\n} from \"@shopify/polaris\";\nimport {\n  ArrowLeftMinor,\n  QuestionMarkMajor,\n  CircleDotsMajor,\n  PaintBrushMajor,\n  GlobeMajor,\n  LegalMajor,\n  SettingsMajor,\n  AutomationMajor,\n  AccessibilityMajor,\n  ChatMajor,\n  ClockMajor,\n  DomainsMajor,\n  FeaturedCollectionMajor,\n} from \"@shopify/polaris-icons\";\nimport TopMenuActionList from \"./ActionList\";\n\nexport default function AppTopBar(props) {\n  const [isUserMenuOpen, setIsUserMenuOpen] = useState(false);\n  const [isSecondaryMenuOpen, setIsSecondaryMenuOpen] = useState(false);\n  const [isSearchActive, setIsSearchActive] = useState(false);\n  const [searchValue, setSearchValue] = useState(\"\");\n  const themeIrl = props.theme;\n  console.log(themeIrl);\n  const imgUrl = props.theme\n    ? \"https://b7d9f7a1.polaris-6z7.pages.dev/logo-light-2.JPG\"\n    : \"https://b7d9f7a1.polaris-6z7.pages.dev/logo-2.JPG\";\n\n  const toggleIsUserMenuOpen = useCallback(\n    () => setIsUserMenuOpen((isUserMenuOpen) => !isUserMenuOpen),\n    []\n  );\n\n  const toggleIsSecondaryMenuOpen = useCallback(\n    () => setIsSecondaryMenuOpen((isSecondaryMenuOpen) => !isSecondaryMenuOpen),\n    []\n  );\n\n  const handleSearchResultsDismiss = useCallback(() => {\n    setIsSearchActive(false);\n    setSearchValue(\"\");\n  }, []);\n\n  const handleSearchChange = useCallback((value) => {\n    setSearchValue(value);\n    setIsSearchActive(value.length > 0);\n  }, []);\n\n  const handleNavigationToggle = useCallback(() => {\n    console.log(\"toggle navigation visibility\");\n  }, []);\n\n  const [radioValue, setRadioValue] = useState(\"disabled\");\n\n  const handleRadioChange = useCallback((_checked, newValue) => {\n    props.setTheme(!props.theme);\n    setRadioValue(newValue);\n  });\n\n  function GearMenu() {\n    return (\n      <Stack vertical>\n        <RadioButton\n          label=\"Light Mode\"\n          helpText=\"Good for High light enviornments\"\n          checked={radioValue === \"disabled\"}\n          id=\"disabled\"\n          name=\"accounts\"\n          onChange={handleRadioChange}\n        />\n        <RadioButton\n          label=\"Dark Mode\"\n          helpText=\"Good for low light enviornments.\"\n          id=\"optional\"\n          name=\"accounts\"\n          checked={radioValue === \"optional\"}\n          onChange={handleRadioChange}\n        />\n      </Stack>\n    );\n  }\n\n  function bbb() {\n    return (\n      <div>\n        <p>Hello World</p>\n      </div>\n    );\n  }\n  const theme = {\n    logo: {\n      width: 124,\n      topBarSource: imgUrl,\n      url: \"https://google.com\",\n      accessibilityLabel: \"Polaris / Gmail\",\n    },\n  };\n\n  const userMenuMarkup = (\n    <TopBar.UserMenu\n      actions={[\n        {\n          items: [{ content: \"Account Info\", icon: ArrowLeftMinor }],\n        },\n        {\n          items: [{ content: \"More account info or whatever  \" }],\n        },\n      ]}\n      initials=\"U\"\n      open={isUserMenuOpen}\n      onToggle={toggleIsUserMenuOpen}\n    />\n  );\n\n  function AppsMegaMenu(props) {\n    return (\n      <div class=\"app-icon-container\">\n        <Icon source={props.icon} />\n        <p className=\"mega-menu-description\">{props.description}</p>\n      </div>\n    );\n  }\n\n  function IconMenu() {\n    return (\n      <div className=\"second-menu\">\n        <TopMenuActionList\n          icon={QuestionMarkMajor}\n          dropdownArray={[\n            { content: \"Help\" },\n            { content: \"Training\" },\n            { content: \"Updates\" },\n          ]}\n        />\n        <TopMenuActionList\n          icon={SettingsMajor}\n          dropdownArray={[{ content: <GearMenu /> }]}\n        />\n        <TopMenuActionList\n          icon={CircleDotsMajor}\n          dropdownArray={[\n            {\n              content: (\n                <AppsMegaMenu\n                  description={\"Accessibility\"}\n                  icon={AccessibilityMajor}\n                />\n              ),\n            },\n            { content: <AppsMegaMenu description={\"Chat\"} icon={ChatMajor} /> },\n            {\n              content: <AppsMegaMenu description={\"Clock\"} icon={ClockMajor} />,\n            },\n            {\n              content: (\n                <AppsMegaMenu description={\"Domains\"} icon={DomainsMajor} />\n              ),\n            },\n            {\n              content: (\n                <AppsMegaMenu\n                  description={\"Collections\"}\n                  icon={FeaturedCollectionMajor}\n                />\n              ),\n            },\n            {\n              content: (\n                <AppsMegaMenu description={\"Global\"} icon={GlobeMajor} />\n              ),\n            },\n            {\n              content: <AppsMegaMenu description={\"Legal\"} icon={LegalMajor} />,\n            },\n            {\n              content: (\n                <AppsMegaMenu\n                  description={\"Automation\"}\n                  icon={AutomationMajor}\n                />\n              ),\n            },\n            {\n              content: (\n                <AppsMegaMenu description={\"Paint\"} icon={PaintBrushMajor} />\n              ),\n            },\n          ]}\n        />\n      </div>\n    );\n  }\n\n  const searchResultsMarkup = (\n    <ActionList\n      items={[\n        { content: \"Change Account Info\", icon: QuestionMarkMajor },\n        { content: \"Go To My Account\" },\n      ]}\n    />\n  );\n\n  const searchFieldMarkup = (\n    <TopBar.SearchField\n      onChange={handleSearchChange}\n      value={searchValue}\n      placeholder=\"Search Mail\"\n      showFocusBorder\n    />\n  );\n\n  return (\n    <div>\n      <AppProvider theme={theme}>\n        <TopBar\n          showNavigationToggle\n          userMenu={userMenuMarkup}\n          secondaryMenu={<IconMenu />}\n          IconMenu={IconMenu}\n          searchResultsVisible={isSearchActive}\n          searchField={searchFieldMarkup}\n          searchResults={searchResultsMarkup}\n          onSearchResultsDismiss={handleSearchResultsDismiss}\n          onNavigationToggle={handleNavigationToggle}\n        />\n      </AppProvider>\n    </div>\n  );\n}\n","import React, { useCallback, useState } from \"react\";\nimport {\n  Button,\n  Modal,\n  TextContainer,\n  FormLayout,\n  TextField,\n} from \"@shopify/polaris\";\n\nfunction ModalForm() {\n  return (\n    <FormLayout>\n      <TextField\n        label=\"To:\"\n        type=\"email\"\n        onChange={() => {}}\n        autoComplete=\"email\"\n      />\n      <TextField label=\"Subject\" onChange={() => {}} autoComplete=\"off\" />\n      <TextField\n        type=\"email\"\n        label=\"Message\"\n        onChange={() => {}}\n        autoComplete=\"off\"\n        multiline={10}\n      />\n    </FormLayout>\n  );\n}\n\nexport default function ComposeModal() {\n  const [active, setActive] = useState(false);\n\n  const handleChange = useCallback(() => setActive(!active), [active]);\n\n  const activator = (\n    <Button size=\"large\" className=\"navNewEmail\" onClick={handleChange}>\n      Compose\n    </Button>\n  );\n\n  return (\n    <div>\n      <Modal\n        activator={activator}\n        open={active}\n        onClose={handleChange}\n        title=\"Compose New Message\"\n        primaryAction={{\n          content: \"Send\",\n          onAction: handleChange,\n        }}\n        secondaryActions={[\n          {\n            content: \"Save\",\n            onAction: handleChange,\n          },\n        ]}\n      >\n        <Modal.Section>\n          <TextContainer>\n            <ModalForm />\n          </TextContainer>\n        </Modal.Section>\n      </Modal>\n    </div>\n  );\n}\n","import React from \"react\";\nimport { Navigation } from \"@shopify/polaris\";\nimport {\n  OrdersMajor,\n  SendMajor,\n  InventoryMajor,\n  DraftOrdersMajor\n} from \"@shopify/polaris-icons\";\nimport ComposeModal from './ComposeModal';\n\n\nexport default function SideNavigation() {\n\n    return (\n      <Navigation location=\"/\">\n        <ComposeModal />\n        <Navigation.Section\n          items={[\n            {\n              url: \"/path/to/place\",\n              label: \"Inbox\",\n              icon: OrdersMajor\n            },\n            {\n              url: \"/path/to/place\",\n              label: \"Sent\",\n              icon: SendMajor\n            },\n            {\n              url: \"/path/to/place\",\n              label: \"Drafts\",\n              icon: DraftOrdersMajor\n            }\n          ]}\n        />\n        <Navigation.Section\n          items={[\n            {\n              url: \"/path/to/place\",\n              label: \"Back To The Shire\",\n              icon: InventoryMajor\n            }\n          ]}\n          separator\n        />\n      </Navigation>\n    );\n}\n","import React, { useCallback, useState } from \"react\";\nimport { Icon, ActionList, Button, Popover } from \"@shopify/polaris\";\nimport {\n  ListMajor,\n  MobileVerticalDotsMajor,\n  RefreshMajor,\n} from \"@shopify/polaris-icons\";\n\nexport default function TopBodyBar() {\n  const [active, setActive] = useState(true);\n\n  const toggleActive = useCallback(() => setActive((active) => !active), []);\n\n  const handleImportedAction = useCallback(\n    () => console.log(\"Imported action\"),\n    []\n  );\n\n  const handleExportedAction = useCallback(\n    () => console.log(\"Exported action\"),\n    []\n  );\n\n  const activator = (\n    <Button onClick={toggleActive} disclosure>\n      <Icon source={ListMajor} />\n    </Button>\n  );\n\n  return (\n    <div\n      style={{\n        height: \"250px\",\n        marginTop: \"4px\",\n        justifyContent: \"space-between\",\n        display: \"flex\",\n        flexDirection: \"row\",\n        maxHeight: \"30px\",\n      }}\n    >\n      <div\n        style={{\n          marginTop: \"4px\",\n          display: \"flex\",\n          flexDirection: \"row\",\n          minWidth: \"200px\",\n          justifyContent: \"space-between\",\n        }}\n      >\n        <Popover active={!active} activator={activator} onClose={toggleActive}>\n          <ActionList\n            items={[\n              {\n                content: \"Mark as Read\",\n                onAction: handleImportedAction,\n              },\n              {\n                content: \"Delete Selected\",\n                onAction: handleImportedAction,\n              },\n              {\n                content: \"Save Selected\",\n                onAction: handleExportedAction,\n              },\n            ]}\n          />\n        </Popover>\n        <Button>\n          <Icon source={RefreshMajor} />\n        </Button>\n        <Button>\n          <Icon source={MobileVerticalDotsMajor} />\n        </Button>\n      </div>\n    </div>\n  );\n}\n","import React from 'react';\nimport {useIndexResourceState, Card, IndexTable, TextStyle} from '@shopify/polaris';\n\nexport default function SimpleIndexTableExample(props) {\n\n  const emails = props.emails;  \n  const resourceName = {\n    singular: 'Email',\n    plural: 'Emails',\n  };\n\n  const {selectedResources, allResourcesSelected, handleSelectionChange} =\n    useIndexResourceState(emails);\n\n  const rowMarkup = emails.map(\n    ({id, from, message, date}, index) => (\n      <IndexTable.Row\n        id={id}\n        key={id}\n        selected={selectedResources.includes(id)}\n        position={index}\n      >\n        <IndexTable.Cell>\n          <TextStyle  variation=\"strong\">{from}</TextStyle>\n        </IndexTable.Cell>\n        <IndexTable.Cell>{message}</IndexTable.Cell>\n        <IndexTable.Cell>{date}</IndexTable.Cell>\n      </IndexTable.Row>\n    ),\n  );\n\n  return (\n    <Card>\n      <IndexTable\n        resourceName={resourceName}\n        itemCount={emails.length}\n        selectedItemsCount={\n          allResourcesSelected ? 'All' : selectedResources.length\n        }\n        onSelectionChange={handleSelectionChange}\n        headings={[\n          {title: 'From'},\n          {title: 'Subject'},\n          {title: 'Date'},\n        ]}\n      >\n        {rowMarkup}\n      </IndexTable>\n    </Card>\n  );\n}\n","import React from 'react';\nimport {Banner} from '@shopify/polaris';\n\nexport default class App extends React.Component {\n  render() {\n    return (\n        <span id=\"info-banner\">\n      <Banner\n      \n  title=\"Info About App\"\n  action={{content: 'Back to Github', url: 'https://fullmetalfenix.github.io/'}}\n  status=\"info\"\n  onDismiss={() => {\n    document.getElementById('info-banner').classList.add('bye-banner');\n  }}\n>\n  <p>Some Interactive Features:</p>\n  <ul>\n      <li>\n          Dark / Light Theme changes\n      </li>\n      <li>\n          Compose Mail Modal\n      </li>\n      <li>\n          Sorted Mail Buckets (Tabs)\n      </li>\n  </ul>\n</Banner>\n</span>\n    );\n  }\n}","import React, { useCallback, useState } from \"react\";\nimport { Card, Tabs, Page, Layout } from \"@shopify/polaris\";\nimport TopBodyBar from \"./TopBodyBar\";\nimport EmailTable from \"./EmailTable\";\nimport InfoBanner from \"./InfoBanner\";\n\nconst emails = [\n    {\n      id: 1,\n      from: \"Frodo\",\n      message: \"Re: The One Ring\",\n      date: \"Oct 4\",\n      type: \"social\",\n    },\n    {\n      id: 2,\n      from: \"Smegol\",\n      message: \"The One Ring\",\n      date: \"Oct 4\",\n      type: \"social\",\n    },\n    {\n      id: 3,\n      from: \"Samwise\",\n      message: \"100 & 1 Potato Recipies\",\n      date: \"Oct 4\",\n      type: \"social\",\n    },\n    {\n      id: 4,\n      from: \"Merry\",\n      message: \"New breakfast descovered by Hobbit Scientists!\",\n      date: \"Oct 4\",\n      type: \"promotion\",\n    },\n    {\n      id: 5,\n      from: \"Troll\",\n      message: \"Sunlight Bad\",\n      date: \"Oct 3\",\n      type: \"social\",\n    },\n    {\n      id: 6,\n      from: \"Gandalf\",\n      message: \"What shoes go with white robes?\",\n      date: \"Oct 3\",\n      type: \"social\",\n    },\n    {\n      id: 7,\n      from: \"Rivendell Post\",\n      message: \"No bake lembas bread recipies\",\n      date: \"Oct 3\",\n      type: \"promotion\",\n    },\n    {\n      id: 8,\n      from: \"Tom Bombadil\",\n      message: \"Hello, anyone ???\",\n      date: \"Oct 2\",\n      type: \"social\",\n    },\n  ];\n\nfunction SectionTabs() {\n  const [selected, setSelected] = useState(0);\n\n  const handleTabChange = useCallback(\n    (selectedTabIndex) => setSelected(selectedTabIndex),\n    []\n  );\n\n  const tabs = [\n    {\n      id: \"all-emails\",\n      content: \"All Emails\",\n      bodyContent: <EmailTable emails={emails} />,\n      accessibilityLabel: \"All Emails\",\n      panelID: \"all-email-content-1\",\n    },\n    {\n      id: \"social-emails\",\n      content: \"Social\",\n      bodyContent: (\n        <EmailTable emails={emails.filter((item) => item.type === \"social\")} />\n      ),\n      accessibilityLabel: \"Social Emails\",\n      panelID: \"accepts-marketing-content-1\",\n    },\n    {\n      id: \"promotion-emails\",\n      content: \"Promotional\",\n      bodyContent: (\n        <EmailTable\n          emails={emails.filter((item) => item.type === \"promotion\")}\n        />\n      ),\n      accessibilityLabel: \"Promotional Emails\",\n      panelID: \"repeat-customers-content-1\",\n    },\n  ];\n\n  return (\n    <Card>\n      <Tabs tabs={tabs} selected={selected} onSelect={handleTabChange}>\n        <Card.Section title={tabs[selected].accessibilityLabel}>\n          <p>{tabs[selected].bodyContent}</p>\n        </Card.Section>\n      </Tabs>\n    </Card>\n  );\n}\n\nexport default function BodySection() {\n  return (\n    <Page className=\"\" fullWidth>\n      <InfoBanner />\n      <Layout>\n        <Layout.Section>\n          <TopBodyBar />\n        </Layout.Section>\n        <Layout.Section>\n          <SectionTabs />\n        </Layout.Section>\n      </Layout>\n\n    </Page>\n  );\n}\n","import './App.css';\nimport '@shopify/polaris/build/esm/styles.css';\nimport React, {useState} from 'react';\nimport enTranslations from '@shopify/polaris/locales/en.json';\nimport {AppProvider,Frame, ThemeProvider, Layout, Page, ActionList} from '@shopify/polaris';\nimport TopBar from './components/TopBar';\n//import ActionList from './components/ActionList';\n//import {ArrowLeftMinor, QuestionMarkMajor, CircleDotsMajor, SettingsMajor} from '@shopify/polaris-icons';\n//import TopMenuActionList from './components/ActionList';\nimport SideNavigation from './components/SideNavigation';\nimport TopBodyBar from './components/TopBodyBar'\nimport BodySection from './components/BodySection'\n\n\n\nconst theme = {\n  logo: {\n    width: 124,\n    topBarSource:\n      './logo_gmail.png',\n    url: 'https://google.com',\n    accessibilityLabel: 'Polaris / Gmail',\n  },\n};\n\n\n\nfunction App() {\n\n  const [theme, setTheme] = useState(true);\n  var themeColor = (theme)? 'light':'dark'; \n  return (\n\n  <div id={`body-theme-${themeColor}`} className=\"App\">\n  <AppProvider \n  theme={theme}\n  i18n={enTranslations}>\n  <ThemeProvider theme={{colorScheme: themeColor}}>\n  <Frame\n        navigation={<SideNavigation />}\n        topBar={<TopBar setTheme={setTheme} theme={theme}/>}\n        >\n  <BodySection/>\n        \n  </Frame>\n\n\n\n  </ThemeProvider>\n  </AppProvider>    \n  </div>\n  );\n}\n\nexport default App;\n","const reportWebVitals = onPerfEntry => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n      getCLS(onPerfEntry);\n      getFID(onPerfEntry);\n      getFCP(onPerfEntry);\n      getLCP(onPerfEntry);\n      getTTFB(onPerfEntry);\n    });\n  }\n};\n\nexport default reportWebVitals;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""}