npm - @bjsdistribution/dms-client-return - Versions diffs - 0.1.81-prod → 0.1.82-prod - Mend

@bjsdistribution/dms-client-return 0.1.81-prod → 0.1.82-prod

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.

Files changed (37) hide show

package/dist/components/order-daily-overview/table/table-data/styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styles.js","sources":["../../../../../src/components/order-daily-overview/table/table-data/styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const ColumStyle = styled.div`\n display: flex;\n width: 100%;\n align-items: center;\n justify-content: center;\n gap: 7px;\n`;\n\nexport const GreyBox = styled.div`\n display: flex;\n padding: 3px 12px;\n align-items: flex-start;\n gap: 24px;\n border-radius: 6px;\n background: rgba(153, 153, 153, 0.1);\n`;\n// Styled components\nexport const StyledTableWrapper = styled.div`\n overflow-x: auto;\n max-height: calc(100vh - 396px);\n /* box-shadow: 0px 0px 30px 6px rgba(46, 45, 116, 0.05); /\n &::-webkit-scrollbar {\n width: 5px;\n border-radius: 100px;\n height: 5px;\n }\n\n &::-webkit-scrollbar-track {\n background: #777;\n border-radius: 100px;\n }\n\n &::-webkit-scrollbar-thumb {\n background: #7b61ff;\n border-radius: 100px;\n }\n\n &::-webkit-scrollbar-thumb:hover {\n background: #7b61ff;\n }\n`;\n\nexport const StyledTable = styled.table`\n border-spacing: 0 10px;\n width: 100%;\n table-layout: fixed;\n / min-width: 1600px; /\n thead {\n position: sticky;\n top: 10px;\n z-index: 1;\n background: #fff;\n box-shadow: 0px 0px 1px #ffffff, 0px -10px 1px #ffffff;\n tr {\n border-radius: 40px;\n border-spacing: 0 10px;\n font-family: 'lato', sans-serif;\n .emailInvoiceCheckbox {\n padding-right: 0px;\n width: 0;\n > div {\n width: fit-content;\n }\n }\n .emailInvoiceNo {\n padding-left: 12px;\n }\n .emailInvoiceShare {\n width: 100px;\n }\n th {\n color: #3a3630;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n padding: 11px 15px;\n background: #f0f2f2;\n border-right: none;\n border-left: none;\n text-align: left;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-width: 1px 0;\n &:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n &:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n }\n }\n }\n tbody {\n max-height: 400px;\n overflow-y: auto;\n tr {\n td {\n color: #3a3630;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n padding: 12px 15px;\n background: #fff;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-right: none;\n border-left: none;\n word-break: break-word;\n\n .shareIconContainer {\n display: flex;\n width: 24px;\n height: 24px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 10px;\n flex-shrink: 0;\n border-radius: 15px;\n background: #edebe8;\n cursor: pointer;\n }\n .statuscontainer {\n display: flex;\n padding: 6px 10px;\n justify-content: center;\n align-items: center;\n gap: 5px;\n flex: 1 0 0;\n border-radius: 22px;\n background: rgba(41, 204, 106, 0.15);\n }\n }\n &:nth-child(even) td {\n background: #f6fbff;\n }\n td:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n td:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n .flex {\n display: flex;\n flex-direction: row;\n gap: 5px;\n height: 29px;\n align-items: center;\n }\n\n &.insideTable {\n td {\n border-radius: 0;\n border: none;\n &:last-child {\n border-radius: 0;\n border-right: none;\n }\n }\n table {\n border-spacing: 0;\n width: 100%;\n border-radius: 5px;\n border: 1px solid rgba(0, 0, 0, 0.08);\n overflow: hidden;\n border-top-left-radius: 15px;\n border-top-right-radius: 15px;\n thead {\n tr {\n border-bottom: none;\n th {\n padding: 14px 20px;\n text-align: left;\n border-top: 0;\n border-right: 0;\n border-left: 0;\n background: #f8fafc;\n\n &:first-child {\n border-radius: 0;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n border-top-left-radius: 15px;\n }\n &:last-child {\n border-radius: 0;\n }\n }\n }\n }\n tbody {\n tr {\n td {\n padding: 14px 20px;\n text-align: left;\n border-bottom: 1px solid rgba(58, 54, 48, 0.15);\n background: #fff;\n > svg {\n transform: scale(1.5);\n background-color: #edebe8;\n border-radius: 20px;\n padding: 5px;\n }\n &:last-child {\n border-radius: 0;\n border-right: none;\n }\n }\n }\n }\n }\n }\n }\n }\n .actions {\n display: flex;\n align-items: center;\n gap: 20px;\n > svg {\n transform: scale(1.5);\n background-color: #edebe8;\n border-radius: 20px;\n padding: 5px;\n }\n\n .close-icon {\n transform: scale(1.3);\n background-color: transparent;\n border-radius: 0;\n padding: 0;\n }\n }\n`;\n\nexport const StyledThBase = styled.th`\n color: #3a3630;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n padding: 11px 15px;\n background: #f0f2f2;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-right: none;\n border-left: none;\n text-align: left;\n`;\n\nexport const StyledTdBasic = styled.td`\n color: #3a3630;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n padding: 15px;\n background: #fff;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-right: none;\n border-left: none;\n`;\n\nexport const StyledFlex = styled.div`\n display: flex;\n gap: 8px;\n align-items: center;\n em {\n padding-left: 8px;\n border-left: 2px dotted #758588;\n font-style: normal;\n }\n span {\n display: block;\n line-height: 1;\n &:first-child {\n margin-bottom: 5px;\n }\n }\n`;\nexport const StyledRoundedBorder = styled.div`\n border-radius: 30px;\n border: 1px solid #edefef;\n background: #f6fbff;\n width: 24px;\n height: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n`;\n\nexport const RouteName = styled.div`\n font-weight: 600;\n color: #09f;\n margin-bottom: 6px;\n`;\n\nexport const StyledFlexGap4 = styled.div`\n display: flex;\n gap: 4px;\n / align-items: center; /\n`;\n\nexport const TomtomName = styled.div`\n color: #29cc6a;\n font-size: 13px;\n font-weight: 600;\n line-height: 24px;\n`;\nexport const StyledLineBreak = styled.div``;\nexport const Weight = styled.div`\n font-size: 10px;\n font-style: normal;\n font-weight: 700;\n line-height: 16px;\n`;\n\nexport const StyledIconCover = styled.div`\n display: flex;\n align-items: center;\n gap: 8px;\n span {\n margin-top: 4px;\n &.ascending svg path:first-child {\n fill: #000;\n }\n &.descending svg path:last-child {\n fill: #000;\n }\n }\n`;\n\nexport const TomtomCover = styled.div`\n transform: scale(0.5);\n`;\n\nexport const CustomDrop = styled.div`\n border-radius: 20px;\n border: 1px solid #e2e0db;\n background: #fff;\n display: flex;\n padding: 4px 8px;\n gap: 8px;\n align-items: center;\n cursor: pointer;\n &.active .drop {\n transform: rotate(180deg);\n }\n`;\n\nexport const CoverCustomDrop = styled.div`\n position: relative;\n`;\n\nexport const IconCoverData = styled.div`\n display: flex;\n gap: 8px;\n align-items: center;\n svg {\n cursor: pointer;\n }\n`;\n\n// For route details\nexport const StyledCollapseWrapper = styled.div`\n border-radius: 15px;\n border: 1px solid #e3e3e3;\n background: #fff;\n box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);\n padding-bottom: 10px;\n`;\n\nexport const StyledCollapseHeadWrapper = styled.div`\n border-bottom: 1px solid #e3e3e3;\n background: #f8fafc;\n display: flex;\n padding: 10px 15px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n border-radius: 15px 15px 0 0;\n`;\n\nexport const StyledCollapseBody = styled.div`\n / padding-left: 45px; */\n position: relative;\n padding-right: 15px;\n`;\n\nexport const StyledTh = styled(StyledThBase)`\n background: none;\n padding: 0px;\n border-radius: 0 !important;\n border: none;\n padding: 14px 20px;\n border-radius: 15px 0px 0px 0px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n\n background: #f8fafc;\n`;\n\nexport const StyledTd = styled(StyledTdBasic)`\n background: none;\n border: none;\n padding: 0;\n td td {\n padding: 0 10px;\n min-width: 140px;\n max-width: 140px;\n &:nth-child(3) {\n min-width: 210px;\n max-width: 210px;\n }\n }\n`;\n\nexport const StyledDateWrapper = styled.div`\n border-radius: 100px;\n border: 1px solid rgba(0, 0, 0, 0.08);\n background: #faf9f9;\n padding: 6px 8px;\n color: #888075;\n font-size: 12px;\n font-weight: 400;\n line-height: 16px;\n display: inline-block;\n`;\n\nexport const StyledLocationName = styled.div`\n color: #fc7743;\n`;\n\nexport const StyledToggleStatus = styled.div`\n border-radius: 20px;\n border: 1px solid rgba(233, 82, 82, 0.5);\n background: rgba(233, 82, 82, 0.15);\n padding: 2px 8px;\n display: flex;\n cursor: pointer;\n max-width: 70px;\n\n &.active .coverArrow {\n transform: rotate(0deg);\n position: relative;\n top: 2px;\n }\n .coverArrow {\n transform: rotate(180deg);\n position: relative;\n top: -2px;\n }\n\n .circle {\n width: 24px;\n height: 24px;\n border-radius: 100px;\n border: 1px solid #e95252;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n &:after {\n content: '';\n width: 10px;\n height: 10px;\n border-radius: 100px;\n background: #e95252;\n }\n }\n`;\n\nexport const StyledTimeTrack = styled.div`\n border-radius: 12px;\n background: #fff;\n\n position: absolute;\n top: 86px;\n left: 3px;\n min-width: 36px;\n span {\n padding: 2px 6px;\n color: #687d9b;\n font-weight: 600;\n font-size: 11px;\n position: relative;\n z-index: 2;\n background: #fff;\n border-radius: 100px;\n border: 1px solid #edefef;\n }\n\n i {\n width: 2px;\n height: 36px;\n background: #7b91b0;\n display: block;\n position: absolute;\n top: 58%;\n transform: translateY(-50%);\n left: 0;\n right: 0;\n margin: 0 auto;\n z-index: 1;\n &:after,\n &::before {\n width: 5px;\n height: 5px;\n display: block;\n background: #7b91b0;\n position: absolute;\n top: -5px;\n content: '';\n border-radius: 100px;\n left: -1px;\n }\n &:after {\n top: auto;\n bottom: -4px;\n }\n }\n`;\n\nexport const StyledWeight = styled.div`\n font-size: 13px;\n color: #e95252;\n`;\nexport const StyledCube = styled(StyledWeight)`\n font-size: 10px;\n`;\n\nexport const Header = styled.th`\n color: #3a3630;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n padding: 11px 15px;\n background: #f0f2f2;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-right: none;\n border-left: none;\n text-align: left;\n`;\n\nexport const Back = styled.div`\n border-radius: 20px;\n border: 1px solid var(--contextual-blue, #6396e5);\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n color: #6396e5;\n align-content: center;\n padding: 4px 12px;\n height: 28px;\n cursor: pointer;\n &:hover {\n background-color: #89b8ff;\n color: white;\n }\n`;\n\nexport const Remove = styled.div`\n border-radius: 20px;\n border: 1px solid rgba(233, 82, 82, 0.5);\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n color: #e95252;\n align-content: center;\n padding: 4px 12px;\n height: 28px;\n cursor: pointer;\n &:hover {\n background-color: #ff7b7b;\n color: white;\n }\n`;\n\nexport const Buttons = styled.div`\n display: flex;\n flex-direction: row;\n gap: 10px;\n white-space: nowrap;\n align-items: center;\n`;\nexport const EmptyDataContainer = styled.div`\n display: flex;\n justify-content: center;\n`;\n\nexport const ClearAll = styled.div`\n border-radius: 20px;\n border: 1px solid #edebe8;\n background: #fff;\n display: flex;\n padding: 6px 6px;\n justify-content: center;\n align-items: center;\n gap: 8px;\n cursor: pointer;\n\n &.active {\n background: #313130;\n & > div {\n color: #fff;\n }\n }\n`;\nexport const StyledFilterBtnIcon = styled.div`\n display: flex;\n width: 24px;\n height: 24px;\n justify-content: center;\n align-items: center;\n border-radius: 20px;\n border: 1px solid #e2e0db;\n background: #b2b3b3;\n .cross {\n position: relative;\n &:after {\n display: inline-block;\n content: 'X';\n font-style: normal;\n font-size: 14px;\n color: #000;\n }\n }\n`;\nexport const StyledFilterBtnLabel = styled.div`\n color: #6a7378;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n white-space: nowrap;\n`;\n"],"names":["ColumStyle","styled","GreyBox","StyledTableWrapper","StyledTable","StyledThBase","StyledTdBasic","StyledWeight","EmptyDataContainer","ClearAll","StyledFilterBtnIcon","StyledFilterBtnLabel"],"mappings":"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"}
1	+ {"version":3,"file":"styles.js","sources":["../../../../../src/components/order-daily-overview/table/table-data/styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const ColumStyle = styled.div`\n display: flex;\n width: 100%;\n align-items: center;\n justify-content: center;\n gap: 7px;\n`;\n\nexport const GreyBox = styled.div`\n display: flex;\n padding: 2px 8px;\n align-items: flex-start;\n gap: 12px;\n border-radius: 6px;\n background: rgba(153, 153, 153, 0.1);\n`;\n\nexport const StyledTableWrapper = styled.div`\n overflow-x: auto;\n max-height: calc(100vh - 360px);\n // padding-top: 10px;\n background: #fff;\n &::-webkit-scrollbar {\n width: 5px;\n border-radius: 100px;\n height: 5px;\n }\n\n &::-webkit-scrollbar-track {\n background: #777;\n border-radius: 100px;\n }\n\n &::-webkit-scrollbar-thumb {\n background: #7b61ff;\n border-radius: 100px;\n }\n\n &::-webkit-scrollbar-thumb:hover {\n background: #7b61ff;\n }\n`;\n\nexport const StyledTable = styled.table`\n border-spacing: 0 4px;\n width: 100%;\n table-layout: fixed;\n\n thead {\n position: sticky;\n top: 0;\n z-index: 10;\n background: #fff;\n box-shadow: 0px 0px 1px #ffffff, 0px -10px 1px #ffffff;\n tr {\n border-radius: 40px;\n border-spacing: 0 4px;\n font-family: 'lato', sans-serif;\n th {\n color: #3a3630;\n font-size: 13px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n padding: 6px 8px;\n background: #f0f2f2;\n border-right: none;\n border-left: none;\n text-align: left;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-width: 1px 0;\n &:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n &:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n }\n }\n }\n tbody {\n max-height: 400px;\n overflow-y: auto;\n tr {\n td {\n color: #3a3630;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n padding: 5px 8px;\n background: #fff;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-right: none;\n border-left: none;\n word-break: break-word;\n }\n &:nth-child(even) td {\n background: #f6fbff;\n }\n td:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n td:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n }\n }\n`;\n\nexport const StyledThBase = styled.th`\n color: #3a3630;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n padding: 11px 15px;\n background: #f0f2f2;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-right: none;\n border-left: none;\n text-align: left;\n`;\n\nexport const StyledTdBasic = styled.td`\n color: #3a3630;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n padding: 15px;\n background: #fff;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-right: none;\n border-left: none;\n`;\n\nexport const StyledFlex = styled.div`\n display: flex;\n gap: 8px;\n align-items: center;\n em {\n padding-left: 8px;\n border-left: 2px dotted #758588;\n font-style: normal;\n }\n span {\n display: block;\n line-height: 1;\n &:first-child {\n margin-bottom: 5px;\n }\n }\n`;\nexport const StyledRoundedBorder = styled.div`\n border-radius: 30px;\n border: 1px solid #edefef;\n background: #f6fbff;\n width: 24px;\n height: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n`;\n\nexport const RouteName = styled.div`\n font-weight: 600;\n color: #09f;\n margin-bottom: 6px;\n`;\n\nexport const StyledFlexGap4 = styled.div`\n display: flex;\n gap: 4px;\n /* align-items: center; */\n`;\n\nexport const TomtomName = styled.div`\n color: #29cc6a;\n font-size: 13px;\n font-weight: 600;\n line-height: 24px;\n`;\nexport const StyledLineBreak = styled.div``;\nexport const Weight = styled.div`\n font-size: 10px;\n font-style: normal;\n font-weight: 700;\n line-height: 16px;\n`;\n\nexport const StyledIconCover = styled.div`\n display: flex;\n align-items: center;\n gap: 8px;\n span {\n margin-top: 4px;\n &.ascending svg path:first-child {\n fill: #000;\n }\n &.descending svg path:last-child {\n fill: #000;\n }\n }\n`;\n\nexport const TomtomCover = styled.div`\n transform: scale(0.5);\n`;\n\nexport const CustomDrop = styled.div`\n background: #fff;\n border-radius: 12px;\n padding: 10px;\n box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);\n`;\n\nexport const TableFilterColumn = styled.div`\n display: flex;\n align-items: flex-start;\n flex-direction: column;\n gap: 8px;\n button {\n font-size: 13px;\n }\n .input {\n border-radius: 20px;\n border: 1px solid #d0d5dd;\n input {\n font-size: 13px;\n }\n }\n`;\n\nexport const DropHeading = styled.div`\n color: #6a7378;\n font-size: 13px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n`;\n\nexport const StyledDateRange = styled.div`\n .ant-picker {\n border-radius: 20px;\n }\n input {\n font-size: 13px;\n }\n`;\n\nexport const ActionCover = styled.div`\n border-radius: 30px;\n border: 1px solid #edebe8;\n background: #fff;\n display: flex;\n padding: 5px 6px;\n justify-content: center;\n align-items: center;\n gap: 8px;\n cursor: pointer;\n\n &.active {\n background: #313130;\n & > div {\n color: #fff;\n }\n }\n`;\n\nexport const TableIconCover = styled.div`\n display: flex;\n width: 24px;\n height: 24px;\n justify-content: center;\n align-items: center;\n border-radius: 20px;\n border: 1px solid #e2e0db;\n background: #edebe8;\n`;\n\nexport const Label = styled.div`\n color: #6a7378;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n white-space: nowrap;\n`;\n\nexport const ActionTypeCover = styled.div`\n border-radius: 30px;\n border: 1px solid #edebe8;\n background: #fff;\n display: flex;\n padding: 5px 6px;\n justify-content: center;\n align-items: center;\n gap: 8px;\n cursor: pointer;\n\n &.active {\n background: #313130;\n & > div {\n color: #fff;\n }\n }\n`;\n\nexport const ActionTypeLabel = styled.div`\n color: #6a7378;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n white-space: nowrap;\n`;\n\nexport const Buttons = styled.div`\n display: flex;\n flex-direction: row;\n gap: 10px;\n white-space: nowrap;\n align-items: center;\n`;\nexport const EmptyDataContainer = styled.div`\n display: flex;\n justify-content: center;\n`;\n\nexport const ClearAll = styled.div`\n border-radius: 20px;\n border: 1px solid #edebe8;\n background: #fff;\n display: flex;\n padding: 6px 6px;\n justify-content: center;\n align-items: center;\n gap: 8px;\n cursor: pointer;\n\n &.active {\n background: #313130;\n & > div {\n color: #fff;\n }\n }\n`;\nexport const StyledFilterBtnIcon = styled.div`\n display: flex;\n width: 24px;\n height: 24px;\n justify-content: center;\n align-items: center;\n border-radius: 20px;\n border: 1px solid #e2e0db;\n background: #b2b3b3;\n .cross {\n position: relative;\n &:after {\n display: inline-block;\n content: 'X';\n font-style: normal;\n font-size: 14px;\n color: #000;\n }\n }\n`;\nexport const StyledFilterBtnLabel = styled.div`\n color: #6a7378;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n white-space: nowrap;\n`;\n"],"names":["ColumStyle","styled","GreyBox","StyledTableWrapper","StyledTable","EmptyDataContainer","ClearAll","StyledFilterBtnIcon","StyledFilterBtnLabel"],"mappings":"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"}

package/dist/components/order-view/general-information/dropdowns/Print.js CHANGED Viewed

@@ -1,39 +1,39 @@
 import { jsx as t, jsxs as f } from "react/jsx-runtime";
 import { useMemo as v } from "react";
-import l from "styled-components";
+import i from "styled-components";
 import { PrintMenu as g } from "../../fakedata.js";
 import { useOrderDetails as _ } from "../../store.js";
 import { Space as h, Dropdown as b } from "antd";
 import y from "../../../../assets/icons/ArrowDownIcon.js";
 import { getBaseEndpoint as w } from "@bjsdistribution/dms-component-library";
 function T() {
-  const [n] = _(), s = n?.gsit_order_id, i = v(() => n?.id, [n]), a = () => {
+  const [o] = _(), s = o?.gsit_order_id, l = v(() => o?.id, [o]), a = () => {
     const e = process.env.REACT_APP_PROJECT_ENV, r = process.env.REACT_APP_API_PATH;
     return r === "https://us.dms.api.bjshomedelivery.com" ? "release_us" : r === "https://development.dms.api.bjshomedelivery.com" ? "development" : r === "https://staging.dms.api.bjshomedelivery.com" ? "staging" : e === "release_uk" ? "release_uk" : e === "release_us" ? "release_us" : e === "staging" ? "staging" : "development";
   }, d = () => {
     switch (a()) {
       case "release_uk":
       case "release_us":
-        return "https://us.toolbox.bjshomedelivery.com/api/v1/gsit";
+        return "https://us.api.bjshomedelivery.com/v2/orders/labels";
       case "staging":
-        return "https://staging.toolbox.bjshomedelivery.com/api/v1/gsit";
+        return "https://staging.api.bjshomedelivery.com/v2/orders/labels";
       default:
-        return "https://development.toolbox.bjshomedelivery.com/api/v1/gsit";
+        return "https://api.development.bjshomedelivery.com/v2/orders/labels";
     }
   }, c = (e) => {
-    const r = e?.toLowerCase()?.replaceAll(" ", ""), o = d();
-    return s ? r === "returnlabels" ? `${o}/generate_labels?pdf=true&product_type=Return&order_id=${s}` : "" : (console.error("Missing orderId. Cannot generate Return Labels URL."), "");
+    const r = e?.toLowerCase()?.replaceAll(" ", ""), n = d();
+    return s ? r === "returnlabels" ? `${n}/generate_labels?pdf=true&product_type=Return&order_id=${s}` : "" : (console.error("Missing orderId. Cannot generate Return Labels URL."), "");
   }, u = (e) => {
-    const r = e?.value, o = w();
+    const r = e?.value, n = w();
     if (r)
       if (r === "returncovernote")
         window.open(
-          `${o}/orders/return_cover_notes/?order_id=${i}`,
+          `${n}/orders/return_cover_notes/?order_id=${l}`,
           "_blank"
         );
       else if (r === "proofofdelivery")
         window.open(
-          `${o}/orders/generate_note/?order_id=${i}&output_format=pdf`,
+          `${n}/orders/generate_note/?order_id=${l}&output_format=pdf`,
           "_blank"
         );
       else {
@@ -64,7 +64,7 @@ function T() {
     /* @__PURE__ */ t(y, { fill: "#f0f2f2" })
   ] }) }) }) });
 }
-const P = l.div``, k = l(h)`
+const P = i.div``, k = i(h)`
   .ant-space-item {
     color: #6a7378;
     text-align: center;

package/dist/components/order-view/general-information/dropdowns/Print.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Print.js","sources":["../../../../../src/components/order-view/general-information/dropdowns/Print.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport styled from 'styled-components';\nimport { PrintMenu } from '../../fakedata';\nimport { useOrderDetails } from '../../store';\nimport { Dropdown, Space } from 'antd';\nimport ArrowDownIcon from '../../../../assets/icons/ArrowDownIcon';\nimport { getBaseEndpoint } from '@bjsdistribution/dms-component-library';\n\nfunction Print() {\n const [orderDetails] = useOrderDetails();\n const gsitId = orderDetails?.gsit_order_id;\n\n const orderId = useMemo(() => {\n return orderDetails?.id;\n }, [orderDetails]);\n\n const getEnvironment = ():\n \| 'development'\n \| 'release_us'\n \| 'release_uk'\n \| 'staging' => {\n const projectEnv = process.env.REACT_APP_PROJECT_ENV;\n const apiPath = process.env.REACT_APP_API_PATH;\n\n if (apiPath === 'https://us.dms.api.bjshomedelivery.com') {\n return 'release_us';\n }\n if (apiPath === 'https://development.dms.api.bjshomedelivery.com') {\n return 'development';\n }\n if (apiPath === 'https://staging.dms.api.bjshomedelivery.com') {\n return 'staging';\n }\n\n if (projectEnv === 'release_uk') {\n return 'release_uk';\n }\n if (projectEnv === 'release_us') {\n return 'release_us';\n }\n if (projectEnv === 'staging') {\n return 'staging';\n }\n return 'development';\n };\n\n const getBaseUrl = (): string => {\n const environment = getEnvironment();\n switch (environment) {\n case 'release_uk':\n case 'release_us':\n return 'https://us.~~toolbox~~.bjshomedelivery.com/~~api~~/v1/~~gsit~~';\n case 'staging':\n return 'https://staging.~~toolbox~~.bjshomedelivery.com/~~api~~/v1/~~gsit~~';\n default:\n return 'https://development.~~toolbox.~~bjshomedelivery.com/~~api~~/v1/~~gsit~~';\n }\n };\n\n const getUrl = (option: string) => {\n const val = option?.toLowerCase()?.replaceAll(' ', '');\n const baseUrl = getBaseUrl();\n\n if (!gsitId) {\n console.error('Missing orderId. Cannot generate Return Labels URL.');\n return '';\n }\n if (val === 'returnlabels') {\n return `${baseUrl}/generate_labels?pdf=true&product_type=Return&order_id=${gsitId}`;\n } else {\n return '';\n }\n };\n\n const handleSelectChange = (selectedOption: any) => {\n const selectedValue = selectedOption?.value;\n const baseEndpoint = getBaseEndpoint();\n if (selectedValue) {\n //return\n if (selectedValue === 'returncovernote') {\n window.open(\n `${baseEndpoint}/orders/return_cover_notes/?order_id=${orderId}`,\n '_blank'\n );\n //proof\n } else if (selectedValue === 'proofofdelivery') {\n window.open(\n `${baseEndpoint}/orders/generate_note/?order_id=${orderId}&output_format=pdf`,\n '_blank'\n );\n } else {\n const url = getUrl(selectedValue);\n window.open(url, '_blank');\n }\n }\n };\n\n // const optionToLabelKey: Record<string, keyof typeof orderDetails.labels> = {\n // proofofdelivery: 'deliver',\n // returnlabels: 'return',\n // returncovernote: 'collect',\n // };\n\n // const isOptionDisabled = (optionValue: string) => {\n // const labels = orderDetails?.labels \|\| {};\n // const labelKey = optionToLabelKey[optionValue];\n\n // if (!labelKey) return false;\n // return !labels[labelKey];\n // };\n\n const filteredOptions = PrintMenu?.map((option: any) => ({\n key: option.value,\n label: option.label,\n value: option.value,\n }));\n\n const menuItems = {\n items: filteredOptions?.map((option: any) => {\n // const disabled = isOptionDisabled(option.value);\n\n return {\n key: option.value,\n label: (\n <div\n onClick={e => {\n e.stopPropagation();\n // if (!disabled) {\n handleSelectChange(option);\n // }\n }}\n // style={{\n // color: disabled ? '#bfbfbf' : undefined,\n // cursor: disabled ? 'not-allowed' : 'pointer',\n // }}\n >\n {option.label}\n </div>\n ),\n // disabled,\n };\n }),\n };\n\n return (\n <Container>\n <Dropdown menu={menuItems} trigger={['hover']}>\n <a onClick={e => e.preventDefault()} style={{ cursor: 'pointer' }}>\n <StyledSpace>\n PRINT\n <ArrowDownIcon fill={'#f0f2f2'} />\n </StyledSpace>\n </a>\n </Dropdown>\n </Container>\n );\n}\n\nconst Container = styled.div``;\n\nconst StyledSpace = styled(Space)`\n .ant-space-item {\n color: #6a7378;\n text-align: center;\n font-family: Lato;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n }\n`;\n\nexport default Print;\n"],"names":["Print","orderDetails","useOrderDetails","gsitId","orderId","useMemo","getEnvironment","projectEnv","apiPath","getBaseUrl","getUrl","option","val","baseUrl","handleSelectChange","selectedOption","selectedValue","baseEndpoint","getBaseEndpoint","url","menuItems","PrintMenu","jsx","e","Container","Dropdown","jsxs","StyledSpace","ArrowDownIcon","styled","Space"],"mappings":";;;;;;;;AAQA,SAASA,IAAQ;AACf,QAAM,CAACC,CAAY,IAAIC,EAAA,GACjBC,IAASF,GAAc,eAEvBG,IAAUC,EAAQ,MACfJ,GAAc,IACpB,CAACA,CAAY,CAAC,GAEXK,IAAiB,MAIN;AACf,UAAMC,IAAa,QAAA,IAAY,uBACzBC,IAAU,QAAA,IAAY;AAE5B,WAAIA,MAAY,2CACP,eAELA,MAAY,oDACP,gBAELA,MAAY,gDACP,YAGLD,MAAe,eACV,eAELA,MAAe,eACV,eAELA,MAAe,YACV,YAEF;AAAA,EACT,GAEME,IAAa,MAAc;AAE/B,YADoBH,EAAA,GACZ;AAAA,MACN,KAAK;AAAA,MACL,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT;AACE,eAAO;AAAA,IAAA;AAAA,EAEb,GAEMI,IAAS,CAACC,MAAmB;AACjC,UAAMC,IAAMD,GAAQ,YAAA,GAAe,WAAW,KAAK,EAAE,GAC/CE,IAAUJ,EAAA;AAEhB,WAAKN,IAIDS,MAAQ,iBACH,GAAGC,CAAO,0DAA0DV,CAAM,KAE1E,MANP,QAAQ,MAAM,qDAAqD,GAC5D;AAAA,EAOX,GAEMW,IAAqB,CAACC,MAAwB;AAClD,UAAMC,IAAgBD,GAAgB,OAChCE,IAAeC,EAAA;AACrB,QAAIF;AAEF,UAAIA,MAAkB;AACpB,eAAO;AAAA,UACL,GAAGC,CAAY,wCAAwCb,CAAO;AAAA,UAC9D;AAAA,QAAA;AAAA,eAGOY,MAAkB;AAC3B,eAAO;AAAA,UACL,GAAGC,CAAY,mCAAmCb,CAAO;AAAA,UACzD;AAAA,QAAA;AAAA,WAEG;AACL,cAAMe,IAAMT,EAAOM,CAAa;AAChC,eAAO,KAAKG,GAAK,QAAQ;AAAA,MAC3B;AAAA,EAEJ,GAsBMC,IAAY;AAAA,IAChB,OAPsBC,GAAW,IAAI,CAACV,OAAiB;AAAA,MACvD,KAAKA,EAAO;AAAA,MACZ,OAAOA,EAAO;AAAA,MACd,OAAOA,EAAO;AAAA,IAAA,EACd,GAGwB,IAAI,CAACA,OAGpB;AAAA,MACL,KAAKA,EAAO;AAAA,MACZ,OACE,gBAAAW;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAAS,CAAAC,MAAK;AACZ,YAAAA,EAAE,gBAAA,~~GAEAT~~,EAAmBH,CAAM;AAAA,~~UAE7B~~;AAAA,UAMC,UAAAA,EAAO;AAAA,QAAA;AAAA,MAAA;AAAA;AAAA,IACV,EAIL;AAAA,EAAA;AAGH,SACE,gBAAAW,EAACE,KACC,4BAACC,GAAA,EAAS,MAAML,GAAW,SAAS,CAAC,OAAO,GAC1C,UAAA,gBAAAE,EAAC,OAAE,SAAS,CAAA,MAAK,EAAE,eAAA,GAAkB,OAAO,EAAE,QAAQ,UAAA,GACpD,UAAA,gBAAAI,EAACC,GAAA,EAAY,UAAA;AAAA,IAAA;AAAA,IAEX,gBAAAL,EAACM,GAAA,EAAc,MAAM,WAAW;AAAA,EAAA,GAClC,EAAA,CACF,EAAA,CACF,GACF;AAEJ;AAEA,MAAMJ,IAAYK,EAAO,OAEnBF,IAAcE,EAAOC,CAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
1	+ {"version":3,"file":"Print.js","sources":["../../../../../src/components/order-view/general-information/dropdowns/Print.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport styled from 'styled-components';\nimport { PrintMenu } from '../../fakedata';\nimport { useOrderDetails } from '../../store';\nimport { Dropdown, Space } from 'antd';\nimport ArrowDownIcon from '../../../../assets/icons/ArrowDownIcon';\nimport { getBaseEndpoint } from '@bjsdistribution/dms-component-library';\n\nfunction Print() {\n const [orderDetails] = useOrderDetails();\n const gsitId = orderDetails?.gsit_order_id;\n\n const orderId = useMemo(() => {\n return orderDetails?.id;\n }, [orderDetails]);\n\n const getEnvironment = ():\n \| 'development'\n \| 'release_us'\n \| 'release_uk'\n \| 'staging' => {\n const projectEnv = process.env.REACT_APP_PROJECT_ENV;\n const apiPath = process.env.REACT_APP_API_PATH;\n\n if (apiPath === 'https://us.dms.api.bjshomedelivery.com') {\n return 'release_us';\n }\n if (apiPath === 'https://development.dms.api.bjshomedelivery.com') {\n return 'development';\n }\n if (apiPath === 'https://staging.dms.api.bjshomedelivery.com') {\n return 'staging';\n }\n\n if (projectEnv === 'release_uk') {\n return 'release_uk';\n }\n if (projectEnv === 'release_us') {\n return 'release_us';\n }\n if (projectEnv === 'staging') {\n return 'staging';\n }\n return 'development';\n };\n\n const getBaseUrl = (): string => {\n const environment = getEnvironment();\n switch (environment) {\n case 'release_uk':\n case 'release_us':\n return 'https://us.api.bjshomedelivery.com/v2/orders/labels';\n case 'staging':\n return 'https://staging.api.bjshomedelivery.com/v2/orders/labels';\n default:\n return 'https://api.development.bjshomedelivery.com/v2/orders/labels';\n }\n };\n\n const getUrl = (option: string) => {\n const val = option?.toLowerCase()?.replaceAll(' ', '');\n const baseUrl = getBaseUrl();\n\n if (!gsitId) {\n console.error('Missing orderId. Cannot generate Return Labels URL.');\n return '';\n }\n if (val === 'returnlabels') {\n return `${baseUrl}/generate_labels?pdf=true&product_type=Return&order_id=${gsitId}`;\n } else {\n return '';\n }\n };\n\n const handleSelectChange = (selectedOption: any) => {\n const selectedValue = selectedOption?.value;\n const baseEndpoint = getBaseEndpoint();\n if (selectedValue) {\n //return\n if (selectedValue === 'returncovernote') {\n window.open(\n `${baseEndpoint}/orders/return_cover_notes/?order_id=${orderId}`,\n '_blank'\n );\n //proof\n } else if (selectedValue === 'proofofdelivery') {\n window.open(\n `${baseEndpoint}/orders/generate_note/?order_id=${orderId}&output_format=pdf`,\n '_blank'\n );\n } else {\n const url = getUrl(selectedValue);\n window.open(url, '_blank');\n }\n }\n };\n\n // const optionToLabelKey: Record<string, keyof typeof orderDetails.labels> = {\n // proofofdelivery: 'deliver',\n // returnlabels: 'return',\n // returncovernote: 'collect',\n // };\n\n // const isOptionDisabled = (optionValue: string) => {\n // const labels = orderDetails?.labels \|\| {};\n // const labelKey = optionToLabelKey[optionValue];\n\n // if (!labelKey) return false;\n // return !labels[labelKey];\n // };\n\n const filteredOptions = PrintMenu?.map((option: any) => ({\n key: option.value,\n label: option.label,\n value: option.value,\n }));\n\n const menuItems = {\n items: filteredOptions?.map((option: any) => {\n // const disabled = isOptionDisabled(option.value);\n\n return {\n key: option.value,\n label: (\n <div\n onClick={e => {\n e.stopPropagation();\n // if (!disabled) {\n handleSelectChange(option);\n // }\n }}\n // style={{\n // color: disabled ? '#bfbfbf' : undefined,\n // cursor: disabled ? 'not-allowed' : 'pointer',\n // }}\n >\n {option.label}\n </div>\n ),\n // disabled,\n };\n }),\n };\n\n return (\n <Container>\n <Dropdown menu={menuItems} trigger={['hover']}>\n <a onClick={e => e.preventDefault()} style={{ cursor: 'pointer' }}>\n <StyledSpace>\n PRINT\n <ArrowDownIcon fill={'#f0f2f2'} />\n </StyledSpace>\n </a>\n </Dropdown>\n </Container>\n );\n}\n\nconst Container = styled.div``;\n\nconst StyledSpace = styled(Space)`\n .ant-space-item {\n color: #6a7378;\n text-align: center;\n font-family: Lato;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n }\n`;\n\nexport default Print;\n"],"names":["Print","orderDetails","useOrderDetails","gsitId","orderId","useMemo","getEnvironment","projectEnv","apiPath","getBaseUrl","getUrl","option","val","baseUrl","handleSelectChange","selectedOption","selectedValue","baseEndpoint","getBaseEndpoint","url","menuItems","PrintMenu","jsx","e","Container","Dropdown","jsxs","StyledSpace","ArrowDownIcon","styled","Space"],"mappings":";;;;;;;;AAQA,SAASA,IAAQ;AACf,QAAM,CAACC,CAAY,IAAIC,EAAA,GACjBC,IAASF,GAAc,eAEvBG,IAAUC,EAAQ,MACfJ,GAAc,IACpB,CAACA,CAAY,CAAC,GAEXK,IAAiB,MAIN;AACf,UAAMC,IAAa,QAAA,IAAY,uBACzBC,IAAU,QAAA,IAAY;AAE5B,WAAIA,MAAY,2CACP,eAELA,MAAY,oDACP,gBAELA,MAAY,gDACP,YAGLD,MAAe,eACV,eAELA,MAAe,eACV,eAELA,MAAe,YACV,YAEF;AAAA,EACT,GAEME,IAAa,MAAc;AAE/B,YADoBH,EAAA,GACZ;AAAA,MACN,KAAK;AAAA,MACL,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT;AACE,eAAO;AAAA,IAAA;AAAA,EAEb,GAEMI,IAAS,CAACC,MAAmB;AACjC,UAAMC,IAAMD,GAAQ,YAAA,GAAe,WAAW,KAAK,EAAE,GAC/CE,IAAUJ,EAAA;AAEhB,WAAKN,IAIDS,MAAQ,iBACH,GAAGC,CAAO,0DAA0DV,CAAM,KAE1E,MANP,QAAQ,MAAM,qDAAqD,GAC5D;AAAA,EAOX,GAEMW,IAAqB,CAACC,MAAwB;AAClD,UAAMC,IAAgBD,GAAgB,OAChCE,IAAeC,EAAA;AACrB,QAAIF;AAEF,UAAIA,MAAkB;AACpB,eAAO;AAAA,UACL,GAAGC,CAAY,wCAAwCb,CAAO;AAAA,UAC9D;AAAA,QAAA;AAAA,eAGOY,MAAkB;AAC3B,eAAO;AAAA,UACL,GAAGC,CAAY,mCAAmCb,CAAO;AAAA,UACzD;AAAA,QAAA;AAAA,WAEG;AACL,cAAMe,IAAMT,EAAOM,CAAa;AAChC,eAAO,KAAKG,GAAK,QAAQ;AAAA,MAC3B;AAAA,EAEJ,GAsBMC,IAAY;AAAA,IAChB,OAPsBC,GAAW,IAAI,CAACV,OAAiB;AAAA,MACvD,KAAKA,EAAO;AAAA,MACZ,OAAOA,EAAO;AAAA,MACd,OAAOA,EAAO;AAAA,IAAA,EACd,GAGwB,IAAI,CAACA,OAGpB;AAAA,MACL,KAAKA,EAAO;AAAA,MACZ,OACE,gBAAAW;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAAS,CAAAC,MAAK;AACZ,YAAAA,EAAE,gBAAA,GAEFT,EAAmBH,CAAM;AAAA,UAE3B;AAAA,UAMC,UAAAA,EAAO;AAAA,QAAA;AAAA,MAAA;AAAA;AAAA,IACV,EAIL;AAAA,EAAA;AAGH,SACE,gBAAAW,EAACE,KACC,4BAACC,GAAA,EAAS,MAAML,GAAW,SAAS,CAAC,OAAO,GAC1C,UAAA,gBAAAE,EAAC,OAAE,SAAS,CAAA,MAAK,EAAE,eAAA,GAAkB,OAAO,EAAE,QAAQ,UAAA,GACpD,UAAA,gBAAAI,EAACC,GAAA,EAAY,UAAA;AAAA,IAAA;AAAA,IAEX,gBAAAL,EAACM,GAAA,EAAc,MAAM,WAAW;AAAA,EAAA,GAClC,EAAA,CACF,EAAA,CACF,GACF;AAEJ;AAEA,MAAMJ,IAAYK,EAAO,OAEnBF,IAAcE,EAAOC,CAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/order-view/index.js CHANGED Viewed

@@ -1,37 +1,38 @@
 import { jsxs as v, jsx as r } from "react/jsx-runtime";
-import { useState as z, useEffect as o, useRef as Gt } from "react";
+import { useState as Z, useEffect as o, useRef as Ut } from "react";
 import p from "styled-components";
-import Tt from "./order-details/index.js";
-import Rt from "./notes/index.js";
-import xt from "./system-event-logs/expanded-content/index.js";
-import bt from "./general-information/index.js";
-import wt from "./products-info/index.js";
-import Ut from "./order-actions/index.js";
-import { useAxios as m, useApiHook as i, DocumentTitle as $t } from "@bjsdistribution/dms-component-library";
-import { useOrderId as Nt, useGsitOrderId as Ht, useOrderDetails as Ft, usePrevOrderDetails as kt, useStatusDetails as Kt, useDepotOptions as Vt, useCustomerInfo as jt, useLocationOptions as qt, useOrderProductsResources as zt, useGsitCUstomerId as Jt, useOrderProductId as Yt, useCUstomerId as Zt, useRouteId as Bt, useLiveRecalling as Mt, useGlobalStateHitOrder as Qt, usegetClientData as Wt, useGlobalEscData as Xt, useOrderProductSystemLogs as te } from "./store.js";
-import { useLocation as ee } from "react-router-dom";
-import { notification as oe, message as J } from "antd";
-import se from "./details-filters/DetailsFilters.js";
-import { useSubContracterData as re, useIsShowNorthSouth as ae } from "../store.js";
-import ie from "./notification/index.js";
-import ne from "./order-resources/expanded-content/index.js";
-import { useAllOrderStatus as de, setResourcesCall as ce } from "./order-actions/store.js";
-import { POSTCODE_LABEL as le } from "../../common/utils.js";
-import { getEnvironment as ue } from "./utils.js";
-import { useAtom as fe } from "jotai";
-function He({ locationloading: Y }) {
-  oe.config({
+import Nt from "./order-details/index.js";
+import kt from "./notes/index.js";
+import Ht from "./system-event-logs/expanded-content/index.js";
+import Ft from "./general-information/index.js";
+import Kt from "./products-info/index.js";
+import Vt from "./order-actions/index.js";
+import { useAxios as u, useApiHook as i, DocumentTitle as jt } from "@bjsdistribution/dms-component-library";
+import { useOrderId as qt, useGsitOrderId as zt, useOrderDetails as Jt, usePrevOrderDetails as Yt, useStatusDetails as Zt, useDepotOptions as Qt, useCustomerInfo as Bt, useLocationOptions as Mt, useOrderProductsResources as Wt, useGsitCUstomerId as Xt, useOrderProductId as te, useCUstomerId as ee, useRouteId as oe, useLiveRecalling as se, useGlobalStateHitOrder as re, usegetClientData as ae, useGlobalEscData as ne, useEpodImages as ie, skeletonTomTom as de, useOrderProductSystemLogs as ce } from "./store.js";
+import { useLocation as le } from "react-router-dom";
+import { notification as ue, message as Q } from "antd";
+import fe from "./details-filters/DetailsFilters.js";
+import { useSubContracterData as me, useIsShowNorthSouth as pe, useClientPortal as ge } from "../store.js";
+import he from "./notification/index.js";
+import De from "./order-resources/expanded-content/index.js";
+import { useAllOrderStatus as _e, setResourcesCall as Se } from "./order-actions/store.js";
+import { POSTCODE_LABEL as Ie } from "../../common/utils.js";
+import { getEnvironment as Oe } from "./utils.js";
+import Pe from "./toolbox-resources/expanded-content/index.js";
+import { useAtom as B } from "jotai";
+function Qe({ locationloading: M }) {
+  ue.config({
     top: 150
   });
-  const [s, y] = Nt(), [Z, G] = Ht(), [n, B] = Ft(), [, M] = kt(), [, g] = z(!1), [, Q] = Kt(), [, T] = Vt(), [R, W] = jt(), [, X] = qt(), [tt, x] = zt(), [h, et] = Jt(), [, ot] = Yt(), [, st] = Zt(), [, rt] = Bt(), [b] = Mt(), [, at] = re(), [w] = Qt(), [, it] = de(), U = n?.id, [$] = fe(ce), [, nt] = Wt(), [, N] = Xt(), [, dt] = ae();
+  const [s, y] = qt(), [W, G] = zt(), [a, X] = Jt(), [, tt] = Yt(), [, g] = Z(!1), [, et] = Zt(), [, x] = Qt(), [R, ot] = Bt(), [, st] = Mt(), [rt, b] = Wt(), [h, at] = Xt(), [, nt] = te(), [, it] = ee(), [, dt] = oe(), [$] = se(), [, ct] = me(), [w] = re(), [, lt] = _e(), U = a?.id, [N] = B(Se), [, ut] = ae(), [, k] = ne(), [, ft] = pe(), [, mt] = ie(), [, pt] = B(de), [gt] = ge();
   o(() => {
-    it(n?.status_value);
-  }, [n?.status_value]);
+    lt(a?.status_value);
+  }, [a?.status_value]);
   const {
     data: D,
-    fetchData: ct,
+    fetchData: ht,
     loading: H
-  } = m({
+  } = u({
     endpoint: "/events/get/event/",
     method: "GET",
     pagination: { page: 1, per_page: 100 },
@@ -43,10 +44,10 @@ function He({ locationloading: Y }) {
       }
     ],
     showLoader: !1
-  }), S = ee(), [F, lt] = z([]), {
-    data: ut,
-    loading: ft,
-    setShouldPerformAction: mt
+  }), _ = le(), [F, Dt] = Z([]), {
+    data: _t,
+    loading: St,
+    setShouldPerformAction: It
   } = i({
     endpoint: "orders/",
     method: "GET",
@@ -54,42 +55,42 @@ function He({ locationloading: Y }) {
     performAction: !1
   });
   o(() => {
-    const t = new URLSearchParams(S.search);
+    const t = new URLSearchParams(_.search);
     if (t?.toString()) {
       const e = [];
-      t?.forEach((a, f) => {
-        f === "order" ? e.push({
+      t?.forEach((n, m) => {
+        m === "order" ? e.push({
           field: "gsit_order_id",
           op: "=",
-          value: a
+          value: n
         }) : e.push({
-          field: f,
+          field: m,
           op: "=",
-          value: a
+          value: n
         });
-      }), lt(e), F && (mt(!0), y(ut?.data[0]?.id));
+      }), Dt(e), F && (It(!0), y(_t?.data[0]?.id));
     } else {
-      const e = S.pathname.split("/");
+      const e = _.pathname.split("/");
       y(e[e?.length - 1]);
     }
-  }, [S.search, ft]);
+  }, [_.search, St]);
   const {
     data: c,
-    loading: _,
-    setShouldPerformAction: pt
+    loading: S,
+    setShouldPerformAction: Ot
   } = i({
     endpoint: `orders/${s}`,
     method: "GET",
     performAction: !1
   }), {
-    data: u,
+    data: f,
     loading: I,
-    setShouldPerformAction: k
+    setShouldPerformAction: K
   } = i({
     endpoint: `/orders/get_live_status/${s}`,
     method: "GET",
     performAction: !1
-  }), { data: O, loading: A } = i({
+  }), { data: O, loading: P } = i({
     endpoint: "/depot/",
     method: "GET",
     filters: [{ field: "visibility", op: "=", value: !0 }],
@@ -97,15 +98,15 @@ function He({ locationloading: Y }) {
     pagination: { is_pagination: !1 }
   });
   o(() => {
-    s && (pt(w), k(!b));
-  }, [s, b, w]), o(() => {
-    if (g(_), c && c.data) {
+    s && (Ot(w), K(!$));
+  }, [s, $, w]), o(() => {
+    if (g(S), c && c.data) {
       const t = c?.data;
-      B(t[0]), st(t[0]?.customer_id), rt(t[0]?.order_routes?.route_id), G(t[0]?.gsit_order_id), ot(t[0]?.id), W({
+      X(t[0]), it(t[0]?.customer_id), dt(t[0]?.order_routes?.route_id), G(t[0]?.gsit_order_id), nt(t[0]?.id), ot({
         recipient_name: t[0]?.order_recipient?.recipient_name ?? null,
         postcode: t[0]?.order_recipient?.postcode ?? null,
         return_action: t[0]?.return_action ?? null
-      }), M(t[0]), c?.data[0]?.gsit_order_id ? localStorage.setItem(
+      }), tt(t[0]), c?.data[0]?.gsit_order_id ? localStorage.setItem(
         "dbSyncAPICall",
         JSON.stringify({
           status: !0,
@@ -116,44 +117,44 @@ function He({ locationloading: Y }) {
     return () => {
       localStorage.removeItem("dbSyncAPICall");
     };
-  }, [_]), o(() => {
-    if (g(I), u && u.data) {
-      const t = u?.data;
-      t && Q(t);
+  }, [S]), o(() => {
+    if (g(I), f && f.data) {
+      const t = f?.data;
+      t && et(t);
     }
-  }, [I, u]);
+  }, [I, f]);
   const {
-    fetchData: gt,
-    loading: ht,
-    data: P
-  } = m({
+    fetchData: Pt,
+    loading: Et,
+    data: E
+  } = u({
     endpoint: "/v1/client/list",
     method: "GET"
   });
   o(() => {
-    s && (gt(), Ot());
+    s && (Pt(), yt());
   }, [s]), o(() => {
-    if (P && P?.data) {
-      const t = P?.data;
-      nt(t);
+    if (E && E?.data) {
+      const t = E?.data;
+      ut(t);
     }
-  }, [ht]), o(() => {
-    if (g(A), O && O.data) {
+  }, [Et]), o(() => {
+    if (g(P), O && O.data) {
       const t = O?.data;
       if (t.length > 0) {
-        const e = t?.map((a) => ({
-          label: a.name,
-          value: a.id
+        const e = t?.map((n) => ({
+          label: n.name,
+          value: n.id
         }));
-        T(e);
+        x(e);
       } else
-        T([]);
+        x([]);
     }
-  }, [A]);
+  }, [P]);
   const {
-    data: K,
+    data: V,
     setShouldPerformAction: d,
-    loading: Dt
+    loading: At
   } = i({
     endpoint: `/orders/${s}/order_resources/`,
     method: "GET",
@@ -161,44 +162,63 @@ function He({ locationloading: Y }) {
     showLoader: !1
   });
   o(() => {
-    s && ($ ? (d(!1), setTimeout(() => {
+    s && (N ? (d(!1), setTimeout(() => {
       d(!0);
     }, 200)) : d(!0));
-  }, [s, d, $]), o(() => {
+  }, [s, d, N]), o(() => {
     s && d(!0);
   }, [s, d]), o(() => {
-    s && x(K);
-  }, [K, tt, x]), o(() => () => {
-    et((t) => ({ ...t, id: void 0 }));
+    s && b(V);
+  }, [V, rt, b]);
+  const {
+    data: A,
+    loading: j,
+    fetchData: Lt
+  } = u({
+    endpoint: `orders/${s}/epod_resources/?finance=false`,
+    method: "GET"
+  });
+  o(() => {
+    s && (Lt(), a?.order_recipient?.postcode != null && J({
+      endPointQuery: `?postcode=${a?.order_recipient?.postcode}`
+    }));
+  }, [s]), o(() => {
+    if (A && A?.data) {
+      const t = A?.data?.resources;
+      mt(t);
+    }
+    pt(j);
+  }, [j]), o(() => () => {
+    at((t) => ({ ...t, id: void 0 }));
   }, []);
   const {
-    data: E,
-    loading: St,
-    setShouldPerformAction: V
+    data: L,
+    loading: Ct,
+    setShouldPerformAction: q
   } = i({
     endpoint: `/return_locations/?customer_id=${h?.id}`,
     method: "GET",
     performAction: !1
   });
   o(() => {
-    h?.id ? V(!0) : V(!1);
+    h?.id ? q(!0) : q(!1);
   }, [h]), o(() => {
-    if (E && E?.data) {
-      const t = E?.data?.map((e) => ({
+    if (L && L?.data) {
+      const t = L?.data?.map((e) => ({
         label: e?.location_name + ", " + e?.postcode,
         value: e?.token,
         is_default: e?.is_default === "True"
       }));
-      X(t);
+      st(t);
     }
-  }, [St]);
-  const [, _t] = te();
+  }, [Ct]);
+  const [, Tt] = ce();
   o(() => {
-    D && D?.data && _t(D?.data);
-  }, [H]), o(() => (Z && ct(), () => {
+    D && D?.data && Tt(D?.data);
+  }, [H]), o(() => (W && ht(), () => {
     G(void 0);
   }), [U]);
-  const { data: l, loading: It } = i({
+  const { data: l, loading: vt } = i({
     endpoint: "/sub-contractor/sub_contractor/get/",
     method: "GET"
   });
@@ -210,99 +230,100 @@ function He({ locationloading: Y }) {
           name: e.name
         })
       );
-      at(t);
+      ct(t);
     }
-  }, [l, l, It]);
+  }, [l, l, vt]);
   const {
-    data: j,
-    fetchData: Ot,
-    loading: At
-  } = m({
+    data: z,
+    fetchData: yt,
+    loading: Gt
+  } = u({
     endpoint: `/orders/escalations/${s}`,
     method: "GET"
   });
   o(() => {
-    if (j?.data) {
-      const e = j?.data?.sort(
-        (f, yt) => new Date(yt?.created_at).getTime() - new Date(f?.created_at).getTime()
-      ), a = e != null && e.length > 0;
-      N(a ? e : []);
+    if (z?.data) {
+      const e = z?.data?.sort(
+        (m, wt) => new Date(wt?.created_at).getTime() - new Date(m?.created_at).getTime()
+      ), n = e != null && e.length > 0;
+      k(n ? e : []);
     }
-  }, [At]);
-  const Pt = `${R?.recipient_name}, ${R?.postcode}`, L = ue(), { fetchData: Et } = m({
+  }, [Gt]);
+  const xt = `${R?.recipient_name}, ${R?.postcode}`, C = Oe(), { fetchData: J } = u({
     endpoint: "v1/orders/customs/postcode/check/",
     method: "GET"
-  }), Lt = async () => {
+  }), Rt = async () => {
     try {
-      const t = await Et({
-        endPointQuery: `?postcode=${n?.order_recipient?.postcode}`
+      const t = await J({
+        endPointQuery: `?postcode=${a?.order_recipient?.postcode}`
       });
       if (t?.code === 200) {
         const e = t?.data?.order_customs_postcodes;
-        dt(e);
+        ft(e);
       } else
-        J.open({
+        Q.open({
           type: "error",
           //@ts-ignore
           content: t?.error || "Something went wrong"
         });
     } catch {
-      J.open({
+      Q.open({
         type: "error",
-        content: `Failed to check ${le.toLowerCase()}. Please try again.`
+        content: `Failed to check ${Ie.toLowerCase()}. Please try again.`
       });
     }
-  }, C = {
+  }, T = {
     UK: /\b(?:[A-Za-z][A-HJ-Ya-hj-y]?[0-9][0-9A-Za-z]? ?[0-9][A-Za-z]{2}|[Gg][Ii][Rr] ?0[Aa]{2})\b/,
     IRISH: /^(?:^[AC-FHKNPRTV-Y][0-9]{2}|D6W)[ -]?[0-9AC-FHKNPRTV-Y]{4}$/,
     US: /^\d{5}(-\d{4})?$/
-  }, Ct = L === "development" || L === "staging" || L === "release_uk", vt = (t) => Ct ? C.UK.test(t) || C.IRISH.test(t) : C.US.test(t), q = Gt(!1);
+  }, bt = C === "development" || C === "staging" || C === "release_uk", $t = (t) => bt ? T.UK.test(t) || T.IRISH.test(t) : T.US.test(t), Y = Ut(!1);
   return o(() => {
-    const t = n?.order_recipient?.postcode?.trim();
-    t && vt(t) && !q.current && (q.current = !0, Lt());
-  }, [n?.order_recipient?.postcode]), /* @__PURE__ */ v(me, { children: [
-    /* @__PURE__ */ r($t, { title: Pt }),
-    /* @__PURE__ */ r(bt, { statusDataLoading: I }),
-    /* @__PURE__ */ r(se, {}),
-    /* @__PURE__ */ r(ie, {}),
+    const t = a?.order_recipient?.postcode?.trim();
+    t && $t(t) && !Y.current && (Y.current = !0, Rt());
+  }, [a?.order_recipient?.postcode]), /* @__PURE__ */ v(Ee, { children: [
+    /* @__PURE__ */ r(jt, { title: xt }),
+    /* @__PURE__ */ r(Ft, { statusDataLoading: I }),
+    /* @__PURE__ */ r(fe, {}),
+    /* @__PURE__ */ r(he, {}),
     /* @__PURE__ */ r(
-      Tt,
+      Nt,
       {
-        orderLoading: _,
-        depotDataLoading: A
+        orderLoading: S,
+        depotDataLoading: P
       }
     ),
-    /* @__PURE__ */ r(wt, { locationloading: Y }),
-    /* @__PURE__ */ v(pe, { children: [
-      /* @__PURE__ */ r(ge, { children: /* @__PURE__ */ r(Rt, {}) }),
-      /* @__PURE__ */ v(he, { children: [
-        /* @__PURE__ */ r(ne, { loading: Dt }),
-        /* @__PURE__ */ r(xt, { loading: H })
+    /* @__PURE__ */ r(Kt, { locationloading: M }),
+    /* @__PURE__ */ v(Ae, { children: [
+      /* @__PURE__ */ r(Le, { children: /* @__PURE__ */ r(kt, {}) }),
+      /* @__PURE__ */ v(Ce, { children: [
+        /* @__PURE__ */ r(De, { loading: At }),
+        !gt && /* @__PURE__ */ r(Pe, {}),
+        /* @__PURE__ */ r(Ht, { loading: H })
       ] })
     ] }),
-    /* @__PURE__ */ r(Ut, {})
+    /* @__PURE__ */ r(Vt, {})
   ] });
 }
-const me = p.div`
+const Ee = p.div`
   display: flex;
   flex-direction: column;
   gap: 10px;
   padding-bottom: 30px;
-`, pe = p.div`
+`, Ae = p.div`
   display: flex;
   gap: 15px;
   @media (max-width: 1024px) {
     display: contents;
   }
-`, ge = p.div`
+`, Le = p.div`
   flex: 1;
-`, he = p.div`
+`, Ce = p.div`
   flex: 1;
   display: flex;
   flex-direction: column;
   gap: 15px;
 `;
 export {
-  He as default
+  Qe as default
 };
 //# sourceMappingURL=index.js.map