@salesgenterp/ui-components 0.4.330 → 0.4.332

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/dist/index.js CHANGED
@@ -1069,7 +1069,7 @@ var APIStaticPage = function APIStaticPage(_ref) {
1069
1069
  }, [id, pageData]);
1070
1070
  return /*#__PURE__*/React__default.createElement(styled.ThemeProvider, {
1071
1071
  theme: colors
1072
- }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(material.CssBaseline, null), /*#__PURE__*/React__default.createElement(Root$1, null, loading ? /*#__PURE__*/React__default.createElement(Loader, null) : staticPage && /*#__PURE__*/React__default.createElement(StaticContainer, null, !hideRouteBar && /*#__PURE__*/React__default.createElement("h1", {
1072
+ }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(material.CssBaseline, null), /*#__PURE__*/React__default.createElement(Root, null, loading ? /*#__PURE__*/React__default.createElement(Loader, null) : staticPage && /*#__PURE__*/React__default.createElement(StaticContainer, null, !hideRouteBar && /*#__PURE__*/React__default.createElement("h1", {
1073
1073
  className: "top-bar"
1074
1074
  }, staticPage === null || staticPage === void 0 ? void 0 : staticPage.header), mapSrc && /*#__PURE__*/React__default.createElement("iframe", {
1075
1075
  width: "100%",
@@ -1113,7 +1113,7 @@ var APIStaticPage = function APIStaticPage(_ref) {
1113
1113
  logoUrl: logoUrl
1114
1114
  }))))))));
1115
1115
  };
1116
- var Root$1 = styled__default(material.Box)(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteralLoose(["\n img {\n max-width: 100%;\n }\n"])));
1116
+ var Root = styled__default(material.Box)(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteralLoose(["\n img {\n max-width: 100%;\n }\n"])));
1117
1117
 
1118
1118
  var noImgAvailable$1 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQsAAAELCAIAAABBNzQFAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQffCx4OEwH03EnpAAAAHWlUWHRDb21tZW50AAAAAABDcmVhdGVkIHdpdGggR0lNUGQuZQcAAAAhdEVYdENyZWF0aW9uIFRpbWUAMjAyMTowNDoyNyAwNzo0ODowNq2OZq4AADALSURBVHhe7Z1ZkF1V9f9Fhk4PmQcSQkKAkJiBDASCyiwgGAIIogF/Tvhkla8qZfFi+YCFvqgPf7GoUssCpRAEjIhKAQIimdMZzRwydELS3Uk66cwJ/j99vieL3efc3vem+3bSt7M+D6f32Xvt4Zyzvnuvfac+73//+98nHMfpgE+mfx3HKYQrxHFiuEIcJ4YrxHFiuEIcJ4YrxHFiuEIcJ4YrxHFiuEIcJ4YrxHFiuEIcJ4YrxHFiuEIcJ4YrxHFiuEIcJ4YrxHFiuEIcJ4YrxHFiuEIcJ4YrxHFiuEIcJ4YrxHFiuEIcJ4YrxHFiuEIcJ4YrxHFiuEIcJ4YrxHFiuEIcJ4YrxHFiuEIcJ4YrxHFiuEIcJ4YrxHFiuEIcJ4YrxHFiuEIcJ4YrxHFiuEK6Bf8f3L0G/3/qjhPD15Dyo0mHo88+vQBfQ7oF7up5552XnpxCtzqf7/RkXCFlJtTGyZMnT5w4YcKA888//5Of/KQZOD0fV0g5kTx0RB67du3as2fPRx99RBHauPDCC6sSLkhAKmSS4Agum56JK6T8SCGtra3btm1jDUlzA2QAkgpIJEjoogQSrpkegiuku2hubt65c+dp3V4koRgMeWiFQSp9+vSpra3l6II5K7hCugUiK0Kspqam9LxroBZLoJmamprq6mqOBGzKLzta5dKTcxtXSDnRzcS3CK5YQFpaWsp+e2kc+SEV6wudEJihGYvQtBCBDJJ67cgLIMzJl57LuEK6hWPHjm3duvXQoUPpeQmU7pd5b+ZomVpnJBsJRppp2+gkqKJTIq6QbuHIkSObN29GJ12ZjOX04QPKtKaijI2wuhzhggsuCNUCSEinkNZJUJX0xHGFdBOHDx/esGGDXuftIfCgQ+9HGFpSEA+ZtbW1Q4cOVRGEluc4/qmTbkHuqHTG1ThVjuVbwrC6HdGRAU1FitADR8FO6ejRo8SB+/fv37dv3+7du/fs2ZOaFhrSOYsrpFvA/1hA2lTyv/+dPHmSHKVJ4HwKeEgT7XAMlxozyyQM5eTzBU3RfnqSg1JITwJo7fjx43v37iXhZPAoq/xwS5uamhoaGtLzJMdm5bq6urFjxyoNBw8eZCJnOgd0hZxwYvJNV6qYf0zKsVJrP0yLfE5Bampqxo0bl544p3CFlB9cfOvWrTYlc4dZK+w+DxkyZNSoUUoblFJL8lCCnQzzOnt9jpyqCDO1o6MSoffbaSa/KBgzsEsvvTQ9d07hCik/ePP69eszL/XigrrVo0ePxheLejB64KhVBWMSHMkkcSSBBEhO9hDVpo6WWRTsgYENGjQozXJO4QopP7jsihUrOIZLhzF58mT2IenJ6U/22JsqhDIVrWnlkXJkD7SPQaKCwo+bTPZF48ePr6qqkmVa4LhCugMcdPny5UpnHI70lClTzk/etiu7L9IgIB7pRwuOlINsgJxQOQbGffr0mTRpUnruBPhrWd2CzfE6VRpYVUwVZZ+qaZD2WQ1w9+rq6tra2v79+w8fPpzwiZ0Px4EDB6KQdCjtKftgeg2ukPIjnzNfDJ1SL++eMdQjQV1dXd2AAQP69u3bkUK0rDl5XCHlh8DGpmScLzxmPuLR3TAMdS2OHTuWpgJk0H0fE650XCHlJ3ydN3PEEc9wPKPu6J3Aj3280iGyISprs3ZyuELKD46Yet8pyCS8wRHDV7HOJHTNqPQCdDqmAErZusjSyeAKKTNM1fpIL6RZp2BLwFSdz+9u0ADHo0ePHj9+XOkQcrS/T8+d9rhCygwKOXLkCCuG9sQ66qUttFFTU5PanUGkyRMnTqAQEowkA/KwxY1TJRzhCikz9jovcCrv1FEfrW0zOhugW8aWngQwTnZHepGN9FkcYc/EFVJmCGbSVPvZmlN9E0NFZ55QuhnsZyJcHnlcIWWm4OtFQOZZUYi6BnZHGkkGis7W6wcVgSukzBw6dEh7jwwUdatC1EUeetQAWENKGZhyHMMVUk5wr8xHekHOxybEwv3uIKI9itiEsE0vaMOQUEh64oFWDldIOcELTyQ/spjMzimaufG8M/mrcHSqr2TRNacHDx7MD0wgj1AhTgZXSDnRVI3bpecBFya/BHdmFMIAtm3btm7dul27dilHL2TlB0YOK5srJIIrpAgF3V3gc8zNOJ/ZEGJp2mYKz6AoS2YFCTsiHZ7m6agUfe7YsWPt2rXbt2/fu3cvY5MmWU/0Um86moC6ujrfqUdwhXyM3C7jfJlZH5c6fPgwztfY2KjfBwk/p6jXi5TOQLiPWaY0PKWU6jt37mT6J503DqFUCbNBANRFG1u2bGFsjBNNgkppmZywQUuzgFhrTh5XSBtyFzlKQXdhbkYJLS0tTU1Nzc3N+/fv1+rBiqH4XuCICmYyUISz0nKmcU5VCggP5/7ggw9QiH7wN2NcENkcOHBg06ZNVEe6WsSAIgufFPuFkMmxlC7OcVwhbeQdBe9h0sXdiU9wOwJ6JmatGHhbOB+HdRXJmP8ZnNp0biif6tRCcuvXryc0QmO0Tzr89SpDVYTSjOTDDz9cvXo1wRVD1ZhVCjY2G7OOBga+CYnjCvkYPIYJGB9VHEXQgsvieaQ1B5tZmLDP/OF81FWm2QhCrEysj4Hcl742bNhQX1+PJMKgiJUENerUCNWIHhDt0qVL16xZw2qmTDXLERiYdj6kGZsM1IIdoftegO4d+N1pAx/CyRREMSWzYpA2d5c/GXaaOFgbOqUFqiidARv7eLm1iYtr+qc7PJgcFQlWFcSpBSEDokJO69atQxvEVxpAZqgkcH2pl2vJtCNjOmUBib9+4JzTCjGPxLnRxr59+3A+nMnyQ5ctSPh2G3VZakhQKwNmUghpOTFa2rx5M6tHa2urJnhZCk4ZBvpRrKUcwSCJwdiRs7KFAVU+gevL+1GIbU5CKGJl82+GxDmnFWIzLgoJ46jSySsEd5f/hWDTr18/bNQjXr5kyRIEgOMWtFcmpRs3bsRYtcjkdNWqVWiDvvK6EtZgXV2dvF+jsnyDnPBz705BPMpqQx6TnpQMVUKFyN2VzoCZEmwtliXg4uoUVFQQ7Ddt2kQYxnHevHlsTlh86EWayddVDqUkwoGx2pCpWgajQiE2NqcgfnfayLhO6TBJmyPihdDm8jlsC97Q0EDgJLO2Wb2DdcCglDWEmAptKAKkioosYVhrSthLCGx4zEAJUNrlURS/QW3gwZ3zFZMHdCQP5Kf9ANER8jA3VS0SoeNmkAHrBuuA2YswLZSj1rgiU4hlhqjIbJyOcIW0gaPn368oCq5vtZCHXvvKg5mEhEHBrXzSQBvpeY6wqKiZjghemkcb+U45BQz8J06Kcq4rRO5CsNS5Dau8EIhkQGkwLwRstIZYjKT8kI7yjXipkI2OXJE6bW1tlUJCsAF0e1a+N19ZnOsK0Q4EJybeON3dCLVsDTly5Ai7ankekKMEro8jDhgwgBw8lWBJ+RnMviOKGhhY0mnfvn2lEPswpWFNccn+Um9RPMpK6cRWBNe3KjhlR95Py1qgWEMgze02tBwRPtEvQ9q/f79e7VUpkGYwJBi/70OK4gpJwYltQSiRUFRaH5QO0V5F07lcE/BOJboDeqR9+yc+DCzfHTngC0gpuEJScJfTnVDl9wLv1zbDkBeSqWbJIRILi5QuI9Ym3Um69M7uSNJVkYFxXV0d+U4cV0iKXnEqfSuCh6EQW0PwQtxOadEmguCFLOZynFXeyWnGuCzQnRK2GNKLyUM5Bsa1tbVKKMcpiCvkYwi08Hh8ukQwlnsxVbe2tpLgNAPOqmAGOV122WWXXHLJ4MGDyZFswmUnrVAO1DiQNumStl40eH+ptxRcIR+DE5ceaJmWSOOFhw4dUjoEX7RNCAwZMmTChAmTJ0+eNGkSiXHjxl1xxRXIZtiwYQMHDtSrTwxALavKaaFaHNUjvTMw1q6ksO1UBiSQCr3o9YPO9XXu0O4T186+ffv2tv+34jhQ5hbJpfCwiy++WL6IPBYuXJj/OgcV8XvEYP/aU3Uz4K9sUQ4fPnzgwAEiMdKsLYBzc9QHsQzsaUStaWDWpnUxevRoRMhpQ0PDmjVraNNsjJqamltvvTU9cTrGFdIOnGnHjh3yJ7szBU+JZJj7mYbJR1coBIemKLyfpHFE1gcifuwVcZFDLVtYIiAPtIds9KlhQCFk6pPIDJX2OZVsSGtgSJdlCpFQtH79+i1btmgrkmHo0KEzZ85MT5yOcYW0A68Kv7cU3pxQJ6TxdVYGRfy7du1avHixPFWl8lcZK43jAkEU2kAh/fv3JxPNKJMcjghJkU8cZMPCok9AohPUggb0kRagzWuuuYb2KV2xYsXOnTttYCFXXXXV+PHj0xOnY1whWfRDDbivTkNfB6U5shSw58YdOd28efOqVavwddIqlbGRzySHI9XJ54g8EJvEw6kEwykgRY6cqqKB39OIvJ8jIA+NfPjw4TTCKbrVj0JkoOINN9zg/z29FFwhHyM/ZjImfMfd8TlOM/dHOZQySWsd4HT16tUbNmyQQshJTTsg36ZhdWkK0Ix0QqK6uhpNWg4C0AtimU41Zp1yIfPnz29pacl3R87s2bOpm547HeMKyULEgkK4LYCr2f2R2wE5+BYLiN5x45RNCLEZXisDyFRUmqM1UhBZysyMSVgpoAqtM4RkDGDEiBEczdiOQAD2zjvvsIdRpqEG7733XuVbXacgHz/Ic5CCzkH4zr6CCZi0pmTlkwgdkU2I3nHD5t133927d69NyRGfI9/alBlkHkGkeohq0RpHBWnAOgP9+vVjeFzCokWL0InWmaRSChq76667SJTS0TnOOa2QgnBDcHcC+oJ3Ri7FFI4L6h03HBGF6DdHzrDDhSNU1xyVaSMpeBVI6Oabb24briukGB6JZsFpcH25TuYIcjhmZWVCa2sr8zQJipjRzyT0aCiHBVBHQ/kZ2EExYLsEJ4IrpAAsEUACz5MbmTZ0ikKABOhrISQo6globEoXHBWleo0hGb5TBFdIAfAhInX5k7xfmFcR8WOjtP1eG5Y9AZaINJWMPE21hx2UXYsTxxVSABaQqtz/iwrVgoGV7tu3TwqpCLgELoTdfHruFMMVUgB8qE+fPtKAzbVhghWGUgmm4Gc6zjoam0k6RPIuWOTkcYUUpm0jkrxfbp5kaRRCkRIcj+f+8UDPwYYdInkzeNIYOHFcIYWRQuRJysGflOZomUCIJVezo0gKCzhohlJsOkGk2bq6ulDhThxXSGHwnsyXVBNdpAqRhwlienLwPNI6ysxOC0KRzArakFkwv+vQKdv0cPxOHFdIh+D62ooY8lpbWHQ6YcIEfYSRTOVrVbHXlMIXlwQ5WIb5pNWgIB2elhGalaTVhVMUD0azcEPMgXbu3Kl3A0PwsCFDhmTEc/jw4UOHDrWegu37weQfNIMpQZZKcDwrboqSr7vuupEjR6bnTjFcITH27Nlz4MCBzC2qqqoaNmxYJFBhDWH7jmD05Q1AJ0cSyOQoAylHOtGSourdpxy6Y/DXX38940+znGK4QmIcO3bsww8/NN8VrB6DBg3K7FKKQiO0hjw4kkYzZCKYffv2cQTkhHKUr0AO9HTKpRlaGzBgwKc//em+ffumWU4xXCFFaGhowKczPsoCclHCBae+sNE5J+bms5ggDDQDJOgLqdApWiJyIy05ZaRCApTJ0fILYpYwdOhQFNLHf0uuZFwhRdi9ezcTPAlzRDmcpUNQDiAbxINyoK2J0ggdHalw1JqjFYZgD52ww0mitrawTaKillUMWzDIIV9pEqNGjWIfwgiV4xTFFVKE/fv3Ewjhi+l5B8g75aA6Si2kCZn0OS4EQ4JM7fJldlowDDRz8OBBjYpFBi2BZEOplKPBkFAXOiXB8aqrrpo6dWrSmFMSrpAi4HmNjY1EO3mH1q3L5wu7sRgYphMS0k+ioxTVItN82nLCRB6kwiKDZhCP1EImWiKh7Q3QI3un6dOn+zb9tHCFFIH709TURHjTkXcWRR4PSihTp3itQjJ8N/wFRJWmJwlWXfl5gzxabYjQtJ8hh03I8OHDS6nrGK6Q4jA3Q3pSJvBRyYNdPtpg69yR156WKiK4MDqHKyRL3pOYg5ubm4lY4h5GaSk3U4FWTU1NbW0taWqFzYa950eSz+kc5WrnXMAVUhy2vCiEiCU9b0/E26yII9sMVNGvXz/WDZU6FYErpCRaWlr27NlDglnfXiOKIANUwR6DIIpQSrtzlfoUXkG4QkqCBUQ/Xph/CTWDgigkodesdEzLnArEFVISx44dQyFHc789pTRSQQb6+VDWDQnDV4negSukVPR7vulJogrUQhDF7gJhkEYbFkc5vQZXSKkcP36c3YjeOtQGA7TBSC2icJ9tVQnTTg/HFXJ6SCFoIz0vDZdH5eIKcZwYHjc7TgxXiOPEcIU4TgxXiOPEcIU4TgxXiOPEcIU4TgxXiOPEcIU4TgxXiOPEcIU4TgxXiOPEcIU4TgxXiOPEcIU4TgxXiOPEcIU4TgxXiOPEcIU4TozeppBK+dq9jbP0AXfdMtJC0aLSexena99j6VUK4anoZ0Qyj4fTfE6ayqGiiEGE0uvaz52U/rsnJVrSO5Y2hjARaaFo42GbRiSnoH0l0nt+64QLCR9z5lQos2BRSFGDCFa39EbiowrzS2+zIF2pnqkbaap0y4qg4hVS9ufRlRZKr9uJYRe16crIO0G8uzM8mO6j4qMsPQaeR3hqKN9KLWHkc6yFfFFRSveJjGUpFUtvPHK9ETLGRevmxxNWUelpDaBnUmFrCKPl1mvMpXtMF1Gn6UkJnK59ZdG7ry5PBUdZP/nJTz5K/kXtsWPHZs2add111+mH2cPn19ra+uSTT/bp0+fIkSOPPfZYXV2d8vOP+cSJEytXrvzvf//b1NS0d+/eAQMGXHbZZaNHj54yZcr5yf/gLB2aevXVV+vr6y+44IKjR4/++Mc/TgtOwbDfeOON995778JT/0765ptvvummm5TOsGnTpueee06PiZanTp16zz33WMU8XMVrr72mX0+V/d13331a/0B9/fr169at4z5s27aNRhjtoEGDLr744lGjRo0fP547k9olHDp06JVXXqFK5i6Fd5jev/jFL1555ZU6rSwqOMrC6dEG8Ajfeuutw4cPk5nxe56TzDjKyURoxjOm+hNPPPGnP/0JhTQ2NuJY+MeiRYtefPFFBLZkyZLUtGROnjypsUGaFcBIDh48mBYfO4Y3L1u2zIqUMHBWMzt+/PiOHTsYXlpWCOwPHDiAJVWwxMs7+u9ZGbBfuHDhT3/609/+9rfz5s3buHGjNbJr1y5GOHfu3KefflqzksGAMWgbX3uoq+oadv66KoXe8Govs1dLSwuzcnpeAvbAqPjCCy8w6er/KQPrTP/+/TXpcoq00MlLL73Ek1aVskMv+PSWLVtIZxSO8yFaRguYkcMwbPB59uzZ8+GHHyqt/9aAojL/plTVM42ggd/85jfMEay6LFAqJQEXXXQR7ZDD2FhUlVatPBirFuj/qChHg69EeoNCmNV4DPPnzzfnyJPxPJ3i/X/+859Xr15dU1ODQoYPH3777bc/+OCDc+bMue+++wjbeLSY4WosI6+//jo2Se2ugocxrSrNSHTKnK2cEEIspmEMuEAuE2ONvCOam5sRG/ZVVVV4swa8efNmJeTZaoGjTmHr1q3PPvtsQ0NDdXU1ltSdOHHirbfeSuwKX/jCF+64447rr7+eBq+66irVVcU8s2fPtlpKANWHDBmSWlQaFa8QXKe2tpYEfkxArMyiyDlYOgigtUvBJx566CE2A2PHjr300ksnT57Mw0Yq8kuMUSAhflK7q9A7URzTKu4on2OtwE1DPxYohCCQBJsihTeyKQgVt2/frn8DNHLkSC4EYybyFStWqK55trrQKSsM94GjFgc64j4wTXzuc5+75hQ33njjvffeSz77kKSBwtAL2x5VmTFjhhJAZr9+/VKjSqPiFcI0j5P17duX571z58533nknLWhP6HakMcb5Vq1ahQPhRuxBWT3YjKYWCXjMuHHj7r//fgIbbUPDQC5ssBOwaDAGup40aRIJWsOzd+/eTZEcF1gNmNexwfNuueUWVMSQ2CZ1JBJ2YsRUVMee+f6KK65QFSKozOpqXTCMf//73/Si08GDBz/88MNcte3sw8scOHCgJiNlWhEJSxvx0gqi4hWCu/BEeXh6DEuXLsWxVJRHNvKPBQsWyE2BFjLyMJj/WFLoRa4mZ6IdNdJpVJ1mkTdpGmcLwQpApvkT3aEZSgcMGEAEiDFpjh05HBfOQkRTKIQrYjdFbEOaHLbvqVF72IZ98MEH2GgMjzzyCJN9R+0bGryOgnTmnliaRJhfcVS8Qpg4mSk/85nPsJjwkPAzJsW0LCF8PJYmuGcyVpr1Ry9EUh2UabDIEIDRhdLsm0nQTt6ydPBIJnU8UmlEQmvIFYUwMA2SfPbuLCwkpk+fzpFMzCiVQQaKUK825WyriLIYLSET+SyA9fX1MjM0fnpEVBjQPpc5bNgwMsP2C/aVQTYc1WYvo+IVgu8ePHiQp0uEwClPmp33tm3bVGpknjRzM7GTHiqRgxYQTjNmgB9rmleaXa/y85anhZRA7wzYwiGGbQsg2w/6ku+yo5BCBLumNHUK2mFtQb0KGrVbYIeGQjilZbY9BGAyBuzpnU4RFVXIof0pU6aotCsw7L179yJUUIKjtlIVSsUrBDR13XXXXTg93sAywt6Ux6/88Gjw5JizlVlVVaXwuiOqq6sVe+BVNJ7mdhbaYZCSBwLAgydPniyFsKzhTzJrbW1V0EV8xaYCD5YmMSP6Skw+hiIuZ+PGjTRIgvlCmcSHGjkyCJcR9U7XKEfN0j69qNTgYhEtwwhpbm5WKS0oYdDUH//4xxdeeOFPCZZYtGhRalGB9AaFCCIlXI2njpewx8i7EdhDZdnBKZXG55QIkaWOPHhNtCRw3Lbi08e6phFmbjrFKQcNGkTLdXV10gDOza6AS8AY1ySAJD1hwgRVtBawVMJygJ2GpmpaQxgqIoAcOnQoabpbtWpVYpjCMGicfYguHxsmgrBBWLlyJR7/fMBzzz33/vvvq5QWlDDIYd0jbANCRCW4IhNVJdIbFGKPatasWTrF1exBghmECUsXRKVmQ0Lek/Gh0gm7s6gDeSifQEva3rlzpxSyYcMGSnFfgh/ZsNYlldqNSgkgxNKKREyIr6tIW3yNmdgMZyVhF4KNiU2EDQK3kcUWFQE7Ih31Dn14HyxNggEw9YASHCHTS2XRe9YQHg8OwZad54pvzZ8/n6AFDwN5Q/hQmbwJ05XJI0xz2yN7jjTI9oB2eNL4n0pPl7B3muIY5lx99dUMg2GvWbNGjqWXBMaMGaPPklHEasAAGDOhUVKpHVTEhgQ62bRp09oE4i560fuetInqSEgGHBlG//79MQDS+e0Nmdwl0Ksg5HC06olJG6RVCj9pzxNPPPHkk09+6UtfUmkl0hsUYo+HJ3rjjTfy1PGkPn36/P3vf+fRjhw5klN7tDJmlpWbciSYsegfrDVzBcJxm/Xts4+nS+hS2qbTtWWi2MGDBzNO5EF8SKyit9JHjRplS4cGRhWKlGMsW7YMGZPgepcvX/773//+twlPP/30vHnzaJYiqqOixDxtigEMHDiQUo1Emgy57bbbfvSjHz3++OPf+9737MLt/hjk6EJUlDeoaHpPlKUjkTfLCGmeOg5BNKx8Q6fEHjU1NXqWRA76TJTI2ONA+JymYbzwU5/6lPI7gbmO3uWgZcTMlE8O8zSrE9M8p0z82nPTKWuIuobMwEK4UrVDC2AuqxwpBFgl9CqfSllz2P9gDFSPfEAzXF7ywyCHFtKTnEFYVIn0nihLIAwCdwSAW+Bb//rXv8jhIdlj0wPDIS677DLlsIbgYeEHE2WjIwuI/I/Tfv36jRs3LjHpDDYGhsSRBmtra5VmqGxFyKEjFhDCIYyHDRvG2iJLjlyREhKD0kA+GwzsSVxyySUPPvjgI488MmfOnIcTvv71r19++eXqmi0EW2cSqkvmiBEjCE05ZRg0snTp0rYWA2RpfXUCu+oKpbcpBHjkM2bMYFbmubLxbW1tlX+rlAemNPGYPltB6erVq+3z5yAbPdpnn32WaZg08yhVbEbvCoqIIPS8iy++mJ0GHe3YsaO5uZnEkCFDyKGINB4stZCQl2t4IHlzSmtXXnnlddddN3Xq1GmnmDRp0rXXXisdEsIhPy5ExuTQ/tixY8nnFJs333yTPUzSaop6sb4KYvcqRO3rGCYqjl6oELj++utxOB4bzp1/u0qPkwhHH3ZSziuvvPLPf/4zKW+DHNz0qaee4ojr0M6ECRMQnko797ytFqFOZh0A1hM0QI7WCtRr71QKdgKy1z7E6q5cuVJViDDtPQ0rBdYQbeJpTa9NKc2RfO6VXhEmh4DzD3/4w9y5czO79nAYYdoIuxMyM+OCtSqC89mKpclKgwiKI85B5JN/t4uIiJWBUp0ybaMH2/UK9sHMvtuTN+ZwWcKMhQsXsklgkn7vvffY6Ns73LR29913ozp5Uvx50+natWtZviStO+64g0xVlAERP55KgmEzeNyUUsbW2Nho3xJBMCxZtj8O20QJLBRqjet655139Aos+bg7FcO+gJbXr19Pj2QyX7C30adLBJcGXLIWIjpCwG+88QZV0BJLyuLFi7nVLMWSAXVZl6wLBsAipnmEHOLDRYsWUSVkwYIFNE4EiE3SZyXRO9cQYAIm5FCAlGYVYtasWTfddBO7dmkJP8B933777XXr1pEDKAeXIqyntYznnRZhRbXDEZ9WBKhSvbbLKQwePNg+TMmpEkJDVSYeLHkAVSwq4ygDHQm3SADrDyLMvBqGx3/lK19hY8bChcdTHVE1NDQQdCGV+vp6NmPcSfrlqNUv34WONI7AhN6DJ0Em+pRBxVHBCiESAH1yMc1qzz333MOTxoFkSU7Bh3TnnXciAGblkSNH4rJ4D66Ar7DdJ7JCQl/+8pe1RoVuEQED/IyBaXiWqQTgNMypFMlT1SwwPbP3YAyATysTMLA2qRjuQ5izmb/piFJ2FIl5G9jLQMeJEyfSF3W5VyytrCSZq0Aejz766H333Tdz5kyESgjKWoSxlqyBAwdyBxAS66GFmpAZGEfSdMRRCUEaaaV1Ko10x1aJ6P0vvJmJk0eozAzMYTw2HiRPiEVA4XhB8AaicFwNRWHPRp+FRaQWJcMtJVQjRMG9GF7+5S/iJYow09sgcmLR1NSES5HDFemFBEE7xGBqk2uxbzLt2rVLmVRB0ri18vNs3LiRRkhgjLt39JIDjbOQctO4IRxZMZhlODIYEtXV1andKbBnDLppXFF4LYJM4HIQf76051PBCnGcM0Cv3Yc4TllwhThODFeI48RwhThODFeI48SoeIWcgdfiwi46112vf8HQLrD3XWklKSRz93UaeYm9K49NVcIuinYnwr4sTa0w31BmwaKilLeW5WeGlE8UxG5ReK86Il7a06jI90PsSYSEmfF0JoejnYq8WRf5KPmWUnrS8fBKJ1OrlEa6cjmn1X7cuCvDOCv0HoVkKPqcOHZkEC89F+jcHSjluVQcFakQWLNmzbJlyzT4EydOTJs2beLEifooR/iQ/vKXv9gHIh566KELTv1yQoampqb//Oc/+px8n+SfXZAIm2pubn7//ff1+VYyBw4cqM87qjQPTc2bN08/G4f9nDlz0oKEFStWLF++/Pzzzz927NgDDzzQt29fMjMjj7NkyRLugNYlLp/B2BfC8uzfv3/Hjh27du2ifdIHDhxQR/oM2JgxY8KPSIZjOHny5MKFC/WFR4b6jW98Iy0ohOoeP3580aJFmzZt0gccC8JTmDFjxuWXX56e92wq9dPvuP665L/A7N69m2fP40EhPBV7wHpg9fX1CAn/3r59O48EnwhLlYbVq1e/9dZbtNPY2HjJJZfoq7ahwYYNG15//XVKRUtLC441oP3/mjFo/OjRo0hu7dq1jBD72267Tflqc+XKlehnT/IzpJ/97GeltLC7ojzzzDMNDQ12+VVVVZEvP37wwQdz587lEkhQiyqqiGxwZe7Ptm3bxo4de+GFF2bGQHCIuy9dupShYnznnXemBYVQXYkK/evCC7J3797Ro0ePGDFCFXs4FflaFj5hX0jgyKNlQmUqTYsTKMIjmau0B5BNWtbeHfXZO44IDEvJg7oqBdwd98KAWhIhMzGulhbnUOMcgQaB01CTKgIVnS64tX57RS1cdNFF+W/PZjhy5Aj3gUtgGKrIhXDHgKvjzvzsZz9D9ql1e2QP6XkhwtslqBUHm3ytHkhFKoTohUWfBH6v7+VxygSpUt13jjxUFgQiItI4hD4LnAd337Jli54Z3mYLiD0/fIgZVy6igARXszGUSNzDSkRDYrRK1CaQRgARxWKgy0EkV1555Xe+853vfve7jz766O23365fA+LaiY6ef/75tEJAicPOmOmU7pihpgcQDHOcOnWqvlFclnvS3VSkQvB1eeeoUaOInXgSSMV++lL3XUfy9RsiOAHre/jbtca+ffvIx4AJ9ZprrklzE+SICodokOfK09Vqs3Xr1nDSlWV3o4tatWoVo2UMhEb6yhTpxYsXJyZtdDQY8gcPHkx4M2zYMPYtt9xyyze/+U0iT10RsVbB+9NpUN19993Hps5g08Vx9uzZPLgzc8e6TiUpRPcUvyTGVRp5DB8+HM/WEnH41NeVDDaFkhD2pDM/CUUmRUzJtIDz8UTDX3cmBzDYnPwPJxKsSMzBMkZvLCypaTdPh6EzsXZpq83loJB+/foxNk7Z85hZZDBhU4Bg2MDQAvmoLryirhMfRrfesTJSSQrRPWXPwKROgrvM02USZadLGsfNx1FUGTlyJNOkHgk7cuVzqlJUwb4Zb8NLmNjQgIoMhKEf/KR9xKZf6MEGiOvIlFmmVnlhnNb+unXrGDOjIiBErlw+6yT5hIKZODOO2ehLUZzSC20qsyxYF/nx0BfHUsZ51qm8KIuApzX5eWl9Ubaurk4CwMsLblj79u2rn89ijkRarD9kms+x7BBdSAATJ04kXw8PZEAMpl0KjkhkQqn99BvTtinEanUT1j4LGp1yyurBJoRLk4uTaS9FlDIY2Rw6dEgBJHCLxowZo9KyoC5CQkmQzhv0QCpMIQQY+Ksep17fZK+pWJw7zt5AgRZpUIIVRr9RwinYOqPHs2zZMryfBAaTJ09OStLqMqivr0cMnLK86Gux9Cu9EfAoLKG0rVp3oi7YjusHVOn9iiuuIMGo0AkJhsQagnRJR1A7HLFkL8ecwgrJ5EL1G264QauxLLsON1Ad0ThHS3BUqcx6OBWmEFYP7aq50ZMmTSKHwIDoCCdWpuIo7r4egI5ER3rvgmdjgZaQfzABszIwKyvTqoNCLFrWT4GQQ2wjT6Ki/imHGXcf6oIIc//+/aTpXa+5sYQS+LUN97zzmD4s0CoINkh64cKF8+fPf/fdd5955pnXXnuNfJZHbqbe7sAmsS0DNPXXv/517ty5HEPCn+Xv+VSSQnALQgJchDTCsPfImEcJpfB+WL9+vTLDuXDEiBEYKIeoCU9SvlxK0kJF+SickEw/UYVIUIgifk4RCVXIzGz9uwO7EGSsH0khjUQvvfRS5XMfGBIJQqb4i1GYEaS9+OKLL7/88j/+8Q+9WY4fsxzNmjWrjNoAWmMGQQwLFixAkIL0vHnzwjemej49XSGho+OUhP64KQm9g6589uKKNIDIRxIyaAF/0kTL6ZFTv+4MrCc8RQzQDwqxBo3ly5fLgOqK5aCqqkqvaOFw2qUov5swx+W6JFcmgquvvlqZMH78eGwYJENiBpGEOgIz7h4tcBQ0SLPPP/+8/hsoBrLsCjQCjOr48eOMSscwYWZK9GR6tEJ0l9OThE2bNskb8FdtA4ClgABJ86h23iRkpgRHgih8nQQOhBuRgBUrVqgUART8CIlmO9pBY0iLIAfokdXGAq1y/ZP1ohw8eBBXZsD495AhQxobGzUYrkiDp4hMvdBXEPQwbdq0xx9//Pvf//4PfvCDBx54gNUDr0V7rKUvvfQSS6JuSBehEW4O+5wf/vCHdPTYY49xFKQffvhhM1OiJ9OjFZK5gzg0AkAJLCNvv/32r3/96/+X8Itf/IL5T3rAjQgkZB9WJ2rHrcnBS5AWXsVMRoLWyCFOy//iFhEL22KqYIPqfve73z311FO/+tWv6JEohVoqKvqJj7JAd8gVb6ZTLp9onmFoMD//+c/1Ah1roMZMWncjT3V1NXJifkFjM2fO/Pa3vz179mx0zoUQpL3++ut0hFlH1UuE6oyT46AE+grp379/alcJ9PQoS+iB4SI4AWmd4uJtO49TkMlTAWZWBVoyUwKvGjNmDGa00NLSwo5/1apV8gbWH6ImWYawXlk8QEWMQQly6EhF2GCpdPdBL0zz6lQDsMHo2nFxHdmJMXnb8CLIZsaMGcOHD1cOItG1lFI9AtXt5jMkJYTyrbTnUxkK4Y7jChs2bNDtZr4namJZIAQXEyZMUNiDJROq5lF7zEpgowdDqT5pwilQkTUkMWwHHonzkWDxIRpJexo/Xv0SmFGklhXBdyssnlu3bmWyZ0gjRoxgdx4OhqM2URwZNkuNasXR3VDEqAtBWswvSWFXsZsP6kiQz2lY2sOpDIUAe3S8hDvL47/55pu/9rWv/V/AI488MmXKFN16lgicKXwqYtKkSXq1Sp/z0+f/sNe/VJaNQUCv0AUIDL71rW+lPSV89atfvfvuu3EsSYhpO+OUahnS8y7DDkFdcHzwwQfTcZyC8TBlsM4wg7BXAdWKo+FRixvLgAEF9k2+rNIJqJ6mcmTug51GqvQcKkAhuo8LFy7UDEpca9/4CdE/yyTBA0AhyIC0PQMSzK8sI9jQzuLFixEAmaTtVeMQNjMHDhzAAJ8rGIMxBjkTNnhY/qO15EN6cgrlWD4JibYgofGiRYsIFLl89FzwRQUuXzGhAi3rIkNetPPmzZOiKGIw+nnscIT5KgXJmHGq6SNCiS2fXSrgG1S616+99hpHHhhB87Rp0/TmndBTZP+HiphicRG2GdOnT2dXas9ACTbo+hQW+qE1MkkzJas09IYlS5awyCAqcm644QaWEeUbOBMGu5NPxeOaeG34kQ3CFWZ9bfTh1ltvJdPaJxAi3Kdrhrpnzx6Wx9UBVGSPRBAoZVKF7cHf/vY37JF3GFOFINcFCxbQBW2yijLmtCB5V4dmKQLGibYxQP/08uqrr3JDaJZeuCG33HILCsFM4ySHABLx0zU5zc3NGmEI1bl87WSoSBUuRy+BMEhVwUbG9MjVrVixgt6pgo066sn03DWE221H7iyPgTToX+8lJllQBWbcdHbq27Ztk72KlJg6dWpVVRVP0TLJwV6l9rTwWqZV5TNz45TKz4Cnal7Hw+gOVaQFSctqU0eR8QaK8CH8CY8JWbZsGUd76xOQK5bY0xErHp2mBQFkMh4mCHrRdyrJVO/kAOPEI7mTv/zlL3+VgOrQIW1iQ+lNCbLnKGiBUw1Vw8uwfPlyWz9VUZ0KSgGFyJiEro5Fnh7DjnosPVch4e3jufLseZYsHfpXHiJ8GICLYAO4Qn19vZ6uipTgyG4EFWHDEYi7lK+mdGTS5amTxoA2ySmI3mTEjNba3igJ9rhqkOocJUi1bMdkmG1QGkKR0dZQwtKlSynCOHmxNLuaCUaid/qx5PJZTsnUVdMUpUiIBKXKwYYc5gv2YERuc+bM+fznP9/WUA61mR+qoaGSkD1gDOpOR4NTirBRrZ5P6hk9nDfffFMv4LI5njlzJmsIw9bjDyHzlVdeUQItsZkmbWa60o0bNyIewgbSPDBCrKSwDWuTKAgPk0uxLkU+8WoDw+GuvfZae02MKI6tjmIwuP/++5UviDQIOfDa9DwAY42ToFHfboeXX36ZI/lDhw6dMWNG/p94CGInxkMLpAm6br/9duUzDL0u19jYaN6JQV1dXW1tLWtyRnV2H6jCvWJLVnCoAhsCM/teDZMCVVgiuCHKsSsyqDJq1ChurJ5CD6enK8SeVufQ1ZXSQic66uLYeiCdvqLedyuMylhDHOdsUTHvhzjOWcEV4jgxXCGOE8MV4jgxXCGOE8MV4jgxXCGOE8MV4jgxXCGOE8MV4jgxXCGOE8MV4jgxXCGOE8MV4jgxXCGOE8MV4jgxXCGOE8MV4jgxXCGOE8MV4jgxXCGOE8MV4jgxXCGOE8MV4jgxXCGOE8MV4jgxXCGOE8MV4jgxXCGOE8MV4jgxXCGOE8MV4jgxXCGOE8MV4jgxXCGOE8MV4jgxXCGOE8MV4jgxXCGOE8MV4jgxXCGOE8MV4jgxXCGOE8MV4jgxXCGOE8MV4jgxXCGOE8MV4jgxXCGOE8MV4jgxXCGOE8MV4jgxXCGOE8MV4jgxXCGOE8MV4jgxXCGOE8MV4jgd84lP/H/ZGy/aiA/0bQAAAABJRU5ErkJggg==';
1119
1119
 
@@ -1498,7 +1498,7 @@ var APITable = React.forwardRef(function (_ref, ref) {
1498
1498
  filters: filters
1499
1499
  });
1500
1500
  };
1501
- return /*#__PURE__*/React__default.createElement(Root$2, null, /*#__PURE__*/React__default.createElement(PaperContainer, props, /*#__PURE__*/React__default.createElement(HeaderContent, null, props.tableHeaderContent), /*#__PURE__*/React__default.createElement(TableStyledContainer, _extends({
1501
+ return /*#__PURE__*/React__default.createElement(Root$1, null, /*#__PURE__*/React__default.createElement(PaperContainer, props, /*#__PURE__*/React__default.createElement(HeaderContent, null, props.tableHeaderContent), /*#__PURE__*/React__default.createElement(TableStyledContainer, _extends({
1502
1502
  sx: {
1503
1503
  maxHeight: 700
1504
1504
  }
@@ -1535,7 +1535,7 @@ var APITable = React.forwardRef(function (_ref, ref) {
1535
1535
  onRowsPerPageChange: handleChangeRowsPerPage
1536
1536
  }, props))));
1537
1537
  });
1538
- var Root$2 = styled__default(material.Stack)(_templateObject$7 || (_templateObject$7 = _taggedTemplateLiteralLoose(["\n background-color: ", " !important;\n border-radius: 14px !important;\n margin: 1.2rem 0;\n box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px;\n"])), function (props) {
1538
+ var Root$1 = styled__default(material.Stack)(_templateObject$7 || (_templateObject$7 = _taggedTemplateLiteralLoose(["\n background-color: ", " !important;\n border-radius: 14px !important;\n margin: 1.2rem 0;\n box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px;\n"])), function (props) {
1539
1539
  return props.secondaryColor;
1540
1540
  });
1541
1541
  var PaperContainer = styled__default(material.Paper)(_templateObject2$2 || (_templateObject2$2 = _taggedTemplateLiteralLoose(["\n background-color: ", " !important;\n color: ", " !important;\n border-radius: 14px !important;\n padding: 1rem;\n box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px;\n"])), function (props) {
@@ -1588,7 +1588,7 @@ var DateRangePicker = function DateRangePicker(_ref) {
1588
1588
  setEndDate(null);
1589
1589
  }
1590
1590
  };
1591
- return /*#__PURE__*/React__default.createElement(Root$3, null, /*#__PURE__*/React__default.createElement(material.Grid, {
1591
+ return /*#__PURE__*/React__default.createElement(Root$2, null, /*#__PURE__*/React__default.createElement(material.Grid, {
1592
1592
  container: true,
1593
1593
  justifyContent: "space-between",
1594
1594
  alignItems: "center"
@@ -1627,7 +1627,7 @@ var DateRangePicker = function DateRangePicker(_ref) {
1627
1627
  }
1628
1628
  }, "Apply"))));
1629
1629
  };
1630
- var Root$3 = styled__default.div(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteralLoose([""])));
1630
+ var Root$2 = styled__default.div(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteralLoose([""])));
1631
1631
  var DatePickerContainer = styled__default(DesktopDatePicker.DesktopDatePicker)(_templateObject2$3 || (_templateObject2$3 = _taggedTemplateLiteralLoose(["\n margin: 0.4rem 0 !important;\n // margin-right: ", ";\n .MuiFormLabel-root,\n svg,\n input {\n color: ", " !important;\n }\n fieldset {\n border-color: ", " !important;\n }\n input {\n padding: 8px;\n }\n .MuiFormLabel-root.MuiInputLabel-shrink {\n top: 0;\n }\n .MuiFormLabel-root {\n top: -7px;\n }\n"])), function (props) {
1632
1632
  return props.marginRight && '4px !important';
1633
1633
  }, function (props) {
@@ -2730,7 +2730,7 @@ var Dashboard = function Dashboard(_ref) {
2730
2730
  }, /*#__PURE__*/React__default.createElement(material.Grid, {
2731
2731
  item: true,
2732
2732
  xs: true
2733
- }, /*#__PURE__*/React__default.createElement(Root$4, {
2733
+ }, /*#__PURE__*/React__default.createElement(Root$3, {
2734
2734
  backgroundColor: backgroundColor
2735
2735
  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(TitleContainer, {
2736
2736
  fontColor: fontColor,
@@ -3027,7 +3027,7 @@ var Dashboard = function Dashboard(_ref) {
3027
3027
  }
3028
3028
  }))))))))));
3029
3029
  };
3030
- var Root$4 = styled__default.div(_templateObject$d || (_templateObject$d = _taggedTemplateLiteralLoose([""])));
3030
+ var Root$3 = styled__default.div(_templateObject$d || (_templateObject$d = _taggedTemplateLiteralLoose([""])));
3031
3031
  var TitleContainer = styled__default.h4(_templateObject2$6 || (_templateObject2$6 = _taggedTemplateLiteralLoose(["\n span {\n color: ", ";\n font-size: 2.7rem;\n font-weight: 500;\n }\n b {\n color: ", ";\n font-size: 2.7rem;\n }\n"])), function (props) {
3032
3032
  return props.fontColor;
3033
3033
  }, function (props) {
@@ -3801,7 +3801,7 @@ var Statement = function Statement(_ref) {
3801
3801
  return Promise.reject(e);
3802
3802
  }
3803
3803
  };
3804
- return /*#__PURE__*/React__default.createElement(Root$5, {
3804
+ return /*#__PURE__*/React__default.createElement(Root$4, {
3805
3805
  backgroundColor: backgroundColor
3806
3806
  }, /*#__PURE__*/React__default.createElement(TableContainer$1, null, !lodash.isEmpty(customerData) && /*#__PURE__*/React__default.createElement(APITable, {
3807
3807
  cacheFilters: true,
@@ -3875,7 +3875,7 @@ var Statement = function Statement(_ref) {
3875
3875
  fontColor: fontColor
3876
3876
  })));
3877
3877
  };
3878
- var Root$5 = styled__default.div(_templateObject$h || (_templateObject$h = _taggedTemplateLiteralLoose([""])));
3878
+ var Root$4 = styled__default.div(_templateObject$h || (_templateObject$h = _taggedTemplateLiteralLoose([""])));
3879
3879
  var TypographyContainer$4 = styled__default(material.Typography)(_templateObject2$9 || (_templateObject2$9 = _taggedTemplateLiteralLoose(["\n color: ", ";\n display: flex;\n align-items: center;\n"])), function (props) {
3880
3880
  return props.fontColor;
3881
3881
  });
@@ -4667,7 +4667,7 @@ var AccountDetails = function AccountDetails(_ref) {
4667
4667
  };
4668
4668
  return /*#__PURE__*/React__default.createElement(styled.ThemeProvider, {
4669
4669
  theme: colors
4670
- }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(material.CssBaseline, null), /*#__PURE__*/React__default.createElement(Root$6, null, /*#__PURE__*/React__default.createElement(MainContainer, {
4670
+ }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(material.CssBaseline, null), /*#__PURE__*/React__default.createElement(Root$5, null, /*#__PURE__*/React__default.createElement(MainContainer, {
4671
4671
  backgroundColor: colors.backgroundColor,
4672
4672
  open: open
4673
4673
  }, /*#__PURE__*/React__default.createElement(ContainerDrawer, {
@@ -4752,7 +4752,7 @@ var AccountDetails = function AccountDetails(_ref) {
4752
4752
  skeleton: true
4753
4753
  }, apiEndPoint && token && renderListItemComponent(tabValue))))))));
4754
4754
  };
4755
- var Root$6 = styled__default(material.Box)(_templateObject$n || (_templateObject$n = _taggedTemplateLiteralLoose(["\n // background-image: url(", ");\n // background-position: center;\n // background-repeat: no-repeat;\n // background-size: cover;\n padding: 1.4rem;\n background-color: ", ";\n"])), function (props) {
4755
+ var Root$5 = styled__default(material.Box)(_templateObject$n || (_templateObject$n = _taggedTemplateLiteralLoose(["\n // background-image: url(", ");\n // background-position: center;\n // background-repeat: no-repeat;\n // background-size: cover;\n padding: 1.4rem;\n background-color: ", ";\n"])), function (props) {
4756
4756
  var _props$theme;
4757
4757
  return (_props$theme = props.theme) === null || _props$theme === void 0 ? void 0 : _props$theme.backgroundImage;
4758
4758
  }, function (props) {
@@ -4803,11 +4803,12 @@ var TypographyContainer$7 = styled__default(material.Typography)(_templateObject
4803
4803
  return props.fontColor;
4804
4804
  });
4805
4805
 
4806
- var _templateObject$o, _templateObject2$e, _templateObject3$9;
4806
+ var _templateObject$o, _templateObject2$e, _templateObject3$9, _templateObject4$6, _templateObject5$4;
4807
4807
  var LandingCarousel = function LandingCarousel(_ref) {
4808
- var _brandData;
4808
+ var _brandData2;
4809
4809
  var brandList = _ref.brandList,
4810
- noImgUrl = _ref.noImgUrl;
4810
+ noImgUrl = _ref.noImgUrl,
4811
+ isSlider = _ref.isSlider;
4811
4812
  var brandListData = (brandList === null || brandList === void 0 ? void 0 : brandList.content) || [];
4812
4813
  var spaceBetweenCol = 4;
4813
4814
  var brandData = function brandData() {
@@ -4850,7 +4851,32 @@ var LandingCarousel = function LandingCarousel(_ref) {
4850
4851
  }]
4851
4852
  };
4852
4853
  };
4853
- return /*#__PURE__*/React__default.createElement(Root, null, /*#__PURE__*/React__default.createElement("link", {
4854
+ if (!isSlider) {
4855
+ var _brandData;
4856
+ return /*#__PURE__*/React__default.createElement(Root$6, null, /*#__PURE__*/React__default.createElement(material.Grid, {
4857
+ container: true,
4858
+ spacing: 1
4859
+ }, (_brandData = brandData()) === null || _brandData === void 0 ? void 0 : _brandData.map(function (item, i) {
4860
+ var _item$brandAttachment, _item$brandAttachment2;
4861
+ var brand = item === null || item === void 0 ? void 0 : (_item$brandAttachment = item.brandAttachmentMap) === null || _item$brandAttachment === void 0 ? void 0 : (_item$brandAttachment2 = _item$brandAttachment['Brand Logo']) === null || _item$brandAttachment2 === void 0 ? void 0 : _item$brandAttachment2[0];
4862
+ return /*#__PURE__*/React__default.createElement(material.Grid, {
4863
+ item: true,
4864
+ key: i
4865
+ }, /*#__PURE__*/React__default.createElement(SliderItem, null, /*#__PURE__*/React__default.createElement("a", {
4866
+ href: (brand === null || brand === void 0 ? void 0 : brand.redirectPath) || ''
4867
+ }, isVideo(brand === null || brand === void 0 ? void 0 : brand.url) ? /*#__PURE__*/React__default.createElement(Video, {
4868
+ src: brand === null || brand === void 0 ? void 0 : brand.url,
4869
+ loop: true,
4870
+ autoPlay: true,
4871
+ muted: true,
4872
+ playsInline: true
4873
+ }) : /*#__PURE__*/React__default.createElement(Image, {
4874
+ src: brand !== null && brand !== void 0 && brand.url && (brand === null || brand === void 0 ? void 0 : brand.url) !== 'null' ? brand === null || brand === void 0 ? void 0 : brand.url : noImgUrl || noImgAvailable$1,
4875
+ alt: "image"
4876
+ }))));
4877
+ })));
4878
+ }
4879
+ return /*#__PURE__*/React__default.createElement(Root$6, null, /*#__PURE__*/React__default.createElement("link", {
4854
4880
  rel: "stylesheet",
4855
4881
  type: "text/css",
4856
4882
  charset: "UTF-8",
@@ -4861,12 +4887,10 @@ var LandingCarousel = function LandingCarousel(_ref) {
4861
4887
  href: "https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick-theme.min.css"
4862
4888
  }), /*#__PURE__*/React__default.createElement(ReactSlick, _extends({}, settings(), {
4863
4889
  spaceBetweenCol: spaceBetweenCol
4864
- }), (_brandData = brandData()) === null || _brandData === void 0 ? void 0 : _brandData.map(function (item, i) {
4865
- var _item$brandAttachment, _item$brandAttachment2;
4866
- var brand = item === null || item === void 0 ? void 0 : (_item$brandAttachment = item.brandAttachmentMap) === null || _item$brandAttachment === void 0 ? void 0 : (_item$brandAttachment2 = _item$brandAttachment['Brand Logo']) === null || _item$brandAttachment2 === void 0 ? void 0 : _item$brandAttachment2[0];
4867
- return /*#__PURE__*/React__default.createElement("div", {
4868
- className: "slideItem"
4869
- }, /*#__PURE__*/React__default.createElement("a", {
4890
+ }), (_brandData2 = brandData()) === null || _brandData2 === void 0 ? void 0 : _brandData2.map(function (item, i) {
4891
+ var _item$brandAttachment3, _item$brandAttachment4;
4892
+ var brand = item === null || item === void 0 ? void 0 : (_item$brandAttachment3 = item.brandAttachmentMap) === null || _item$brandAttachment3 === void 0 ? void 0 : (_item$brandAttachment4 = _item$brandAttachment3['Brand Logo']) === null || _item$brandAttachment4 === void 0 ? void 0 : _item$brandAttachment4[0];
4893
+ return /*#__PURE__*/React__default.createElement(SliderItem, null, /*#__PURE__*/React__default.createElement("a", {
4870
4894
  href: (brand === null || brand === void 0 ? void 0 : brand.redirectPath) || ''
4871
4895
  }, isVideo(brand === null || brand === void 0 ? void 0 : brand.url) ? /*#__PURE__*/React__default.createElement(Video, {
4872
4896
  src: brand === null || brand === void 0 ? void 0 : brand.url,
@@ -4882,9 +4906,11 @@ var LandingCarousel = function LandingCarousel(_ref) {
4882
4906
  };
4883
4907
  var Image = styled__default.img(_templateObject$o || (_templateObject$o = _taggedTemplateLiteralLoose(["\n width: 100%;\n transition: all 0.5s;\n height: 100%;\n min-height: 100px;\n object-fit: contain;\n object-position: center;\n &:hover {\n transform: scale(1.05);\n }\n"])));
4884
4908
  var Video = styled__default.video(_templateObject2$e || (_templateObject2$e = _taggedTemplateLiteralLoose(["\n width: 100%;\n transition: all 0.5s;\n height: 100%;\n min-height: 100px;\n object-fit: cover;\n object-position: center;\n &:hover {\n transform: scale(1.05);\n }\n"])));
4885
- var ReactSlick = styled__default(Slider)(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteralLoose(["\n height: 100%;\n .slick-track {\n height: 100%;\n }\n .slick-slide {\n height: 100%;\n div:first-child {\n height: 100%;\n }\n }\n .slick-list {\n height: 100%;\n margin: 0 -", "px;\n }\n .slideItem {\n height: 100%;\n padding: 0 ", "px;\n overflow: hidden;\n }\n line-height: 0;\n .slick-dots {\n bottom: 0;\n li {\n margin: 0;\n button:before {\n color: #ffffff !important;\n font-size: 10px;\n }\n }\n }\n .slick-prev,\n .slick-next {\n color: #464646;\n z-index: 1;\n width: 26px;\n height: 26px;\n }\n .slick-prev {\n left: 12px;\n }\n .slick-next {\n right: 12px;\n }\n"])), function (props) {
4909
+ var Root$6 = styled__default.div(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteralLoose(["\n height: 100%;\n"])));
4910
+ var ReactSlick = styled__default(Slider)(_templateObject4$6 || (_templateObject4$6 = _taggedTemplateLiteralLoose(["\n height: 100%;\n .slick-track {\n height: 100%;\n }\n .slick-slide {\n height: 100%;\n div:first-child {\n height: 100%;\n }\n }\n .slick-list {\n height: 100%;\n margin: 0 -", "px;\n }\n\n line-height: 0;\n .slick-dots {\n bottom: 0;\n li {\n margin: 0;\n button:before {\n color: #ffffff !important;\n font-size: 10px;\n }\n }\n }\n .slick-prev,\n .slick-next {\n color: #464646;\n z-index: 1;\n width: 26px;\n height: 26px;\n }\n .slick-prev {\n left: 12px;\n }\n .slick-next {\n right: 12px;\n }\n"])), function (props) {
4886
4911
  return props === null || props === void 0 ? void 0 : props.spaceBetweenCol;
4887
- }, function (props) {
4912
+ });
4913
+ var SliderItem = styled__default.div(_templateObject5$4 || (_templateObject5$4 = _taggedTemplateLiteralLoose(["\n max-width: 150px;\n height: 100%;\n padding: 0 ", "px;\n overflow: hidden;\n"])), function (props) {
4888
4914
  return props === null || props === void 0 ? void 0 : props.spaceBetweenCol;
4889
4915
  });
4890
4916
 
@@ -4898,6 +4924,8 @@ var BrandList = function BrandList(_ref) {
4898
4924
  } : _ref$colors,
4899
4925
  _ref$size = _ref.size,
4900
4926
  size = _ref$size === void 0 ? 20 : _ref$size,
4927
+ _ref$isSlider = _ref.isSlider,
4928
+ isSlider = _ref$isSlider === void 0 ? true : _ref$isSlider,
4901
4929
  noImgUrl = _ref.noImgUrl;
4902
4930
  var _useState = React.useState(false),
4903
4931
  loading = _useState[0],
@@ -4930,7 +4958,8 @@ var BrandList = function BrandList(_ref) {
4930
4958
  theme: colors
4931
4959
  }, /*#__PURE__*/React__default.createElement(Root$7, null, /*#__PURE__*/React__default.createElement(material.CssBaseline, null), /*#__PURE__*/React__default.createElement(MainContainer$1, null, loading ? /*#__PURE__*/React__default.createElement(Loader, null) : /*#__PURE__*/React__default.createElement(LandingCarousel, {
4932
4960
  brandList: brandList,
4933
- noImgUrl: noImgUrl
4961
+ noImgUrl: noImgUrl,
4962
+ isSlider: isSlider
4934
4963
  }))));
4935
4964
  };
4936
4965
  var Root$7 = styled__default.div(_templateObject$p || (_templateObject$p = _taggedTemplateLiteralLoose([""])));
@@ -5013,7 +5042,7 @@ var AsyncDataLoad = function AsyncDataLoad(_ref) {
5013
5042
  };
5014
5043
  var AsyncDataLoadComponent = React.memo(AsyncDataLoad);
5015
5044
 
5016
- var _templateObject$q, _templateObject2$g, _templateObject3$a, _templateObject4$6, _templateObject5$4, _templateObject6$3, _templateObject7$2, _templateObject8$2, _templateObject9$2;
5045
+ var _templateObject$q, _templateObject2$g, _templateObject3$a, _templateObject4$7, _templateObject5$5, _templateObject6$3, _templateObject7$2, _templateObject8$2, _templateObject9$2;
5017
5046
  var BrandStock = function BrandStock(_ref) {
5018
5047
  var _Object$keys, _Object$keys2, _data$brands;
5019
5048
  var storeData = _ref.storeData,
@@ -5166,8 +5195,8 @@ var BrandStock = function BrandStock(_ref) {
5166
5195
  var Root$8 = styled__default.div(_templateObject$q || (_templateObject$q = _taggedTemplateLiteralLoose(["\n padding: 1rem;\n"])));
5167
5196
  var TitleContainer$1 = styled__default.div(_templateObject2$g || (_templateObject2$g = _taggedTemplateLiteralLoose(["\n padding: 0 1rem;\n display: flex;\n justify-content: space-between;\n"])));
5168
5197
  var MainContainer$2 = styled__default.div(_templateObject3$a || (_templateObject3$a = _taggedTemplateLiteralLoose(["\n max-width: 600px;\n margin: auto;\n .logo {\n display: flex;\n }\n .logoImage {\n max-width: min(400px, 100%);\n max-height: 200px;\n margin: auto;\n }\n"])));
5169
- var DetailsContainer = styled__default.div(_templateObject4$6 || (_templateObject4$6 = _taggedTemplateLiteralLoose(["\n margin: 1.2rem 0;\n text-align: center;\n p {\n font-size: 16px;\n font-weight: 500;\n }\n span {\n font-size: 15px;\n }\n .lineContainer {\n display: flex;\n justify-content: center;\n align-items: center;\n margin: 0.5rem 0;\n span {\n margin-right: 6px;\n }\n }\n"])));
5170
- var BrandContainer = styled__default.div(_templateObject5$4 || (_templateObject5$4 = _taggedTemplateLiteralLoose(["\n .brandImage {\n max-width: 100%;\n margin: 1rem auto;\n }\n"])));
5198
+ var DetailsContainer = styled__default.div(_templateObject4$7 || (_templateObject4$7 = _taggedTemplateLiteralLoose(["\n margin: 1.2rem 0;\n text-align: center;\n p {\n font-size: 16px;\n font-weight: 500;\n }\n span {\n font-size: 15px;\n }\n .lineContainer {\n display: flex;\n justify-content: center;\n align-items: center;\n margin: 0.5rem 0;\n span {\n margin-right: 6px;\n }\n }\n"])));
5199
+ var BrandContainer = styled__default.div(_templateObject5$5 || (_templateObject5$5 = _taggedTemplateLiteralLoose(["\n .brandImage {\n max-width: 100%;\n margin: 1rem auto;\n }\n"])));
5171
5200
  var ReturnPolicyContainer = styled__default.div(_templateObject6$3 || (_templateObject6$3 = _taggedTemplateLiteralLoose(["\n h2 {\n text-align: center;\n }\n margin: 1rem 0;\n p {\n font-size: 16px;\n }\n"])));
5172
5201
  var TablePaperContainer = styled__default(TableContainer$2)(_templateObject7$2 || (_templateObject7$2 = _taggedTemplateLiteralLoose(["\n background-color: transparent;\n"])));
5173
5202
  var TableRowContainer$1 = styled__default(TableRow)(_templateObject8$2 || (_templateObject8$2 = _taggedTemplateLiteralLoose(["\n && {\n background: ", ";\n &:last-child td,\n &:last-child th {\n border: 0;\n }\n }\n"])), function (props) {
@@ -5177,7 +5206,7 @@ var TableCellContainer$1 = styled__default(TableCell)(_templateObject9$2 || (_te
5177
5206
  return props.availableQuantity ? props.stockCol && 'green' : '#ffffff';
5178
5207
  });
5179
5208
 
5180
- var _templateObject$r, _templateObject2$h, _templateObject3$b, _templateObject4$7, _templateObject5$5, _templateObject6$4, _templateObject7$3;
5209
+ var _templateObject$r, _templateObject2$h, _templateObject3$b, _templateObject4$8, _templateObject5$6, _templateObject6$4, _templateObject7$3;
5181
5210
  var CartDrawerContainer = styled__default.div(_templateObject$r || (_templateObject$r = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-width: ", ";\n height: 100%;\n /* padding: 1em;\n padding-top: 0rem; */\n position: relative;\n /* min-width: 100%; */\n min-height: 100vh;\n max-height: 100vh;\n overflow-y: auto;\n\n display: flex;\n flex-direction: column;\n /* border: 1px solid; */\n"])), function (props) {
5182
5211
  return props.maxWidth || '650px';
5183
5212
  });
@@ -5185,8 +5214,8 @@ var CartDrawerBar = styled__default.div(_templateObject2$h || (_templateObject2$
5185
5214
  var CartDrawerProductContainer = styled__default.div(_templateObject3$b || (_templateObject3$b = _taggedTemplateLiteralLoose(["\n width: 100%;\n height: max-content;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n position: relative;\n /* height: 900px; */\n padding: 1rem;\n min-height: 74vh;\n opacity: ", ";\n @media only screen and (max-width: 748px) {\n min-height: 75vh;\n }\n /* background-color: red; */\n"])), function (props) {
5186
5215
  return props.opacity;
5187
5216
  });
5188
- var CartDrawerBottomSection = styled__default.div(_templateObject4$7 || (_templateObject4$7 = _taggedTemplateLiteralLoose(["\n width: 100%;\n /* height: 8rem; */\n background-color: white;\n box-shadow: 3px -2px 10px #b1b1b1;\n display: flex;\n flex-direction: column;\n // min-height: 7rem;\n position: sticky;\n bottom: 0;\n margin-top: auto;\n /* padding-bottom: 0.5rem; */\n\n /* left: 0; */\n align-items: center;\n .row {\n width: 100%;\n padding: 0rem 1rem;\n padding-top: 1rem;\n /* padding-left: 1rem; */\n h5 {\n font-weight: bold;\n font-size: 1.1rem;\n span {\n font-weight: 400;\n padding-left: 0.5rem;\n }\n }\n }\n @media only screen and (max-width: 340px) {\n min-height: 6rem;\n .row h5 {\n font-size: 0.8rem;\n }\n }\n"])));
5189
- var CartDrawerOutlinedButton = styled__default.button(_templateObject5$5 || (_templateObject5$5 = _taggedTemplateLiteralLoose(["\n width: 90%;\n height: 3.55rem;\n border: 2px solid;\n border-radius: 1rem;\n display: grid;\n place-items: center;\n font-weight: 500;\n font-size: 1rem;\n transition: 0.5s;\n outline: none;\n text-transform: capitalize;\n border-color: ", ";\n color: ", ";\n text-transform: capitalize;\n margin: 0.6rem 0;\n cursor: pointer;\n background: white;\n &:hover,\n &:focus {\n opacity: 0.8;\n letter-spacing: 1px;\n outline: none;\n }\n @media only screen and (max-width: 640px) {\n height: 2.9rem;\n }\n @media only screen and (max-width: 340px) {\n height: 2.2rem;\n margin: 0.3rem 0;\n }\n"])), function (props) {
5217
+ var CartDrawerBottomSection = styled__default.div(_templateObject4$8 || (_templateObject4$8 = _taggedTemplateLiteralLoose(["\n width: 100%;\n /* height: 8rem; */\n background-color: white;\n box-shadow: 3px -2px 10px #b1b1b1;\n display: flex;\n flex-direction: column;\n // min-height: 7rem;\n position: sticky;\n bottom: 0;\n margin-top: auto;\n /* padding-bottom: 0.5rem; */\n\n /* left: 0; */\n align-items: center;\n .row {\n width: 100%;\n padding: 0rem 1rem;\n padding-top: 1rem;\n /* padding-left: 1rem; */\n h5 {\n font-weight: bold;\n font-size: 1.1rem;\n span {\n font-weight: 400;\n padding-left: 0.5rem;\n }\n }\n }\n @media only screen and (max-width: 340px) {\n min-height: 6rem;\n .row h5 {\n font-size: 0.8rem;\n }\n }\n"])));
5218
+ var CartDrawerOutlinedButton = styled__default.button(_templateObject5$6 || (_templateObject5$6 = _taggedTemplateLiteralLoose(["\n width: 90%;\n height: 3.55rem;\n border: 2px solid;\n border-radius: 1rem;\n display: grid;\n place-items: center;\n font-weight: 500;\n font-size: 1rem;\n transition: 0.5s;\n outline: none;\n text-transform: capitalize;\n border-color: ", ";\n color: ", ";\n text-transform: capitalize;\n margin: 0.6rem 0;\n cursor: pointer;\n background: white;\n &:hover,\n &:focus {\n opacity: 0.8;\n letter-spacing: 1px;\n outline: none;\n }\n @media only screen and (max-width: 640px) {\n height: 2.9rem;\n }\n @media only screen and (max-width: 340px) {\n height: 2.2rem;\n margin: 0.3rem 0;\n }\n"])), function (props) {
5190
5219
  return props.color || 'black';
5191
5220
  }, function (props) {
5192
5221
  return props.color || 'black';
@@ -5322,7 +5351,7 @@ var CartDrawer = function CartDrawer(_ref) {
5322
5351
  }, "continue to checkout"))));
5323
5352
  };
5324
5353
 
5325
- var _templateObject$t, _templateObject2$j, _templateObject3$d, _templateObject4$8, _templateObject5$6, _templateObject6$5, _templateObject7$4, _templateObject8$3, _templateObject9$3;
5354
+ var _templateObject$t, _templateObject2$j, _templateObject3$d, _templateObject4$9, _templateObject5$7, _templateObject6$5, _templateObject7$4, _templateObject8$3, _templateObject9$3;
5326
5355
  var CartPageSection = styled__default.section(_templateObject$t || (_templateObject$t = _taggedTemplateLiteralLoose(["\n background: ", ";\n max-width: 100%;\n width: fit-content;\n background: ", ";\n overflow: hidden;\n border-radius: 28px;\n\n @media screen and (max-width: 1340px) {\n padding: 0 1em;\n }\n @media screen and (max-width: 640px) {\n padding: 0 1em;\n }\n"])), function (props) {
5327
5356
  return props.bg;
5328
5357
  }, function (props) {
@@ -5344,12 +5373,12 @@ var CartPageContainer = styled__default.div(_templateObject2$j || (_templateObje
5344
5373
  var CardsBox = styled__default.div(_templateObject3$d || (_templateObject3$d = _taggedTemplateLiteralLoose(["\n width: 100%;\n /* min-height: 1000px; */\n position: relative;\n max-width: 860px;\n margin-right: auto;\n padding: 1em 2em;\n display: ", ";\n grid-template-columns: 1fr 1fr;\n flex-direction: column;\n align-items: flex-start;\n grid-gap: 1em;\n justify-content: flex-start;\n align-items: center;\n border-radius: 20px;\n @media only screen and (max-width: 960px) {\n display: flex;\n }\n @media only screen and (max-width: 640px) {\n padding: 1em 0.2em;\n }\n"])), function (props) {
5345
5374
  return props.retail ? 'grid' : 'flex';
5346
5375
  });
5347
- var CartHeading = styled__default.div(_templateObject4$8 || (_templateObject4$8 = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n /* margin-bottom: 2em; */\n margin-left: 2.3em;\n margin-top: 2em;\n\n color: ", ";\n h1 {\n font-weight: 600;\n font-size: 2.0375em;\n text-transform: capitalize;\n color: ", ";\n /* margin-bottom: 1em; */\n }\n p {\n font-size: 0.875em;\n color: inherit;\n margin-top: 0.5em;\n }\n"])), function (props) {
5376
+ var CartHeading = styled__default.div(_templateObject4$9 || (_templateObject4$9 = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n /* margin-bottom: 2em; */\n margin-left: 2.3em;\n margin-top: 2em;\n\n color: ", ";\n h1 {\n font-weight: 600;\n font-size: 2.0375em;\n text-transform: capitalize;\n color: ", ";\n /* margin-bottom: 1em; */\n }\n p {\n font-size: 0.875em;\n color: inherit;\n margin-top: 0.5em;\n }\n"])), function (props) {
5348
5377
  return props.color || 'black';
5349
5378
  }, function (props) {
5350
5379
  return props.h1 || 'inherit';
5351
5380
  });
5352
- var Loader$1 = styled__default.div(_templateObject5$6 || (_templateObject5$6 = _taggedTemplateLiteralLoose(["\n position: absolute;\n top: 40%;\n left: 47%;\n display: grid;\n place-items: center;\n z-index: 3;\n"])));
5381
+ var Loader$1 = styled__default.div(_templateObject5$7 || (_templateObject5$7 = _taggedTemplateLiteralLoose(["\n position: absolute;\n top: 40%;\n left: 47%;\n display: grid;\n place-items: center;\n z-index: 3;\n"])));
5353
5382
  var CartTableCell = styled__default(material.TableCell)(_templateObject6$5 || (_templateObject6$5 = _taggedTemplateLiteralLoose(["\n && {\n padding-bottom: 1em !important;\n // border: none !important;\n /* font-size: 0.75em; */\n font-size: 1em;\n color: rgba(98, 95, 95, 1);\n // background: ", ";\n color: ", ";\n }\n &.bg-transparent {\n // background-color: transparent !important;\n text-transform: uppercase;\n z-index: 3 !important;\n span {\n font-size: 0.75em;\n font-weight: 600;\n }\n svg {\n color: ", ";\n }\n .MuiTableSortLabel-root {\n color: ", "!important;\n }\n }\n"])), function (props) {
5354
5383
  return "" + props.bg;
5355
5384
  }, function (props) {
@@ -6472,7 +6501,7 @@ if (process.env.NODE_ENV !== 'production') {
6472
6501
  }
6473
6502
  });
6474
6503
 
6475
- var _templateObject$u, _templateObject2$k, _templateObject3$e, _templateObject4$9, _templateObject5$7, _templateObject6$6;
6504
+ var _templateObject$u, _templateObject2$k, _templateObject3$e, _templateObject4$a, _templateObject5$8, _templateObject6$6;
6476
6505
  var ProductImage = styled__default.img(_templateObject$u || (_templateObject$u = _taggedTemplateLiteralLoose(["\n min-width: 50px;\n min-height: 50px;\n @media only screen and (max-width: 640px) {\n margin: 0.5em 0;\n padding-right: 0.5em;\n }\n"])));
6477
6506
  var ProductName = styled__default.h6(_templateObject2$k || (_templateObject2$k = _taggedTemplateLiteralLoose(["\n font-size: ", ";\n padding: 0;\n line-height: 1.3em;\n max-height: ", ";\n height: ", ";\n overflow: hidden;\n text-overflow: ellipsis;\n height: fit-content;\n"])), function (props) {
6478
6507
  return props.size || '1em';
@@ -6488,8 +6517,8 @@ var CartTableRow = styled__default(material.TableRow)(_templateObject3$e || (_te
6488
6517
  }, function (prop) {
6489
6518
  return prop.bg;
6490
6519
  });
6491
- var CartTableCell$1 = styled__default(material.TableCell)(_templateObject4$9 || (_templateObject4$9 = _taggedTemplateLiteralLoose(["\n && {\n border: none !important;\n font-size: 1em;\n }\n"])));
6492
- var QuantityBox = styled__default.div(_templateObject5$7 || (_templateObject5$7 = _taggedTemplateLiteralLoose(["\n height: 1.7em;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n div {\n /* width:30px; */\n min-height: 100%;\n aspect-ratio: 1.15/1;\n display: grid;\n place-items: center;\n font-size: 0.65em;\n color: white;\n background-color: #323232;\n cursor: pointer;\n }\n .price {\n background: transparent;\n cursor: auto;\n background: #ffffff;\n border: 1px solid #ebebeb;\n p {\n color: #5e5c5c;\n font-size: 0.685em;\n font-weight: 500;\n }\n }\n .add {\n background-color: #ebebeb;\n color: #323232;\n }\n"])));
6520
+ var CartTableCell$1 = styled__default(material.TableCell)(_templateObject4$a || (_templateObject4$a = _taggedTemplateLiteralLoose(["\n && {\n border: none !important;\n font-size: 1em;\n }\n"])));
6521
+ var QuantityBox = styled__default.div(_templateObject5$8 || (_templateObject5$8 = _taggedTemplateLiteralLoose(["\n height: 1.7em;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n div {\n /* width:30px; */\n min-height: 100%;\n aspect-ratio: 1.15/1;\n display: grid;\n place-items: center;\n font-size: 0.65em;\n color: white;\n background-color: #323232;\n cursor: pointer;\n }\n .price {\n background: transparent;\n cursor: auto;\n background: #ffffff;\n border: 1px solid #ebebeb;\n p {\n color: #5e5c5c;\n font-size: 0.685em;\n font-weight: 500;\n }\n }\n .add {\n background-color: #ebebeb;\n color: #323232;\n }\n"])));
6493
6522
  var DeleteBtn = styled__default.div(_templateObject6$6 || (_templateObject6$6 = _taggedTemplateLiteralLoose(["\n display: grid;\n place-items: center;\n cursor: pointer;\n border-radius: 50%;\n width: 20px;\n height: 20px;\n background: #eef1f4;\n color: #393f48;\n font-size: 0.75em;\n transition: 0.4s;\n &:hover {\n background: red;\n color: white;\n }\n"])));
6494
6523
  var CardRow = function CardRow(_ref) {
6495
6524
  var _styles$price, _styles$Btn, _row$standardPrice, _row$subtotal;
@@ -6841,7 +6870,7 @@ function EnhancedTable(_ref) {
6841
6870
  }, "remove selected"), /*#__PURE__*/React.createElement("button", null, "updated cart")));
6842
6871
  }
6843
6872
 
6844
- var _templateObject$v, _templateObject2$l, _templateObject3$f, _templateObject4$a, _templateObject5$8, _templateObject6$7, _templateObject7$5;
6873
+ var _templateObject$v, _templateObject2$l, _templateObject3$f, _templateObject4$b, _templateObject5$9, _templateObject6$7, _templateObject7$5;
6845
6874
  var CartPageCard = styled__default.div(_templateObject$v || (_templateObject$v = _taggedTemplateLiteralLoose(["\n width: min(97%, 485px);\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n padding: 1em;\n background: #ffffff;\n box-shadow: 0px 20px 35px rgba(0, 0, 0, 0.05);\n border-radius: 20px;\n position: relative;\n"])));
6846
6875
  var CartPageImg = styled__default.img(_templateObject2$l || (_templateObject2$l = _taggedTemplateLiteralLoose(["\n /* width: 95px; */\n width: ", ";\n height: ", ";\n position: relative;\n margin-right: 1em;\n"])), function (props) {
6847
6876
  return props.width || 'auto';
@@ -6849,8 +6878,8 @@ var CartPageImg = styled__default.img(_templateObject2$l || (_templateObject2$l
6849
6878
  return props.height || '81px';
6850
6879
  });
6851
6880
  var NameAndQtBox = styled__default.div(_templateObject3$f || (_templateObject3$f = _taggedTemplateLiteralLoose(["\n width: 90%;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: space-between;\n position: relative;\n"])));
6852
- var CartPageCardName = styled__default.div(_templateObject4$a || (_templateObject4$a = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n width: 90%;\n overflow: hidden;\n text-overflow: ellipsis;\n margin-bottom: 0.6em;\n h6 {\n color: #323232;\n font-size: 0.9em;\n margin-bottom: 0.6em;\n line-height: 1.3em;\n max-height: 1.4em;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n p {\n font-size: 1.1em;\n color: #c3c6c9;\n }\n"])));
6853
- var QtAndPriceBox = styled__default.div(_templateObject5$8 || (_templateObject5$8 = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n width: 100%;\n .subtotal {\n color: #323232;\n text-transform: capitalize;\n font-weight: bold;\n font-size: 0.85em;\n }\n"])));
6881
+ var CartPageCardName = styled__default.div(_templateObject4$b || (_templateObject4$b = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n width: 90%;\n overflow: hidden;\n text-overflow: ellipsis;\n margin-bottom: 0.6em;\n h6 {\n color: #323232;\n font-size: 0.9em;\n margin-bottom: 0.6em;\n line-height: 1.3em;\n max-height: 1.4em;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n p {\n font-size: 1.1em;\n color: #c3c6c9;\n }\n"])));
6882
+ var QtAndPriceBox = styled__default.div(_templateObject5$9 || (_templateObject5$9 = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n width: 100%;\n .subtotal {\n color: #323232;\n text-transform: capitalize;\n font-weight: bold;\n font-size: 0.85em;\n }\n"])));
6854
6883
  var CartPageQtBox = styled__default.div(_templateObject6$7 || (_templateObject6$7 = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n max-width: 80px;\n min-width: 80px;\n height: 22px;\n .icon {\n width: 20.5px;\n height: 20.5px;\n display: grid;\n place-items: center;\n font-size: 10px;\n background: #eef1f4;\n cursor: pointer;\n }\n .qt {\n font-size: 18px;\n font-weight: 500;\n display: grid;\n place-items: center;\n color: #c3c6c9;\n }\n"])));
6855
6884
  var CloseBtn = styled__default.div(_templateObject7$5 || (_templateObject7$5 = _taggedTemplateLiteralLoose(["\n width: 25px;\n height: 25px;\n display: grid;\n place-items: center;\n position: absolute;\n top: 1em;\n right: 1em;\n cursor: pointer;\n border-radius: 50%;\n background: #eef1f4;\n font-size: 12px;\n"])));
6856
6885
 
@@ -6926,7 +6955,7 @@ var CartPageMainRetail = function CartPageMainRetail(_ref) {
6926
6955
  })));
6927
6956
  };
6928
6957
 
6929
- var _templateObject$w, _templateObject2$m, _templateObject3$g, _templateObject4$b, _templateObject5$9, _templateObject6$8, _templateObject7$6, _templateObject8$4;
6958
+ var _templateObject$w, _templateObject2$m, _templateObject3$g, _templateObject4$c, _templateObject5$a, _templateObject6$8, _templateObject7$6, _templateObject8$4;
6930
6959
  var CartSummaryContainer = styled__default.div(_templateObject$w || (_templateObject$w = _taggedTemplateLiteralLoose(["\n width: 26.375em;\n max-width: ", ";\n display: flex;\n flex-direction: column;\n background: ", ";\n color: ", ";\n border-radius: 20px;\n padding: 2em 3em;\n align-items: center;\n min-height: 580px;\n /* margin-top: 3em; */\n p {\n font-size: 1.189em;\n font-weight: 600;\n align-self: flex-start;\n color: inherit;\n margin: 0;\n padding: 0;\n }\n .continueShopping {\n font-size: 0.75em;\n color: inherit;\n text-transform: capitalize;\n height: 20px;\n border-bottom: 1px solid;\n border-color: ", ";\n cursor: pointer;\n }\n @media only screen and (max-width: 1340px) {\n margin-top: 4em;\n }\n"])), function (props) {
6931
6960
  return props.maxWidth || '26.375em';
6932
6961
  }, function (props) {
@@ -6944,7 +6973,7 @@ var CartSummaryRow = styled__default.div(_templateObject2$m || (_templateObject2
6944
6973
  var CartSummaryHr = styled__default.span(_templateObject3$g || (_templateObject3$g = _taggedTemplateLiteralLoose(["\n border: none;\n width: 100%;\n height: 1px;\n background-color: ", ";\n margin: 1.2em 0;\n"])), function (props) {
6945
6974
  return props.color || 'rgba(255, 255, 255, 0.5)';
6946
6975
  });
6947
- var CartSummaryInputBox = styled__default.form(_templateObject4$b || (_templateObject4$b = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding-bottom: ", ";\n background-color: transparent;\n width: 100%;\n input {\n width: 65%;\n height: 2.44rem;\n padding: 0.2rem 0.8rem;\n\n text-transform: capitalize;\n font-size: 0.89rem;\n border-radius: ", ";\n margin-right: 0.1em;\n\n border: none;\n outline: none;\n background: ", ";\n color: ", ";\n &::placeholder {\n color: ", ";\n }\n }\n button {\n width: 35%;\n height: 2.44rem;\n line-height: 0.8rem;\n background: ", ";\n border-radius: ", ";\n display: grid;\n color: ", ";\n place-items: center;\n border: none;\n outline: none;\n text-transform: uppercase;\n cursor: pointer;\n font-size: 0.75em;\n transition: 0.3s;\n &:hover {\n letter-spacing: 1px;\n background: ", ";\n }\n }\n"])), function (props) {
6976
+ var CartSummaryInputBox = styled__default.form(_templateObject4$c || (_templateObject4$c = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding-bottom: ", ";\n background-color: transparent;\n width: 100%;\n input {\n width: 65%;\n height: 2.44rem;\n padding: 0.2rem 0.8rem;\n\n text-transform: capitalize;\n font-size: 0.89rem;\n border-radius: ", ";\n margin-right: 0.1em;\n\n border: none;\n outline: none;\n background: ", ";\n color: ", ";\n &::placeholder {\n color: ", ";\n }\n }\n button {\n width: 35%;\n height: 2.44rem;\n line-height: 0.8rem;\n background: ", ";\n border-radius: ", ";\n display: grid;\n color: ", ";\n place-items: center;\n border: none;\n outline: none;\n text-transform: uppercase;\n cursor: pointer;\n font-size: 0.75em;\n transition: 0.3s;\n &:hover {\n letter-spacing: 1px;\n background: ", ";\n }\n }\n"])), function (props) {
6948
6977
  return props.paddingBottom ? '0' : '0';
6949
6978
  }, function (props) {
6950
6979
  return props.retail ? '1.19rem' : '0';
@@ -6963,7 +6992,7 @@ var CartSummaryInputBox = styled__default.form(_templateObject4$b || (_templateO
6963
6992
  }, function (props) {
6964
6993
  return props.btn || '#393f48';
6965
6994
  });
6966
- var DiscountCouponContainer = styled__default.div(_templateObject5$9 || (_templateObject5$9 = _taggedTemplateLiteralLoose(["\n padding: 0.6rem 0;\n width: 100%;\n"])));
6995
+ var DiscountCouponContainer = styled__default.div(_templateObject5$a || (_templateObject5$a = _taggedTemplateLiteralLoose(["\n padding: 0.6rem 0;\n width: 100%;\n"])));
6967
6996
  var DiscountCouponCard = styled__default.div(_templateObject6$8 || (_templateObject6$8 = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n padding: 0.3rem;\n svg {\n color: ", ";\n cursor: pointer;\n font-size: 1.4rem;\n }\n"])), function (props) {
6968
6997
  return props.btn || '#393f48';
6969
6998
  });
@@ -7317,7 +7346,7 @@ var Video$1 = styled__default.video(_templateObject$x || (_templateObject$x = _t
7317
7346
  var Image$1 = styled__default.img(_templateObject2$n || (_templateObject2$n = _taggedTemplateLiteralLoose(["\n width: 100%;\n cursor: pointer;\n transition: all 0.5s;\n height: 100%;\n object-fit: cover;\n object-position: center;\n &:hover {\n transform: scale(1.02);\n }\n"])));
7318
7347
  var BannerContainer$1 = styled__default.section(_templateObject3$h || (_templateObject3$h = _taggedTemplateLiteralLoose(["\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n font-size: 0;\n"])));
7319
7348
 
7320
- var _templateObject$y, _templateObject2$o, _templateObject3$i, _templateObject4$c;
7349
+ var _templateObject$y, _templateObject2$o, _templateObject3$i, _templateObject4$d;
7321
7350
  var LandingCarousel$1 = function LandingCarousel(_ref) {
7322
7351
  var _config$spaceBetweenC, _config$colLg, _ref2, _ref3, _config$colSm, _ref4, _config$colMd, _config$colLg2;
7323
7352
  var config = _ref.config,
@@ -7383,7 +7412,7 @@ var LandingCarousel$1 = function LandingCarousel(_ref) {
7383
7412
  var Image$2 = styled__default.img(_templateObject$y || (_templateObject$y = _taggedTemplateLiteralLoose(["\n width: 100%;\n transition: all 0.5s;\n height: 100%;\n object-fit: cover;\n object-position: center;\n &:hover {\n transform: scale(1.05);\n }\n"])));
7384
7413
  var Video$2 = styled__default.video(_templateObject2$o || (_templateObject2$o = _taggedTemplateLiteralLoose(["\n width: 100%;\n transition: all 0.5s;\n height: 100%;\n object-fit: cover;\n object-position: center;\n &:hover {\n transform: scale(1.05);\n }\n"])));
7385
7414
  var Root$9 = styled__default.div(_templateObject3$i || (_templateObject3$i = _taggedTemplateLiteralLoose(["\n height: 100%;\n"])));
7386
- var ReactSlick$1 = styled__default(Slider)(_templateObject4$c || (_templateObject4$c = _taggedTemplateLiteralLoose(["\n height: 100%;\n .slick-track {\n height: 100%;\n }\n .slick-slide {\n height: 100%;\n div:first-child {\n height: 100%;\n }\n }\n .slick-list {\n height: 100%;\n margin: 0 -", "px;\n }\n .slideItem {\n height: 100%;\n padding: 0 ", "px;\n overflow: hidden;\n }\n line-height: 0;\n .slick-dots {\n bottom: 0;\n li {\n margin: 0;\n button:before {\n color: #ffffff !important;\n font-size: 10px;\n }\n }\n }\n .slick-prev,\n .slick-next {\n color: #464646;\n z-index: 1;\n width: 26px;\n height: 26px;\n }\n .slick-prev {\n left: 12px;\n }\n .slick-next {\n right: 12px;\n }\n"])), function (props) {
7415
+ var ReactSlick$1 = styled__default(Slider)(_templateObject4$d || (_templateObject4$d = _taggedTemplateLiteralLoose(["\n height: 100%;\n .slick-track {\n height: 100%;\n }\n .slick-slide {\n height: 100%;\n div:first-child {\n height: 100%;\n }\n }\n .slick-list {\n height: 100%;\n margin: 0 -", "px;\n }\n .slideItem {\n height: 100%;\n padding: 0 ", "px;\n overflow: hidden;\n }\n line-height: 0;\n .slick-dots {\n bottom: 0;\n li {\n margin: 0;\n button:before {\n color: #ffffff !important;\n font-size: 10px;\n }\n }\n }\n .slick-prev,\n .slick-next {\n color: #464646;\n z-index: 1;\n width: 26px;\n height: 26px;\n }\n .slick-prev {\n left: 12px;\n }\n .slick-next {\n right: 12px;\n }\n"])), function (props) {
7387
7416
  return props === null || props === void 0 ? void 0 : props.spaceBetweenCol;
7388
7417
  }, function (props) {
7389
7418
  return props === null || props === void 0 ? void 0 : props.spaceBetweenCol;
@@ -7526,7 +7555,7 @@ var HomeBanner = function HomeBanner(_ref) {
7526
7555
  var Root$a = styled__default.div(_templateObject$z || (_templateObject$z = _taggedTemplateLiteralLoose([""])));
7527
7556
  var MainContainer$3 = styled__default.div(_templateObject2$p || (_templateObject2$p = _taggedTemplateLiteralLoose([""])));
7528
7557
 
7529
- var _templateObject$A, _templateObject2$q, _templateObject3$j, _templateObject4$d, _templateObject5$a, _templateObject6$9;
7558
+ var _templateObject$A, _templateObject2$q, _templateObject3$j, _templateObject4$e, _templateObject5$b, _templateObject6$9;
7530
7559
  var OutOfStock = function OutOfStock(_ref) {
7531
7560
  var _product$body, _product$body$content, _product$body2, _product$body2$conten, _product$masterProduc, _product$header;
7532
7561
  var product = _ref.product,
@@ -7762,8 +7791,8 @@ var MainCheckbox = styled__default(Checkbox)(_templateObject2$q || (_templateObj
7762
7791
  return props.theme.primaryColor;
7763
7792
  });
7764
7793
  var EmailInput = styled__default(InputBase)(_templateObject3$j || (_templateObject3$j = _taggedTemplateLiteralLoose(["\n border: 1px solid #a9a9a9;\n padding: 3px 10px;\n fontsize: 12px;\n width: 100%;\n border-radius: 3px;\n"])));
7765
- var Root$b = styled__default.div(_templateObject4$d || (_templateObject4$d = _taggedTemplateLiteralLoose(["\n width: 100%;\n border: 1px solid #d3d3d3;\n border-radius: 3px;\n box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);\n padding: 10px;\n"])));
7766
- var ContainerDiv = styled__default.div(_templateObject5$a || (_templateObject5$a = _taggedTemplateLiteralLoose(["\n display: flex;\n font-size: 14px;\n height: ", ";\n margin: ", ";\n width: 100%;\n flex-direction: ", ";\n align-items: ", ";\n justify-content: ", ";\n color: #000000de;\n"])), function (props) {
7794
+ var Root$b = styled__default.div(_templateObject4$e || (_templateObject4$e = _taggedTemplateLiteralLoose(["\n width: 100%;\n border: 1px solid #d3d3d3;\n border-radius: 3px;\n box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);\n padding: 10px;\n"])));
7795
+ var ContainerDiv = styled__default.div(_templateObject5$b || (_templateObject5$b = _taggedTemplateLiteralLoose(["\n display: flex;\n font-size: 14px;\n height: ", ";\n margin: ", ";\n width: 100%;\n flex-direction: ", ";\n align-items: ", ";\n justify-content: ", ";\n color: #000000de;\n"])), function (props) {
7767
7796
  return props.height ? props.height : 'auto';
7768
7797
  }, function (props) {
7769
7798
  return props.margin ? props.margin : '0.3rem 0';
@@ -8269,7 +8298,7 @@ var AsyncSelect = function AsyncSelect(_ref3) {
8269
8298
  var _templateObject$C;
8270
8299
  var Container$1 = styled__default.div(_templateObject$C || (_templateObject$C = _taggedTemplateLiteralLoose([""])));
8271
8300
 
8272
- var _templateObject$D, _templateObject2$r, _templateObject3$k, _templateObject4$e, _templateObject5$b, _templateObject6$a;
8301
+ var _templateObject$D, _templateObject2$r, _templateObject3$k, _templateObject4$f, _templateObject5$c, _templateObject6$a;
8273
8302
  var ProductImage$1 = styled__default.img(_templateObject$D || (_templateObject$D = _taggedTemplateLiteralLoose(["\n min-width: 50px;\n min-height: 50px;\n @media only screen and (max-width: 640px) {\n margin: 0.5em 0;\n padding-right: 0.5em;\n }\n"])));
8274
8303
  var ProductName$1 = styled__default.h6(_templateObject2$r || (_templateObject2$r = _taggedTemplateLiteralLoose(["\n font-size: ", ";\n padding: 0;\n line-height: 1.3em;\n max-height: ", ";\n height: ", ";\n overflow: hidden;\n text-overflow: ellipsis;\n height: fit-content;\n"])), function (props) {
8275
8304
  return props.size || '1em';
@@ -8285,8 +8314,8 @@ var CartTableRow$1 = styled__default(material.TableRow)(_templateObject3$k || (_
8285
8314
  }, function (prop) {
8286
8315
  return prop.bg;
8287
8316
  });
8288
- var CartTableCell$2 = styled__default(material.TableCell)(_templateObject4$e || (_templateObject4$e = _taggedTemplateLiteralLoose(["\n && {\n border: none !important;\n font-size: 1em;\n }\n"])));
8289
- var QuantityBox$1 = styled__default.div(_templateObject5$b || (_templateObject5$b = _taggedTemplateLiteralLoose(["\n height: 1.7em;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n div {\n /* width:30px; */\n min-height: 100%;\n aspect-ratio: 1.15/1;\n display: grid;\n place-items: center;\n font-size: 0.65em;\n color: white;\n background-color: #323232;\n cursor: pointer;\n }\n .price {\n background: transparent;\n cursor: auto;\n background: #ffffff;\n border: 1px solid #ebebeb;\n p {\n color: #5e5c5c;\n font-size: 0.685em;\n font-weight: 500;\n }\n }\n .add {\n background-color: #ebebeb;\n color: #323232;\n }\n"])));
8317
+ var CartTableCell$2 = styled__default(material.TableCell)(_templateObject4$f || (_templateObject4$f = _taggedTemplateLiteralLoose(["\n && {\n border: none !important;\n font-size: 1em;\n }\n"])));
8318
+ var QuantityBox$1 = styled__default.div(_templateObject5$c || (_templateObject5$c = _taggedTemplateLiteralLoose(["\n height: 1.7em;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n div {\n /* width:30px; */\n min-height: 100%;\n aspect-ratio: 1.15/1;\n display: grid;\n place-items: center;\n font-size: 0.65em;\n color: white;\n background-color: #323232;\n cursor: pointer;\n }\n .price {\n background: transparent;\n cursor: auto;\n background: #ffffff;\n border: 1px solid #ebebeb;\n p {\n color: #5e5c5c;\n font-size: 0.685em;\n font-weight: 500;\n }\n }\n .add {\n background-color: #ebebeb;\n color: #323232;\n }\n"])));
8290
8319
  var DeleteBtn$1 = styled__default.div(_templateObject6$a || (_templateObject6$a = _taggedTemplateLiteralLoose(["\n display: grid;\n place-items: center;\n cursor: pointer;\n border-radius: 50%;\n width: 20px;\n height: 20px;\n background: #eef1f4;\n color: #393f48;\n font-size: 0.75em;\n transition: 0.4s;\n &:hover {\n background: red;\n color: white;\n }\n"])));
8291
8320
  var CardRow$1 = function CardRow(_ref) {
8292
8321
  var _styles$price, _styles$Btn, _row$standardPrice, _row$subtotal;
@@ -8400,7 +8429,7 @@ var CardRow$1 = function CardRow(_ref) {
8400
8429
  }))));
8401
8430
  };
8402
8431
 
8403
- var _templateObject$E, _templateObject2$s, _templateObject3$l, _templateObject4$f, _templateObject5$c, _templateObject6$b, _templateObject7$7, _templateObject8$5, _templateObject9$4;
8432
+ var _templateObject$E, _templateObject2$s, _templateObject3$l, _templateObject4$g, _templateObject5$d, _templateObject6$b, _templateObject7$7, _templateObject8$5, _templateObject9$4;
8404
8433
  var CartPageSection$1 = styled__default.section(_templateObject$E || (_templateObject$E = _taggedTemplateLiteralLoose(["\n background: ", ";\n max-width: 100%;\n width: fit-content;\n background: ", ";\n overflow: hidden;\n border-radius: 28px;\n\n @media screen and (max-width: 1340px) {\n padding: 0 1em;\n }\n @media screen and (max-width: 640px) {\n padding: 0 1em;\n }\n"])), function (props) {
8405
8434
  return props.bg;
8406
8435
  }, function (props) {
@@ -8422,12 +8451,12 @@ var CartPageContainer$1 = styled__default.div(_templateObject2$s || (_templateOb
8422
8451
  var CardsBox$1 = styled__default.div(_templateObject3$l || (_templateObject3$l = _taggedTemplateLiteralLoose(["\n width: 100%;\n /* min-height: 1000px; */\n position: relative;\n max-width: 860px;\n margin-right: auto;\n padding: 1em 2em;\n display: ", ";\n grid-template-columns: 1fr 1fr;\n flex-direction: column;\n align-items: flex-start;\n grid-gap: 1em;\n justify-content: flex-start;\n align-items: center;\n border-radius: 20px;\n @media only screen and (max-width: 960px) {\n display: flex;\n }\n @media only screen and (max-width: 640px) {\n padding: 1em 0.2em;\n }\n"])), function (props) {
8423
8452
  return props.retail ? 'grid' : 'flex';
8424
8453
  });
8425
- var CartHeading$1 = styled__default.div(_templateObject4$f || (_templateObject4$f = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n /* margin-bottom: 2em; */\n margin-left: 2.3em;\n margin-top: 2em;\n\n color: ", ";\n h1 {\n font-weight: 600;\n font-size: 2.0375em;\n text-transform: capitalize;\n color: ", ";\n /* margin-bottom: 1em; */\n }\n p {\n font-size: 0.875em;\n color: inherit;\n margin-top: 0.5em;\n }\n"])), function (props) {
8454
+ var CartHeading$1 = styled__default.div(_templateObject4$g || (_templateObject4$g = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n /* margin-bottom: 2em; */\n margin-left: 2.3em;\n margin-top: 2em;\n\n color: ", ";\n h1 {\n font-weight: 600;\n font-size: 2.0375em;\n text-transform: capitalize;\n color: ", ";\n /* margin-bottom: 1em; */\n }\n p {\n font-size: 0.875em;\n color: inherit;\n margin-top: 0.5em;\n }\n"])), function (props) {
8426
8455
  return props.color || 'black';
8427
8456
  }, function (props) {
8428
8457
  return props.h1 || 'inherit';
8429
8458
  });
8430
- var Loader$2 = styled__default.div(_templateObject5$c || (_templateObject5$c = _taggedTemplateLiteralLoose(["\n position: absolute;\n top: 40%;\n left: 47%;\n display: grid;\n place-items: center;\n z-index: 3;\n"])));
8459
+ var Loader$2 = styled__default.div(_templateObject5$d || (_templateObject5$d = _taggedTemplateLiteralLoose(["\n position: absolute;\n top: 40%;\n left: 47%;\n display: grid;\n place-items: center;\n z-index: 3;\n"])));
8431
8460
  var CartTableCell$3 = styled__default(material.TableCell)(_templateObject6$b || (_templateObject6$b = _taggedTemplateLiteralLoose(["\n && {\n padding-bottom: 1em !important;\n // border: none !important;\n /* font-size: 0.75em; */\n font-size: 1em;\n color: rgba(98, 95, 95, 1);\n // background: ", ";\n color: ", ";\n }\n &.bg-transparent {\n // background-color: transparent !important;\n text-transform: uppercase;\n span {\n font-size: 0.75em;\n font-weight: 600;\n }\n svg {\n color: ", ";\n }\n .MuiTableSortLabel-root {\n color: ", "!important;\n }\n }\n"])), function (props) {
8432
8461
  return "" + props.bg;
8433
8462
  }, function (props) {
@@ -9129,7 +9158,7 @@ var StyledButton = styled__default.button(_templateObject2$u || (_templateObject
9129
9158
  return props.theme.primaryColor;
9130
9159
  });
9131
9160
 
9132
- var _templateObject$J, _templateObject2$v, _templateObject3$m, _templateObject4$g, _templateObject5$d, _templateObject6$c, _templateObject7$8, _templateObject8$6;
9161
+ var _templateObject$J, _templateObject2$v, _templateObject3$m, _templateObject4$h, _templateObject5$e, _templateObject6$c, _templateObject7$8, _templateObject8$6;
9133
9162
  var CheckoutRootContainer = styled__default.div(_templateObject$J || (_templateObject$J = _taggedTemplateLiteralLoose(["\n width: 100%;\n padding: 4rem;\n background-color: ", ";\n font-size: 16px;\n\n div,\n button,\n span {\n font-size: 16px;\n }\n @media only screen and (max-width: 1620px) {\n padding: 3em 0.5em;\n }\n @media screen and (max-width: 840px) {\n div,\n button,\n span {\n font-size: 12px;\n }\n padding: 2rem 0.5rem;\n }\n"])), function (props) {
9134
9163
  return props.bg;
9135
9164
  });
@@ -9141,8 +9170,8 @@ var CheckoutPageContainer = styled__default.div(_templateObject2$v || (_template
9141
9170
  return props.primaryColor || 'rgba(50, 50, 50, 1)';
9142
9171
  });
9143
9172
  var Row = styled__default.div(_templateObject3$m || (_templateObject3$m = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n"])));
9144
- var CheckoutMainWithHeader = styled__default(material.Stack)(_templateObject4$g || (_templateObject4$g = _taggedTemplateLiteralLoose([""])));
9145
- var CheckoutMain = styled__default.div(_templateObject5$d || (_templateObject5$d = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-width: 1008px;\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n margin-right: 2em;\n max-height: 65vh;\n padding-right: 2em;\n overflow-y: auto;\n position: relative;\n padding-top: 2em;\n padding-bottom: 3em;\n /* width */\n ::-webkit-scrollbar {\n width: 10px;\n background: ", ";\n border-radius: 16px;\n }\n\n /* Track */\n ::-webkit-scrollbar-track {\n background: ", ";\n border-radius: 16px;\n }\n\n /* Handle */\n ::-webkit-scrollbar-thumb {\n background: ", ";\n border-radius: 16px;\n }\n @media only screen and (max-width: 1488px) {\n margin-bottom: 3em;\n min-height: max-content;\n max-height: max-content;\n margin-right: 0;\n overflow: visible;\n }\n @media only screen and (max-width: 788px) {\n max-width: 100vw;\n padding-right: 0;\n width: 98vw;\n min-width: 90vw;\n padding-top: 1em;\n }\n /* overflow: hidden; */\n"])), function (props) {
9173
+ var CheckoutMainWithHeader = styled__default(material.Stack)(_templateObject4$h || (_templateObject4$h = _taggedTemplateLiteralLoose([""])));
9174
+ var CheckoutMain = styled__default.div(_templateObject5$e || (_templateObject5$e = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-width: 1008px;\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n margin-right: 2em;\n max-height: 65vh;\n padding-right: 2em;\n overflow-y: auto;\n position: relative;\n padding-top: 2em;\n padding-bottom: 3em;\n /* width */\n ::-webkit-scrollbar {\n width: 10px;\n background: ", ";\n border-radius: 16px;\n }\n\n /* Track */\n ::-webkit-scrollbar-track {\n background: ", ";\n border-radius: 16px;\n }\n\n /* Handle */\n ::-webkit-scrollbar-thumb {\n background: ", ";\n border-radius: 16px;\n }\n @media only screen and (max-width: 1488px) {\n margin-bottom: 3em;\n min-height: max-content;\n max-height: max-content;\n margin-right: 0;\n overflow: visible;\n }\n @media only screen and (max-width: 788px) {\n max-width: 100vw;\n padding-right: 0;\n width: 98vw;\n min-width: 90vw;\n padding-top: 1em;\n }\n /* overflow: hidden; */\n"])), function (props) {
9146
9175
  return props.bg || 'rgba(102,112,128,0.5)';
9147
9176
  }, function (props) {
9148
9177
  return props.bg || 'rgba(102,112,128,0.5)';
@@ -9225,7 +9254,7 @@ var CheckoutSummary = function CheckoutSummary(_ref) {
9225
9254
  }, renderMoney(orderTotal === null || orderTotal === void 0 ? void 0 : orderTotal.adjustmentValue))));
9226
9255
  };
9227
9256
 
9228
- var _templateObject$L, _templateObject2$x, _templateObject3$o, _templateObject4$h, _templateObject5$e, _templateObject6$d, _templateObject7$9, _templateObject8$7, _templateObject9$5, _templateObject10$2, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16$1, _templateObject17$1, _templateObject18$1;
9257
+ var _templateObject$L, _templateObject2$x, _templateObject3$o, _templateObject4$i, _templateObject5$f, _templateObject6$d, _templateObject7$9, _templateObject8$7, _templateObject9$5, _templateObject10$2, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16$1, _templateObject17$1, _templateObject18$1;
9229
9258
  var StepContainer = styled__default.div(_templateObject$L || (_templateObject$L = _taggedTemplateLiteralLoose(["\n width: 100%;\n min-width: 57.43em;\n max-width: 57.43em;\n background: white;\n padding: 1em 2em;\n background: #ffffff;\n border-radius: 20px;\n margin-left: 2em;\n margin-top: -2em;\n margin-bottom: 1em;\n @media screen and (max-width: 1305px) {\n width: 80vw;\n min-width: 0;\n }\n @media screen and (max-width: 768px) {\n width: 96%;\n margin-left: 1em;\n padding: 0.8em;\n }\n @media screen and (max-width: 540px) {\n width: 94%;\n margin-left: 1.2em;\n }\n"])));
9230
9259
  var StepsContent = styled__default.div(_templateObject2$x || (_templateObject2$x = _taggedTemplateLiteralLoose(["\n padding-left: 1.565em;\n min-height: max-content;\n .MuiOutlinedInput-root {\n background: ", ";\n }\n\n p {\n font-size: 0.75em;\n }\n .bold {\n text-transform: uppercase;\n word-spacing: 5px;\n margin-top: 0.95em;\n span {\n font-weight: 600;\n cursor: pointer;\n font-size: 0.94rem;\n }\n .red {\n color: ", ";\n }\n }\n @media screen and (max-width: 768px) {\n padding: 0;\n width: 100%;\n }\n"])), function (props) {
9231
9260
  return 'transparent' + '!important';
@@ -9245,11 +9274,11 @@ var StepsHeaderContainer = styled__default.div(_templateObject3$o || (_templateO
9245
9274
  }, function (props) {
9246
9275
  return props.username ? 'not-allowed' : 'pointer';
9247
9276
  });
9248
- var TextFeildContainer = styled__default.div(_templateObject4$h || (_templateObject4$h = _taggedTemplateLiteralLoose(["\n label {\n color: rgba(107, 106, 106, 0.6) !important;\n }\n background: ", ";\n border-radius: 10px;\n && {\n input {\n font-size: 0.875em !important;\n color: black;\n &::placeholder {\n font-size: 0.975em !important;\n }\n }\n .icon {\n color: black;\n font-size: 1em;\n }\n }\n"])), function (props) {
9277
+ var TextFeildContainer = styled__default.div(_templateObject4$i || (_templateObject4$i = _taggedTemplateLiteralLoose(["\n label {\n color: rgba(107, 106, 106, 0.6) !important;\n }\n background: ", ";\n border-radius: 10px;\n && {\n input {\n font-size: 0.875em !important;\n color: black;\n &::placeholder {\n font-size: 0.975em !important;\n }\n }\n .icon {\n color: black;\n font-size: 1em;\n }\n }\n"])), function (props) {
9249
9278
  var _props$theme, _props$theme$input;
9250
9279
  return ((_props$theme = props.theme) === null || _props$theme === void 0 ? void 0 : (_props$theme$input = _props$theme.input) === null || _props$theme$input === void 0 ? void 0 : _props$theme$input.bg) || 'transparent';
9251
9280
  });
9252
- var CommonCheckoutBtn = styled__default.button(_templateObject5$e || (_templateObject5$e = _taggedTemplateLiteralLoose(["\n border: none;\n outline: none;\n width: ", ";\n height: ", ";\n background: ", ";\n display: grid;\n place-items: center;\n color: white;\n margin: 0 1em;\n font-weight: 500;\n letter-spacing: 1px;\n text-transform: ", ";\n transition: 0.4s;\n cursor: ", ";\n &:hover,\n &:focus {\n opacity: 0.7;\n }\n"])), function (props) {
9281
+ var CommonCheckoutBtn = styled__default.button(_templateObject5$f || (_templateObject5$f = _taggedTemplateLiteralLoose(["\n border: none;\n outline: none;\n width: ", ";\n height: ", ";\n background: ", ";\n display: grid;\n place-items: center;\n color: white;\n margin: 0 1em;\n font-weight: 500;\n letter-spacing: 1px;\n text-transform: ", ";\n transition: 0.4s;\n cursor: ", ";\n &:hover,\n &:focus {\n opacity: 0.7;\n }\n"])), function (props) {
9253
9282
  return props.width || '8.05em';
9254
9283
  }, function (props) {
9255
9284
  return props.height || '2.25em';