\n // {e}}>{e} \n //
\n // }\n // })\n }\n\n // columns.push({ title: Name, className:\"cellBorder\", dataIndex: \"name\", key: \"name\" })\n\n // Add months procedurally\n\n\n\n for (let i = 12; i >= 0; i--) {\n let start = (filters.period === \"week\") ? moment().startOf(\"week\").add(-1, \"day\") : moment();\n let month = start.add(-i, filters.period).format((filters.period === \"month\") ? \"MMM\" : \"MMMD\");\n\n columns.push({ title: {month}, className: (i === 0 && filters.period !== \"week\") ? \"cellBorder\" : \"\", dataIndex: filters.period + i.toString(), key: filters.period + i.toString(), render: (e) => e || \"\" });\n }\n\n // Add Week bs\n if (filters.period === \"week\") {\n columns.push({ title: {moment().format(\"MMMD\")}, className: \"cellBorder\", dataIndex: \"week\", key: \"week\", render: (e) => { return {(e) ? e : \"\"} } })\n }\n\n // Add static columns\n columns.push({ title: Total, className: \"cellBorder\", dataIndex: \"total\", key: \"total\", render: (e) => { return {(e) ? e : \"\"} } })\n\n\n if (!filters.summarize_province) {\n columns.push({\n title: Price, className: \"cellBorder\", dataIndex: \"price\", key: \"price\", render: (e) => {\n return (e) ? {(e) ? e : \"\"}
\n }\n })\n columns.push({\n title: OO, className: \"cellBorder\", dataIndex: \"onorder\", key: \"onorder\", render: (e) => {\n return {(e) ? e : \"\"}
\n }\n })\n\n\n\n // Clone columns from summary\n let summary_columns = [...columns];\n // drop the first three columns()\n summary_columns.shift();\n summary_columns.shift();\n summary_columns.shift();\n if (filters.summarize_province) {\n summary_columns.shift();\n }\n\n const parseData = () => {\n\n if (loading) {\n return ([]);\n }\n\n return results.rows.map((item, index) => {\n\n let m = { ...item };\n\n for (let i = 12; i >= 0; i--) {\n m[filters.period + i.toString()] = m.values[i];\n }\n\n return m;\n\n\n })\n }\n\n\n const parseSummary = () => {\n\n if (loading) {\n return ([]);\n }\n\n let _summary = [{ ...summary }];\n return _summary.map((item, index) => {\n\n let m = { ...item };\n for (let i = 12; i >= 0; i--) {\n m[filters.period + i.toString()] = m.values[i];\n }\n\n return m;\n\n\n })\n\n }\n\n\n\n\n const drawHeader = () => {\n return (\n <>\n \n
\n \n )\n }\n\n\n\n\n const menu = () => {\n return (\n \n )\n }\n\n\n\n return (\n <>\n\n \n \n
\n \n \n \n setFilters({ ...filters, \"summarize_province\": e.target.checked })}>Summarize by province / state \n\n \n\n \n \n
\n \n
\n \n setFilters({ ...filters, \"period\": e.target.value })} buttonStyle=\"solid\">\n Monthly \n Weekly \n Daily \n \n \n
\n Peer Sales
\n\n {/* \n\n
\n\n\n\n )\n}","/*\n ---- Session ----\n Acts like a global varable, accessible from any component\n*/\n\nimport React from 'react';\nlet PrefsContext;\nlet { Provider } = (PrefsContext = React.createContext())\nexport const usePrefs = () => React.useContext(PrefsContext)\n\n\nexport default function Prefs(props) { \n // wrap component in a provider. \n return \n\n \n \n
\n
\n
\n Catalogues ({count.toString()})
\n Catalogues and lists that contain this item:
\n\n\n
\n \n
\n \n
\n {drawAuthor()}\n {drawListLimit()}\n {drawSharedWith()}\n {drawExpires()}\n
\n )\n\n}","/*\n ---- Html ----\n Displays HTML\n*/\n\nimport React, { useEffect, useRef, useState } from \"react\";\n\nfunction Expand(props) {\n\n \n const { html, color=\"#000\", allowbreaks = false, className=\"clamp3\" } = props;\n\n const [expand, setExpand] = useState(true)\n const ref = useRef();\n\n const getLineCount = (element) => {\n const lineHeight = parseFloat(window.getComputedStyle(element).lineHeight);\n const height = element.clientHeight;\n const lineCount = Math.round(height / lineHeight);\n return lineCount;\n }\n\n\n useEffect(() => {\n\n let _count = getLineCount(ref.current);\n if(_count > 3){\n setExpand(false);\n }\n }, [])\n\n \n \n const display = () => {\n return { __html: html };\n }\n\n return (<>\n \n{(!expand && )}\n );\n\n}\n\nexport default Expand;","import React, { useState } from \"react\";\nimport { Row, Col, Form, Modal, Typography, Divider, Space, Button, Input, message } from \"antd\";\nimport moment from \"moment\";\nimport { EditOutlined } from '@ant-design/icons';\nimport { adjustColor } from \"../utils/Utils\";\nimport conditional from \"../tools/conditional\";\nimport { apiCall } from \"../utils/Api\";\nimport CommentOptions from \"./CommentOptions\";\nimport Expand from \"../utils/Expand\";\n\nconst colors = {\n \"personal\": \"#d1b3e5\",\n \"webstore\": \"#f47ddc\",\n \"clients\": \"#fa9050\",\n \"booksellers\": \"#90EE90\",\n \"staff\": \"#ffef00\",\n \"visitors\": \"#70e2ff\",\n \"everyone\": \"#def1f6\",\n \"unknown\": \"#bad4e1\",\n}\n\nconst drawShareWith = (_key) => {\n let ret;\n switch (_key) {\n case \"webstore\":\n ret = \"staff\";\n break;\n case \"clients\":\n ret = \"rep's clients\";\n break;\n default:\n ret = _key;\n }\n return ret;\n}\n\n\nexport default function Comment(props) {\n\n const {\n isbn = \"\",\n titlelist_id = \"\",\n opennew = false,\n callback = () => { }\n } = props;\n\n const [data, setData] = useState(props.data);\n const [isnew, setIsNew] = useState(opennew);\n const [editOptions, setEditOptions] = useState({});\n const [modalVisible, setModalVisible] = useState()\n \n const deleteComment = (_comment_id) => {\n apiCall(\"comment/delete\", { comment_id: _comment_id }, (_status, _result) => {\n if (_status) {\n message.success(\"Comment deleted.\");\n callback();\n } else {\n message.error(_result.error);\n }\n setModalVisible(false);\n })\n }\n\n const saveComment = (f) => {\n\n let fields = {\n comment: data.text,\n shared_with: editOptions.current_shared_with,\n expiry_type: editOptions.expiry_type,\n visible_anywhere: editOptions.visible_anywhere,\n as_author: editOptions.current_author,\n expiry_days: editOptions.expiry_date,\n titlelist_id: editOptions.titlelist_id\n }\n\n if (isbn) {\n fields.isbn = isbn;\n }\n\n // Add id for if not new\n if (!isnew) {\n fields.comment_id = data.id;\n }\n\n // drop days if not set\n if (!editOptions.expiry_date) {\n delete fields.expiry_days;\n }\n\n // drop days if expiry_type isn't days \n if (editOptions.expiry_type !== 1) {\n delete fields.expiry_days;\n }\n\n if (!editOptions.titlelist_id) {\n delete fields.titlelist_id;\n }\n\n \n\n let method = (isnew) ? \"comment/add\" : \"comment/edit\";\n\n apiCall(method, fields, (_status, _result) => {\n if (_status) {\n callback();\n message.success(\"Comment saved successfully.\");\n close();\n }\n })\n\n }\n\n const createNew = () => {\n setData({ ...data, \"text\": \"\" });\n setIsNew(true);\n }\n\n const convertHTML = (_html) =>{\n let _ret = _html.replace(//g, '');\n _ret = _html.replace(/<\\/strong>/g, '');\n _ret = _html.replace(//g, '');\n _ret = _html.replace(/<\\/em>/g, '');\n\n console.log(_ret);\n return _ret;\n }\n\n const revertHTML = (_html) =>{\n let _ret = _html.replace(//g, '');\n _ret = _html.replace(/<\\/b>/g, '');\n _ret = _html.replace(//g, '');\n _ret = _html.replace(/<\\/i>/g, '');\n return _ret;\n }\n\n const drawEdit = () => {\n return (\n <>\n \n \n )\n }\n\n const open = () => {\n if (props.opennew) {\n setIsNew(true)\n }\n setData(props.data);\n setModalVisible(true);\n }\n\n const close = () => {\n setIsNew(false);\n setModalVisible(false);\n }\n\n return (\n <>\n \n
\n \n )\n}","import React, { useState, useEffect } from \"react\";\nimport { apiCall } from \"../utils/Api\";\nimport Comment from \"./Comment\";\nimport { Button, message, Space } from \"antd\";\nimport { useSession } from \"../utils/Session\";\nexport default function Comments(props) {\n\n const { isbn = \"\", row = false, comments = false } = props;\n const [results, setResults] = useState((comments) ? comments : []);\n const [session, setSession] = useSession(); \n\n \n\n const getComments = () => {\n\n let request = {};\n request.isbn = isbn;\n if (props.titlelist_id) {\n request.titlelist_id = props.titlelist_id;\n }\n\n apiCall(\"title/getComments\", request, (_status, _result) => {\n if (_status) {\n setResults(_result);\n }\n })\n }\n\n \n\n\n const highlight = () => {\n\n let obj = {\n isbn : isbn,\n comment : \"*Highlight\",\n shared_with : 1,\n expiry_type : 1,\n expiry_days : 90,\n as_author : \"personal\"\n }\n\n if (props.titlelist_id) {\n obj.titlelist_id = props.titlelist_id;\n }\n\n \n\n apiCall(\"comment/add\", obj, (_status, _result) => {\n if(_status){\n message.success(\"Highlight Added\");\n getComments(); \n } else {\n message.error(_result.error);\n }\n })\n }\n\n\n const drawComments = () => {\n if (results.length < 1) {\n return (<>)\n }\n \n return results.sort((a, b) => b.modified - a.modified).map((item, index) => {\n return (\n {data.author}
\n {moment(data.date * 1000).format(\"MMM Do, YYYY\")} -\n {(data.editable) ? {drawEditLink()} : drawEditLink()}\n
\n \n
\n )\n })\n }\n\n if (row) {\n return (\n <>\n \n \n \n \n \n {(session.is_store && )}\n \n \n
\n \n
\n \n {drawComments()}\n \n
\n \n )\n }\n\n return (<>\n \n \n {drawComments()}\n \n
\n \n )\n\n\n\n}","import React from 'react';\n\n\nconst Icon = ({ className, ...props }) => (\n \n {segments.map((_child, _index) => (\n
\n );\n }\n\n\n const content = (\n <>\n \n {_child.map((_chitem, _chindex) => (\n
\n ))}\n handleMouseLeave()} style={{ \"padding\": \"3px\" }}>\n\n {((stores.length > 1) && segmentArray(stores, 6))}\n
\n \n )\n\n return (\n <>\n \n
\n \n
\n tags\n const resultString = inputString.replace(lineBreakRegex, '
');\n return resultString;\n }\n\n\n\n const drawCard = () => {\n\n // handle bad data - websites without prefix\n let url = \"\";\n if (results.url) {\n if (results.url.substr(0, 4) !== \"http\") {\n url = \"https://\" + results.url;\n } else {\n url = results.url;\n }\n }\n\n return (\n <>\n
\n \n {results.name}\n \n \n \n \n \n {results.addr1} {((results.addr2) &&
\n \n \n {results.city}, {results.prov} {results.country}
\n \n \n \n \n \n \n
\n \n \n {(results.logo_id &&\n
\n \n \n 
event.target.style.display = 'none'} />\n 
event.target.style.display = 'none'} />\n
\n )}\n \n \n {(results.url && Website: {url})}\n {(results.phone && Phone: {results.phone})}\n {(results.phone2 && Phone: {results.phone2})}\n {(results.tollfree && Toll Free: {results.tollfree})}\n {(results.fax && Fax: {results.fax})}\n \n
\n {results.addr2}
)} \n
\n
{JSON.stringify(result, null, 2)} */}\n \n );\n}","import React, {useState} from \"react\";\nimport { Drawer, Modal } from \"antd\";\n\nexport default function Overlay(props) {\n\n const { maskClosable=true, component, width=1024, inline = false, auto_open = false, callback = () => {}} = props;\n const [modalVisible, setModalVisible] = useState(auto_open);\n\n const close = () =>{\n callback(); \n setModalVisible(false);\n }\n\n return (\n <>\n { e.preventDefault(); e.stopPropagation(); setModalVisible(true)}}> {props.children}
\n \n );\n\n}","\nimport React, {useState, useEffect} from \"react\";\nimport { Checkbox, Space, Select, Button } from \"antd\";\nimport { apiCall } from \"../utils/Api\";\nimport { useSession } from \"../utils/Session\";\nimport { saveMemory } from \"../utils/Utils\";\n\n\nexport default function QuickPick(props) {\n\n const { supplier = \"\", } = props;\n const [session, setSession] = useSession();\n\n let checked = \"\";\n let group = \"O\";\n\n const stores = window.sitesettings.stores.map((item, index) => { return item.store_number.toString() })\n const groups = [\"A\", \"B\", \"C\", \"D\", \"E\", \"F\", \"G\", \"H\", \"I\", \"J\", \"K\", \"L\", \"M\", \"N\", \"O\", \"P\", \"Q\", \"R\", \"S\", \"T\", \"U\", \"V\", \"W\", \"X\", \"Y\", \"Z\"];\n\n session.quick_picks.forEach(element => {\n if (element.supplier === supplier) {\n checked = \"checked\";\n group = element.group;\n }\n });\n\n const hash = str => {\n let hash = 0;\n for (let i = 0; i < str.length; i++) {\n const char = str.charCodeAt(i);\n hash = (hash << 5) - hash + char;\n hash &= hash; // Convert to 32bit integer\n }\n return new Uint32Array([hash])[0].toString(36);\n };\n\n const toggleQuickPick = (_add, _grp) => {\n apiCall((_add) ? \"store/addQuickPick\" : \"store/removeQuickPick\", { supplier: supplier, group: _grp }, (_status, _result) => {\n if (_status) {\n setSession({ ...session, \"quick_picks\": _result.quick_picks })\n }\n })\n }\n return (\n Must be imported, taking at least 2-6 weeks to get stock.\n break;\n\n case \"Qwk\":\n msg = <>Quick
Not stocked, but can get stock in less than 2 weeks.\n break;\n\n case \"LOW\":\n msg = <>LOW
Stock onhand is relatively low. Item may get backordered/cancelled.\n break;\n\n case \"POD\":\n msg = <>Print On Demand
Copies printed on demand.\n break;\n\n case \"QPOD\":\n msg = <>Quick Print On Demand
Copies printed on demand the same day.\n break;\n\n case \"RP\":\n msg = <>Reprinting
The book is being reprinted by the publisher.\n break;\n\n case \"NYR\":\n msg = <>Not Yet Received / Published
Not received by the wholesaler or published by the publisher.\n break;\n\n case \"TOS\":\n msg = <>Temporarily out of stock
Item will be in stock shortly.\n break;\n\n case \"BOO\":\n msg = <>Backorder Only
Title available as a special order. ETA unknown.\n break;\n\n case \"Mgd\":\n msg = <>Managed Title
Quantities shipped are managed manually.\n break;\n\n }\n return msg; \n}\n\nexport const drawOOToolTip = (_str) => {\n\n let _arr = [\n \"ITO - Import To Order: must be imported, taking at least 2-6 weeks to get stock.\",\n \"Qwk - Quick: not stocked, but can get stock in less than 2 weeks.\",\n \"POD - Print On Demand: copies printed on demand.\",\n \"QPOD - Quick Print On Demand: copies printed on demand the same day.\",\n \"RP - Reprinting: the book is being reprinted by the publisher.\",\n \"NYR - Not Yet Received/Published: not yet received by the wholesaler, or published by the publisher.\",\n \"TOS - Temporarily out of stock: item will be in stock shortly.\",\n \"BOO - 'Backorder Only' title available as special order. ETA unknown.\",\n \"Mgd - Managed title: quantities shipped are managed manually\"\n ]\n\n return (\n
Non-numeric OO pubstock codes.
\n \n \n \n {_arr.map(item => {\n return (
\n }>\n {_str}\n {item}
)\n })}\n \n Suplr
, key: 'acct', dataIndex: 'acct', render: (e, f) => {\n // return {e}
\n\n return Y = returnable
N = non-returnable
C = may be returnable, but conditions are applied. Contact vendor for details.} >Rtrn
Name
, width: \"200px\", key: 'store_name', dataIndex: 'store_name', render: (e, f) => {\n return City
, key: 'city', width: \"120px\", dataIndex: 'city', render: (e) => {\n return {e}
![]({\"https://cdn1.bookmanager.com/i/\")
: <>\n\n\n }\n\n\n const [expanded, setExpanded] = useState([]);\n\n const expandCell = (_data) => {\n if (!expanded.includes(_data.key)) {\n setExpanded([_data.key]);\n } else {\n setExpanded([]);\n }\n }\n\n const addKeys = (_arr) => {\n return (_arr.map((item) => {\n item[\"key\"] = Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15);;\n return item;\n }))\n }\n\n const drawChildTable = (_record) => {\n\n return ({JSON.stringify(_record, null, 2)})\n return ([TODO] Add Store / Supplier Details )\n }\n\n const [toggle, setToggle] = useState(false)\n\n\n const ftr = (_arr, _priority, _location) => {\n return _arr.filter(item => item.priority === _priority && item.country === _location).sort((a, b) => {\n return a.acct.localeCompare(b.acct);\n });\n }\n\n\n const countMatches = (arr1, arr2) => {\n let count = 0;\n for (let i = 0; i < arr1.length; i++) {\n if (arr2.includes(arr1[i])) {\n count++;\n }\n }\n return count;\n }\n\n\n const parseSuppliers = (_count = false, _toggle = toggle) => {\n\n\n\n \n\n\n\n let _s = [...suppliers];\n let _main = [];\n let _secondary = [];\n let _quickpicks = [];\n let _qps = session.quick_picks.reduce((a, { supplier }) => {\n if (supplier) a.push(supplier);\n return a;\n }, []);\n\n if (_qps.length > 0 && !_count) {\n _qps.forEach(item => {\n if (!_s.find(sup => sup.acct === item)) {\n _quickpicks.push({ acct: item })\n } else {\n _quickpicks.push(_s.find(sup => sup.acct === item))\n _s = _s.filter(sup => sup.acct !== item);\n }\n })\n }\n\n\n if (window.sitesettings.is_canadian) {\n // Canadian order\n _main = ftr(_s, \"Fav\", \"Canada\").concat(ftr(_s, \"Fav\", \"USA\")).concat(ftr(_s, \"Normal\", \"Canada\")).concat(ftr(_s, \"Normal\", \"USA\"));\n _secondary = ftr(_s, \"Private\", \"Canada\").concat(ftr(_s, \"Private\", \"USA\"));\n } else {\n // American\n _main = ftr(_s, \"Fav\", \"USA\").concat(ftr(_s, \"Fav\", \"Canada\")).concat(ftr(_s, \"Normal\", \"USA\")).concat(ftr(_s, \"Normal\", \"Canada\"));\n _secondary = ftr(_s, \"Private\", \"USA\").concat(ftr(_s, \"Private\", \"Canada\"))\n }\n\n\n // Trevor asks not split private from fav,normal\n let _break = _main.length || null;\n _main = _main.concat(_secondary);\n _secondary = [];\n\n // Counts\n if (_qps.length > 0 && _count) {\n // only count suppliers that exist in both...\n let matches = countMatches(_main, _qps)\n return _main.length - matches;\n }\n\n if (_count) {\n return _secondary.length;\n }\n\n if (_qps.length > 0 && !_count && !toggle) {\n return _quickpicks;\n }\n\n let _ret = [];\n\n // Display logic (if added)\n if(_main.length > 0 && _main[0].display_order !== null){\n return(_quickpicks.concat(_main.sort((a, b) => a.display_order - b.display_order)))\n }\n\n\n // hack \n if (_main.length > 0) {\n if (_break !== null) {\n _main[_break - 1][\"break\"] = true;\n }\n\n }\n\n\n _ret = _main;\n\n\n\n return _quickpicks.concat(_ret);\n }\n\n\n\n\n // Supl, oh, oo, sellpr, pm, SupPr, Disc, Cost, Asof, QP-Grp\n\n\n const groupMenu = (f) => {\n return (\n \n \n
\n )\n }\n\n\n const PublisherToolTip = (props) => {\n const { title = \"\" } = props;\n const [open, setOpen] = useState(true);\n return (\n Click to create an order for this vendor under the default group O. Each click will add one copy on order.}>\n selectSupplier(f, false, true, \"\", true)} style={{ \"fontSize\": \"11px\", \"fontWeight\": (f.priority === \"Fav\") ? \"bold\" : \"normal\" }}>{f.acct}\n
\n \n setToggle(!toggle)}>{(toggle) ? <>See less Suppliers marked as PRIVATE will be hidden until See More is selected. When a supplier is marked as a Quick Pick, all other suppliers will appear under See More. }>See {show_more} more \n \n \n \n \n
\n )\n }\n\n const drawLast = (_supp) => {\n let _find = parseSuppliers().find(item => item.acct === _supp);\n if (_find) {\n selectSupplier(_find)\n } else {\n selectSupplier({ acct: _supp });\n }\n }\n\n const drawHeader = (_header, _memory = true) => {\n return (\n \n \n \n \n \n\n updatePrice(price)}>${price} CAD \n updatePrice(list_price_usa)}>${list_price_usa} USD \n \n
\n \n \n \n {_header}\n \n
\n )\n }\n\n if (is_order) {\n if (parseSuppliers().length === 0) {\n return (<>);\n }\n return (<>\n \n {/*
\n\n \n
\n \n
\n \n {note}
} message={{(note_posted) ? {moment(note_posted * 1000).format(\"MMM D, YYYY\")} : \"\"}
Private notes:\n \n
{item}
)\n })}\n \n )\n\n }\n\n return (\n <>\n \n \n );\n\n}","import { Button, Typography, Spin, Empty } from \"antd\";\nimport React, { useEffect, useRef, useState } from \"react\";\nimport { apiCall } from \"../../utils/Api\";\nimport ItemLayouts from \"../ItemLayouts\";\nimport { CloseOutlined } from '@ant-design/icons'\nimport Renderer from \"../Renderer\";\nexport default function SeriesCount(props) {\n\n const { isbn = \"\", drawComponent = () => { }, next = false, series = \"\", series_num = \"\" } = props;\n const [drawn, setDrawn] = useState(false);\n // Fetch next or previous series \n const getSeries = (_next = false) => {\n drawComponent(\n
\n \n\n {/* Loading animation */}\n {(loading && <>\n \n {titles.rows.map((item, index) => {\n return (\n
\n\n {/* Empty */}\n {((!loading && titles.rows.length === 0) && <>\n \n
\n )\n })}\n \n
\n )}\n \n )\n }\n\n // Buttons\n return (\n\n \n\n\n )\n\n\n\n\n\n}","import React, { useEffect, useState } from \"react\";\nimport { Cascader, TreeSelect, message } from 'antd';\nimport { apiCall } from \"../../utils/Api\";\n\n\nexport default function BisacSelector(props) {\n\n const { value, size = \"middle\", setValue = () => { }, strToArr, multiple = true } = props;\n const [loading, setLoading] = useState(true);\n const [results, setResults] = useState([])\n\n const markNonBooks = (_arr) => {\n\n return _arr.map(item => {\n if(!item.hasOwnProperty(\"id\")){\n return { ...item, \"label\": item.label + \" (can't select)\", \"selectable\" : false, id : item.label, \"children\": markNonBooks(item.children) }\n }\n if (item.hasOwnProperty(\"id\") && item.id.substr(0, 1) === \"_\") {\n return { ...item, \"label\": item.label + \" (nonbook)\", \"selectable\" : true, \"children\": markNonBooks(item.children) }\n } else {\n return {...item, \"selectable\" : true}\n }\n })\n }\n\n\n // const markNonBooks = (_arr) => {\n // return _arr.map(item => {\n // if (item.id.substr(0, 1) === \"_\") {\n // if (item.hasOwnProperty(\"children\")) {\n // return { ...item, \"label\": item.label + \" (nonbook)\", \"children\": markNonBooks(item.children) }\n // } else {\n // return { ...item, \"label\": item.label + \" (nonbook)\" }\n // }\n // } else {\n // return item;\n // }\n // })\n // }\n\n\n const getBisacs = () => {\n\n apiCall(\"title/getBisacs\", {}, (_status, _result) => {\n if (_status) {\n setResults(markNonBooks(_result));\n setLoading(false);\n }\n })\n }\n\n useEffect(getBisacs, []);\n\n\n\n\n\n const onChange = (_v) => {\n console.log(_v);\n }\n\n const loadData = selectedOptions => {\n const targetOption = selectedOptions[selectedOptions.length - 1];\n targetOption.loading = true;\n\n }\n\n\n\n const getOptions = (_results) => {\n\n return _results.map((item, index) => {\n return {\n value: item.id,\n key: item.id,\n title: ({item.label} - ({item.id})
),\n selectable : item.selectable,\n children: getOptions(item.children)\n }\n })\n }\n\n\n return (\n <>\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n 0)}>\n \n \n \n \n \n \n \n \n \n \n \n
\n )\n }\n\n const parseReviews = (_reviews) => {\n if (!_reviews || _reviews.length === 0) {\n return (\"\");\n }\n return _reviews.map((_review, index) => {\n return ();\n });\n }\n\n\n\n const draw = (_res) => {\n\n\n if(field === \"\"){\n return drawProductDetails(_res);\n }\n\n if (!_res.hasOwnProperty(field)) {\n return <> //Binding {binding}
\n Pages: {pages}
\n Series: {series}
\n Series Number: series_num
\n Edition Type: {edition_type}
\n Publisher: {publisher}
\n Language: {language}
\n {(is_forthcoming) ? \"Releases:\" : \"Published:\"} {(release_date) ? moment(release_date * 1000).format(\"MMMM D, YYYY\") : \"\"}
\n Audience: {audience}
\n Subjects: {parseSubjectsList(subjects)}
\n EAN: {isbn}
\n Physical Dimensions: {width}\" x {height}\"
\n Shipping Weight: {(weight) ? weight.toString() + \"lbs.\" : \"\"}
\n Carton Quantity: {(carton_qty) ? carton_qty.toString() : \"\"}
\n Sales Rank: {parseRank(rank)}
\n \n {draw(result)}\n
\n \n Digital Resources ({data.length})
\n \n {e}\n
: \"\";\n }\n },\n { title: Source, dataIndex: 'source_display', key: 'source_display' },\n {\n title: Created, dataIndex: 'date_created', key: 'date_created', render: (e) => {\n return (e) ? {moment(e * 1000).format(\"MMM Do, YYYY\")} : \"\";\n }\n },\n {\n title: Modified, dataIndex: 'date_changed', key: 'date_changed', render: (e) => {\n return (e) ? {moment(e * 1000).format(\"MMM Do, YYYY\")} : \"\";\n }\n },\n { title: , width: \"0x\", style: { \"padding\": \"0px\" }, dataIndex: 'bs', key: 'bs' },\n { title: Priority, dataIndex: 'title_weight', key: 'title_weight' },\n { title: , width: \"0x\", style: { \"padding\": \"0px\" }, dataIndex: 'bs', key: 'bs' },\n ]\n\n // \"title_weight\": 1001,\n // \"data\": \"I Love Corgis! : this is the subtitle by bookmanager\",\n // \"source_display\": \"\",\n // \"date_created\": 1628183900,\n // \"date_changed\": 1628183900,\n // \"row_id\": 76076143,\n // \"isbn\": \"ATEST00000000\",\n // \"eisbn\": \"Ryan_Y-Z0UVpa4PqhAdL4w\",\n // \"banned_bisacs\": null,\n // \"is_editable\": false\n\n\n\n\n const onRowClick = (_record) => {\n\n if (_record.is_editable) {\n\n if (row === _record.row_id) {\n setRow(null);\n } else {\n setRow(_record.row_id);\n }\n\n } else {\n setRow(null);\n }\n setValue(_record.data);\n }\n\n\n const drawEditForm = () => {\n\n return (\n \n 0}>\n { return (record.row_id === row) ? \"ant-table-row-selected\" : \"\" }}\n loading={loading}\n columns={columns}\n dataSource={data.rows}\n pagination={false}\n onRow={(record, rowIndex) => {\n return {\n onClick: event => { onRowClick(record) }, // click row\n };\n }}\n />\n \n \n
\n \n\n
\n \n
\n \n \n \n \n \n \n\n \n \n
\n \n \n
This image is from a higher-priority source and cannot be replaced or deleted.
)\n }\n\n return (\n <>\n \n e.target.src = cover_path} placeholder={\"\"} src={\"https://cdn1.bookmanager.com/mosaic/i/m?b=\" + eisbn + cache} />\n
\n )\n\n}","import React, { useState, useEffect } from \"react\";\nimport { Row, Col, Card, Space, Typography, Tabs, Divider, Button, Spin } from \"antd\";\nimport { apiCall } from \"../../utils/Api\";\n\nimport Peek from \"../Peek\";\nimport Comments from \"../Comments\";\nimport nocover from \"../../media/no-cover.png\"\nimport TitleEditField from \"./TitleEditField\";\nimport conditional from \"../../tools/conditional\";\nimport { parseAuthors, parseSubjects, parseRank, parseSubjectsList, parseSubjectsBisacs } from \"../../utils/Utils\";\nimport Html from \"../../utils/Html\";\nimport moment from \"moment\";\nimport BisacSelector from \"./BisacSelector\";\nimport { EditOutlined, ReloadOutlined, CloseOutlined } from '@ant-design/icons';\nimport CoverImage from \"./CoverImage\";\nimport { cacheBuster } from \"../../utils/Utils\";\n// Variants\nexport default function TitleDetails(props) {\n\n const { isbn, drawComponent = () => { }, close = false } = props;\n const [results, setResults] = useState({});\n const [loading, setLoading] = useState(true);\n const [editing, setEditing] = useState(true);\n const [edit, setEdit] = useState({ annotation_data: [] })\n const [cache, setCache] = useState(cacheBuster());\n const\n {\n authors = [],\n price = null,\n rank = {\n bestseller: null,\n },\n binding = \"\",\n can_upload_image = false,\n release_date = null,\n is_forthcoming = false,\n available = [],\n canadian = false,\n title = \"\",\n subtitle = \"\",\n eisbn = \"\",\n height = null,\n width = null,\n pages = null,\n publisher = \"\",\n has_libro_audiobook = true,\n audience = null,\n edition = \"\",\n edition_type = null,\n has_interiors = null,\n print_status = null,\n imprint = \"\",\n series = \"\",\n series_num = \"\",\n weight = null,\n carton_qty = null,\n description = \"\",\n bio = [],\n comments = [],\n reviews = [],\n subjects = [],\n catalogues = [],\n illustrations = \"\",\n interiors = [],\n language = \"\",\n\n marketing = {\n \"key_points\": [],\n \"more_info\": [],\n \"awards\": [],\n \"promotion\": [],\n \"printing\": [],\n \"extras\": {\n \"links\": [],\n \"publisher_links\": [],\n \"author_links\": []\n },\n \"sales_rights\": [\n ]\n }\n\n } = results;\n\n const {links = [], publisher_links = [], author_links = []} = marketing.hasOwnProperty(\"extras\") ? marketing.extras : {};\n\n\n const getTitle = () => {\n apiCall(\"title/getItem\", { isbn: isbn, want_keys_csv: \"description, bio, marketing, sales\" }, (_status, _result) => {\n if (_status) {\n setCache(cacheBuster());\n setResults(_result);\n getEdit();\n }\n })\n }\n\n const getEdit = (_currentedit) => {\n\n apiCall(\"title/getEdit\", { isbn: isbn }, (_status, _result) => {\n if (_status) {\n if (!_result.hasOwnProperty(\"annotation_data\")) {\n _result.annotation_data = [];\n }\n setEdit(_result);\n setLoading(false)\n }\n })\n }\n\n useEffect(getTitle, [isbn])\n\n const noCover = (e) => {\n e.target.src = nocover;\n e.target.onerror = null;\n }\n\n const parseBio = (_bios) => {\n\n if (!_bios || _bios.length === 0) {\n return (\"\");\n }\n return _bios.map((_bio, index) => {\n return ();\n });\n }\n\n const parseReviews = (_reviews) => {\n if (!_reviews || _reviews.length === 0) {\n return (\"\");\n }\n return _reviews.map((_review, index) => {\n return ();\n });\n }\n\n\n const drawLinks = (_arr, _label) => {\n\n if (_arr.length < 1) {\n return (<>);\n }\n return (\n <>\n {_label}\n {_arr.map((item, _index) => {\n return ();\n })}\n \n \n )\n }\n\n const drawArray = (_arr, _label) => {\n\n return (\n <>\n {_label}
\n
\n\n\n {/* \n \n\n \n */}\n\n \n \n\n\n \n \n\n \n \n\n \n \n\n \n \n\n \n \n\n \n \n\n\n \n \n\n \n \n\n \n \n\n \n \n\n \n \n\n \n \n\n \n \n\n \n \n\n \n \n\n 0 || editing)}>\n \n\n \n \n\n \n \n\n \n \n\n \n \n\n \n \n\n \n \n\n \n \n\n \n \n\n
\n )\n }\n\n\n const strToArr = (_v) => {\n\n if (Array.isArray(_v)) {\n return _v;\n } else {\n if (_v) {\n return _v.split(\",\")\n } else {\n return [_v];\n }\n\n }\n }\n\n const drawFlags = (_v) => {\n return _v.map((item, index) => {\n return \n Price CAD {edit.stat}
\n \n Price USD {edit.stat}
\n \n Status {edit.stat}
\n \n Binding {binding}
\n Pages: {pages}
\n Series: {series}
\n Series Number: {edit.series_number}
\n Edition Type: {edit.edition_type}
\n Edition Number: {edit.edition_num}
\n Publisher: {publisher}
\n Language: {language}
\n {(is_forthcoming) ? \"Releases:\" : \"Published:\"} {(release_date) ? moment(release_date * 1000).format(\"MMMM D, YYYY\") : \"\"}
\n {(is_forthcoming) ? \"Releases US:\" : \"Published US:\"} {(edit.pubdate_us) ? moment(edit.pubdate_us * 1000).format(\"MMMM D, YYYY\") : \"\"}
\n Audience: {audience}
\n Audience code: {edit.audience_code}
\n Audience type: {edit.audience_type}
\n Audience min: {edit.audience_min}
\n Audience max: {edit.audience_max}
\n Subjects: {parseSubjectsBisacs(subjects)}
\n EAN: {isbn}
\n Width: {(width) ? width + '\"' : \"\"}
\n Height: {(height) ? height + '\"' : \"\"}
\n Depth: {(edit.depth) ? edit.depth + '\"' : \"\"}
\n Physical Dimensions: {width}\" x {height}\"
\n Shipping Weight: {(weight) ? weight.toString() + \"lbs.\" : \"\"}
\n Carton Quantity: {(carton_qty) ? carton_qty.toString() : \"\"}
\n Sales Rank: {parseRank(rank)}
\n \n })\n }\n\n\n const hasAnnotationData = (_num) => {\n \n let exists = edit.annotation_data.find((item) => item.id === _num)\n if (!exists) {\n exists = edit.missing_annotation_data.find((item) => item.id === _num)\n }\n return exists;\n }\n\n const getAnnotationData = (_num) => {\n let exists = edit.annotation_data.find((item) => item.id === _num);\n\n if (exists) {\n if (exists.hasOwnProperty(\"rows\")) {\n return exists.rows;\n } else {\n return []\n }\n }\n return [];\n }\n\n const drawDetails = () => {\n return (<>\n\n\n\n\n {/* */}\n\n {/*
\n
*/}\n\n\n \n
\n \n\n\n
\n )\n }\n\n\n\n\n\n\n if (loading) {\n return (\n \n \n\n \n\n \n\n\n Description} key=\"description\">\n {/* Description */}\n \n {(description) ? : \"\"}\n \n\n \n
\n\n {parseBio(getAnnotationData(2))}\n \n\n
\n\n {parseBio(getAnnotationData(3))}\n \n\n
\n\n {parseBio(getAnnotationData(12))}\n \n
\n\n {parseBio(getAnnotationData(12))}\n \n\n
\n\n\n \n \n Author} key=\"author\">\n \n {parseBio(bio)}\n \n \n Details} key=\"details\">\n {drawProductDetails()}\n \n Reviews} key=\"reviews\">\n {parseReviews(reviews)} \n \n\n Marketing} key=\"marketing\">\n {/* // Removed by kellynda's request #1131 */}\n {/* 0) || editing)}>\n {(marketing.sales_rights.length > 0) ? <>Sales Rights \n \n */}\n\n 0)}>\n \n {drawArray(marketing.key_points, \"Key Points\")}\n \n\n 0)}>\n \n {drawArray(marketing.more_info, \"More Info\")}\n \n\n 0)}>\n \n {drawArray(marketing.awards, \"Awards\")}\n \n\n 0)}>\n \n {drawArray(marketing.promotion, \"Promotion\")}\n \n\n 0)}>\n \n {drawArray(marketing.printing, \"Printing\")}\n \n\n\n\n 0) || (publisher_links.length > 0) || (author_links.length > 0))}>\n \n {drawLinks(links, \"Links\")}\n {drawLinks(publisher_links, \"Publisher Links\")}\n {drawLinks(author_links, \"Author Links\")}\n \n\n\n\n\n \n\n\n\n\n\n\n\n \n \n
\n \n \n \n\n \n\n \n\n
\n\n \n\n \n {title} \n \n \n {subtitle}\n \n \n\n \n {parseAuthors(authors)}\n \n\n\n \n \n {(authors[0]) ? {authors[0].name} : \"\"} \n {(authors[1]) ? <>{authors[1].name} : \"\"} \n {(authors[2]) ? <>{authors[2].name} : \"\"} \n \n \n\n \n\n \n\n {/* Publisher */}\n \n {publisher}
\n \n\n {/* Subjects */}\n \n {parseSubjects(subjects)}
\n \n\n {/* Binding */}\n \n {(binding) ? {binding} : \"\"}
\n \n\n {/* Publish Date */}\n \n {(release_date && <>{(is_forthcoming) ? \"Releases:\" : \"Published:\"} {moment(release_date * 1000).format(\"MMMM D, YYYY\")} )}
\n \n\n {/* US Publish Date */}\n \n {(edit.pubdate_us && <>{(is_forthcoming) ? \"Releases US:\" : \"Published US:\"} {moment(edit.pubdate_us * 1000).format(\"MMMM D, YYYY\")} )}
\n \n\n {/* Series */}\n \n {(release_date && <>Series: {series} )}
\n \n\n {/* Series Number */}\n \n {(edit.series_number) ? <>Series Number: {edit.series_number} : \"\"}
\n \n\n {/* Rank */}\n \n {parseRank(rank)}\n \n\n \n\n \n
\n \n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n\n\n
{ucfirst(_k)}
)}{ucfirst(_k)}
)});\n });\n })\n } else {\n return _arr[_key].map((_itm, index) => {\n if (_itm) {\n inc++;\n }\n // Removed by kellynda's request #1131\n if (_key === \"sales_rights\") {\n return (<>);\n }\n if (_key === \"more_info\" || _key === \"awards\") {\n return (<>{(index === 0 && {ucfirst(_key)}
)});\n }\n return (<>{(index === 0 && {ucfirst(_key)}
)}-{_source.join(\", \")}
\n } else {\n return(<>)\n }\n\n }\n\n const parseReviews = (_reviews) => {\n if (!_reviews || _reviews.length === 0) {\n return (\"\");\n }\n return _reviews.map((_review, index) => {\n return ({drawSource(_review)});\n });\n }\n\n function marketingCheck(){\n for(const [key, value] of Object.entries(tab_data.marketing)){\n\n if(tab_data.marketing?.extras){\n return true;\n }\n \n if(value.length > 0 && key !== \"sales_rights\"){\n return true;\n }\n }\n return false;\n }\n\n function drawMarketingTab(){\n if(marketingCheck()){\n return(\n {drawMarketing(tab_data.marketing)}
\n \n \n
)\n })}\n {display_urls.map((item) => {\n return(\n \n \n
)\n })}\n );\n })}\n
\n \n
\n \n setC(e)} touchMove={true} draggable={true} asNavFor={nav.current} ref={media} dots={false} style={{ \"height\": \"calc(100vh - 150px)\" }}>\n {(hasCover &&\n \n 0}>\n \n
\n }\n > close()} style={{ \"maxHeight\": \"100px\" }} key={\"main\"}>\n
\n )}\n\n {interiors.map((interior, index) => {\n return (\n
\n \n ![]()
{ e.stopPropagation(); }} style={{ \"margin\": \"0 auto\", \"maxHeight\": \"calc(100vh - 250px)\" }} src={image_path} />\n
\n \n {((interiors.length > 0) &&
\n { e.stopPropagation(); media.current.prev() }}>
)}\n \n {((interiors.length > 0) &&
\n { e.stopPropagation(); media.current.next() }}>
)}\n \n {((c === 0) &&\n
\n \n {\n e.stopPropagation(); window.open(image_path, \"_blank\");\n }}>\n
\n )}\n close()} style={{ \"maxHeight\": \"100px\" }} key={index}>\n
)\n })}\n \n {(c === (index + 1)) &&\n
\n \n {\n e.stopPropagation(); window.open(getInteriorPath(interior.key, interior.cb, interior.b2b));\n }}>
\n }\n \n ![]()
e.stopPropagation()} style={{ \"margin\": \"0 auto\", \"maxHeight\": \"calc(100vh - 250px)\" }} src={getInteriorPath(interior.key, interior.cb, interior.b2b)} />\n
\n \n {((interiors.length > 0) &&
\n { e.stopPropagation(); media.current.prev() }}>
)}\n \n {((interiors.length > 0) &&
\n { e.stopPropagation(); media.current.next() }}>
)}\n \n \n {(hasCover &&\n \n
\n close()} style={{ \"maxHeight\": \"40px\" }} key={\"main\"}>\n ![]()
{\n media.current.goTo(0);\n e.stopPropagation()\n }} style={{ \"margin\": \"0 auto\", \"maxWidth\": \"40px\", \"cursor\": \"pointer\" }} src={image_path} />\n
\n )}\n\n {interiors.map((interior, index) => {\n return ( close()} style={{ \"maxHeight\": \"40px\" }} key={index}>\n ![]()
{\n media.current.goTo(index + 1);\n e.stopPropagation()\n }} style={{ \"margin\": \"0 auto\", \"maxWidth\": \"40px\", \"cursor\": \"pointer\" }} src={getInteriorPath(interior.key, interior.cb, interior.b2b)} />\n
)\n })}\n \n
\n \n
\n \n
\n \n {/* mask, maskClassName: \"dark-mask\", onVisibleChange: vis => setVisible(vis) }}>\n */}\n\n\n
\n \n )\n}","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ2MCwgMjAyMC8wNS8xMi0xNjowNDoxNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjIgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJDRUIzQjFEMkQ5MjExRUU5MzU3QjA1NjExRjIyNzYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJDRUIzQjFFMkQ5MjExRUU5MzU3QjA1NjExRjIyNzYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkNFQjNCMUIyRDkyMTFFRTkzNTdCMDU2MTFGMjI3NjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkNFQjNCMUMyRDkyMTFFRTkzNTdCMDU2MTFGMjI3NjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4tw8nCAAAAtUlEQVR42mL8//8/w0ACFhDByMh4hkz9JpRYDvI8E8MAAxZkzuNHz4nSJCsnSZJ6XPpBYHCFADEuRhPHm3aAIUQwjQyNECA3jRADhlYIUDuNgMqR4REClKSRAQ+BUQeMOoCmDgCldkKl4vAqB3CVjPjaD4MrBEipxYgpEYlpOQ2aEDDB51IiajWy64ahlQuolUaGXggQat2Sm0YGRQgwgvpnwL4hpeaQFQJAu00GRwgMJAAIMACypDhDoT65cAAAAABJRU5ErkJggg==\"","import { Popover, Space } from \"antd\";\nimport React, { useEffect, useState } from \"react\";\nimport { CaretDownOutlined } from '@ant-design/icons';\nimport { getMemory, saveMemory } from \"../../utils/Utils\";\n\n\n\n\nexport default function TitleLinks(props) {\n\n const { isbn = \"\", authors = [] } = props;\n const [open, setOpen] = useState(false);\n\n let _index = 0;\n let _memories = getMemory(\"titlelink\");\n if (_memories.length > 0) {\n\n if (isNaN(_memories[0])) {\n _index = 0\n } else {\n _index = _memories[0];\n }\n\n }\n\n\n const [index, setIndex] = useState(_index);\n\n\n const toIsbn10 = (isbn13) => {\n const isbn = isbn13.substring(3);\n\n let sum = 0;\n for (let i = 0; i < 9; i++) {\n const mul = 10 - i;\n sum += parseInt(isbn.charAt(i)) * mul;\n }\n\n let check = 11 - sum % 11;\n if (check == 10) check = \"X\";\n return `${isbn.substring(0, 9)}${check}`;\n }\n\n\n\n\n\n\n\n const sites = [\n {\n label: \"Amazon\",\n ico: \"icon_amazon.png\",\n get: (isbn) => {\n if (isbn.substr(0, 3).toString() === \"979\") {\n return `https://www.amazon.com/s?k=${isbn}`;\n } else {\n const isbn10 = toIsbn10(isbn);\n return `https://amazon.com/exec/obidos/ASIN/${isbn10}`;\n }\n }\n },\n {\n label: \"Amazon Canada\",\n ico: \"icon_amazoncdn.png\",\n get: (isbn) => {\n return `https://www.amazon.ca/s?k=${isbn}`;\n // const isbn10 = toIsbn10(isbn);\n // return `https://amazon.ca/exec/obidos/ASIN/${isbn10}`;\n }\n\n },\n\n\n {\n label: \"BNC Catalist\",\n ico: \"icon_bnccatalist2.png\",\n get: (isbn) => `https://bnccatalist.ca/SearchResults.aspx?search==${isbn}`\n },\n {\n label: \"BookFinder\",\n ico: \"icon_bookfinder.png\",\n get: (isbn) => `https://bookfinder.com/search/?isbn=${isbn}&mode=basic&st=sr&ac=qr`\n },\n {\n label: \"Christianbook\",\n ico: \"icon_christianbook.png\",\n get: (isbn) => `https://christianbook.com/Christian/Books/easy_find?Ntt=${isbn}&Ntk=keywords&action=Search`\n },\n {\n label: \"Edelweiss+\",\n ico: \"icon_edelweiss_plus.png\",\n get: (isbn) => `https://www.edelweiss.plus/#sku=${isbn}`\n },\n {\n label: \"Goodreads\",\n ico: \"icon_goodreads.png\",\n get: (isbn) => `https://goodreads.com/search?query=${isbn}`\n },\n {\n label: \"Google\",\n ico: \"icon_google-2015.png\",\n get: (isbn) => `https://google.com/search?q=${isbn}`\n },\n {\n label: \"Literature Map\",\n ico: \"icon_literaturemap.png\",\n special: true,\n get: (first, last) => `https://literature-map.com/${first}+${last}`\n },\n\n\n {\n label: \"BNC SalesData\",\n ico: \"icon_bncsalesdata.png\",\n get: (isbn) => `https://www.salesdata.ca/TitleISBNResults.aspx?rng=lifetime&isbn=${isbn}`\n },\n\n {\n label: \"BookDepot\",\n ico: \"icon_bookdepot.png\",\n get: (isbn) => `https://bookdepot.ca/Store/Search?qf=All&q=${isbn}`\n },\n\n {\n label: \"49th shelf\",\n ico: \"icon_49thshelf.png\",\n get: (isbn) => `http://49thshelf.com/content/search?search_in=93&SearchButton=&SearchText=${isbn}`\n },\n\n {\n label: \"iPage\",\n ico: \"icon_ipage.png\",\n get: (isbn) => `https://ipage.ingramcontent.com/ipage/administration/home/home.action`\n },\n\n {\n label: \"B&T TS360\",\n ico: \"icon_baker_taylor.png\",\n get: (isbn) => `https://ts360.baker-taylor.com/_layouts/CommerceServer/QuickSearch.aspx?keyword=${isbn}`\n },\n\n {\n label: \"Indigo\",\n ico: \"icon_chapters.png\",\n get: (isbn) => `https://www.chapters.indigo.ca/home/search/?keywords=${isbn}`\n },\n\n {\n label: \"Barnes & Noble\",\n ico: \"icon_bn.png\",\n get: (isbn) => `http://barnesandnoble.com/s/${isbn}`\n },\n\n {\n label: \"books.google.com\",\n ico: \"icon_google-2015.ico\",\n get: (isbn) => `http://www.google.com/search?tbs=bks%3A1&tbo=1&btnG=Search+Books&q=${isbn}`\n },\n\n {\n label: \"AbeBooks\",\n ico: \"icon_abebooks.png\",\n get: (isbn) => `http://www.abebooks.com/servlet/SearchResults?sts=t&x=81&y=12&isbn=${isbn}`\n },\n\n {\n label: \"Powell's\",\n ico: \"icon_powells.png\",\n get: (isbn) => `http://www.powells.com/searchresults?keyword=${isbn}`\n },\n\n\n {\n label: \"Alibris\",\n ico: \"icon_alibris.png\",\n get: (isbn) => `http://www.alibris.com/booksearch?binding=&mtype=B&hs.x=0&hs.y=0&hs=Submit&keyword=${isbn}`\n },\n\n {\n label: \"ebay.com\",\n ico: \"icon_ebay.png\",\n get: (isbn) => `http://shop.ebay.com/${isbn}`\n },\n\n\n {\n label: \"NetGalley\",\n ico: \"icon_netgalley.png\",\n get: (isbn) => `https://www.netgalley.com/catalog/?text=${isbn}`\n },\n\n\n\n\n\n ]\n\n\n\n\n\n\n\n\n // { 'icon': '/i/icon_netgalley.png', 'text': 'NetGalley', 'url': 'https://www.netgalley.com/catalog/?text=%s', 'format_type': 2, 'formatted_isbn': isbn13 }\n\n\n const linkOut = (_url, _index) => {\n\n saveMemory(\"titlelink\", _index);\n setIndex(_index);\n setOpen(false);\n window.open(_url, \"_blank\");\n }\n\n const drawLink = (_itm, _index, _label = true) => {\n\n\n if (!_itm) {\n return \"\";\n }\n let icon = `https://cdn1.bookmanager.com/i/${_itm.ico}`;\n let url = \"\";\n if (_itm.hasOwnProperty(\"special\")) {\n\n if (!authors.length > 0) {\n return \"\";\n }\n\n let a = authors[0].name;\n if (a.name) {\n let name = a.name.toLowerCase().split(\" \");\n url = _itm.get(name[0], name[1]);\n }\n } else {\n url = _itm.get(isbn);\n }\n\n\n if (_label) {\n\n return (\n\n linkOut(url, _index)} key={_index} rel=\"noopener\">\n \n Stuff\n
\n \n \n {/* 
*/}\n
\n {(_label) ? _itm.label : \"\"}\n \n\n
\n\n \n\n\n )\n }\n\n\n }\n\n const drawLinks = () => {\n\n\n return (\n <>\n \n \n {sites.map((item, _ind) => {\n return ( \n
\n \n )\n\n }\n\n\n\n const draw = () => {\n\n return (\n <>\n {drawLink(item, _ind)}
)\n })}\n {drawLink(sites[index], index, false)}
\n {(onhand) ? onhand : \"\"}
\n {(onorder) ? onorder : \"\"}
\n Create PDF
\n \n \n {drawIncs(r)}\n \n
\n )\n}","import React, { useState, useEffect } from \"react\";\nimport { Button, Space, Typography, Divider } from \"antd\";\nimport { apiCall } from \"../../utils/Api\";\nimport { CloseOutlined } from '@ant-design/icons';\nimport Renderer from \"../Renderer\";\nimport ItemLayouts from \"../ItemLayouts\";\nimport LazyLoad from \"react-lazy-load\";\nimport TitleResults from \"./TitleResults\";\nimport { ucfirst } from \"../../utils/Utils\";\nexport default function TitleRelated2(props) {\n const { isbn, related_count = {\n previous_edition: {\n fullname: \"\",\n shortname: \"\",\n shortkey: \"\",\n ids: [],\n count: 0,\n },\n next_edition: {\n fullname: \"\",\n shortname: \"\",\n shortkey: \"\",\n ids: [],\n count: 0,\n },\n comparable_titles: {\n fullname: \"\",\n shortname: \"\",\n shortkey: \"\",\n ids: [],\n count: 0,\n },\n included_items: {\n fullname: \"\",\n shortname: \"\",\n shortkey: \"\",\n ids: [],\n count: 0,\n },\n included_in: {\n fullname: \"\",\n shortname: \"\",\n shortkey: \"\",\n ids: [],\n count: 0,\n },\n other_languages: {\n fullname: \"\",\n shortname: \"\",\n shortkey: \"\",\n ids: [],\n count: 0,\n },\n related: {\n fullname: \"\",\n shortname: \"\",\n shortkey: \"\",\n rows: [],\n count: 0,\n },\n other_titles: {\n fullname: \"\",\n shortname: \"\",\n shortkey: \"\",\n ids: [],\n count: 0,\n }\n }, drawComponent = () => { }, isbns = false, header = \"\", title = \"\" } = props;\n\n const getRelatedEditions = (_key) => {\n let _title = ucfirst(_key) + \" for: \" + title; \n drawComponent( #{place} {(is_future) ? \"in demand\" : \"in bestsellers\"}
\n \n \n \n \n
\n \n
{binding}\n {(edition && {edition} )}\n {getListPrice(list_price_can, list_price_usa, window.sitesettings.is_canadian)}\n
\n )\n\n }\n\n const drawSummary = () => {\n //potential refactor to be more clean, but these are for determining if a product has a value, and if it doesn't \n //it won't show anything related, like the pages string for the amount of pages when it's a bookmark.\n //Example: https://biz.bookmanager.com/purchasing/browse/filter/a/active/v/in_store/t/9780735354302\n const pagesValue = pages != null ? pages + \" pages | \" : null;\n const widthValue = width && height != null ? width + \"\\\" x \" : null;\n const heightValue = width && height != null ? height + \"\\\" | \" : null;\n const weightValue = weight != null ? weight + \"lbs | \" : null;\n const cartonValue = carton_qty != null ? \"Crtn: \" + carton_qty : null;\n\n return (\n \n \n View on webstore}>\n \n \n \n\n\n
\n \n {\n if (e.button > 0) {\n e.stopPropagation();\n window.open(\"/purchasing/browse/filter/t/\" + isbn);\n }\n }}\n\n\n highlight={highlight} cover_image_cache={cover_image_cache} interior_objects={interior_objects} isbn={isbn} cover_image_key={cover_image_key} eisbn={eisbn} has_interiors={has_interiors} />\n \n \n \n \n {(upc &&\n \n )}\n\n \n
}>\n \n \n \n
\n \n \n\n \n {\n e.stopPropagation();\n let _term = title;\n if (authors.length > 0) { _term += \" \" + authors[0].name; }\n window.open(\"/purchasing/browse/filter/v/related:\" + isbn + \"/t/\" + handleTermSlash(_term, true));\n }\n }>\n {title}{(subtitle) ? : {subtitle} : \"\"} }>\n \n {moment(release_date * 1000).format(\"MMM Do, YYYY\")}\n \n \n\n \n {parseAuthorsLink(authors)} \n \n\n {(series && )}\n\n\n \n \n \n \n \n\n {(my_lists &&
\n \n {drawPrice()}
\n\n \n {publisher}{(imprint && (imprint !== publisher) && | {imprint})}
\n {(audience && Audience: {audience})}\n \n \n\n \n \n {pagesValue} {widthValue} {heightValue} {weightValue} {cartonValue}\n \n {(language && Language: {language})}\n
\n {parseSubjects(subjects)}
\n \n\n {(print_status && {ucfirst(print_status)})}\n \n
\n \n \n \n
\n )\n }\n\n const drawRank = (_rank) => {\n if (_rank.hasOwnProperty(\"bestseller\")) {\n return #{_rank.bestseller}\n } else {\n return #{_rank.future}\n }\n }\n\n const getPrices = () => {\n if (!Array.isArray(conditions)) {\n return;\n }\n //George (08Jun2023) Issue: web/issues#1892\n //Using values from both arrays to provide the right information when card/cover display is being used.\n return conditions.map((element, index) => {\n let { sell_price = 0, price = 0, code = \"\" } = element;\n let available_onhand, available_onorder;\n available.forEach((item, index) => {\n if (code === item.code) {\n available_onhand = item.onhand;\n available_onorder = item.onorder;\n }\n });\n\n return {\n // use sell price if exists\n price: (sell_price) ? sell_price : price,\n onhand: available_onhand,\n onorder: available_onorder,\n code: code,\n sale: (sell_price)\n }\n });\n }\n\n const getPeers = () => {\n if (conditions.length > 0) {\n if (conditions[0].hasOwnProperty(\"peer\")) {\n return ({\n onhand: conditions[0].peer.onhand,\n onorder: conditions[0].peer.onorder,\n onhandlocs: conditions[0].peer.onhandlocs,\n onorderlocs: conditions[0].peer.onorderlocs\n })\n } else {\n return (<>)\n }\n }\n else {\n return (<>)\n }\n }\n\n const drawTable = () => {\n let peers = getPeers();\n let prices = getPrices();\n return (\n <>\n \n ![]()
noCover(e)} style={{ \"width\": \"130px\", \"marginRight\": \"10px\" }} src={image_path} alt=\"\" />\n \n
\n \n {title}\n {subtitle}\n {parseAuthors(authors)}\n \n Subjects: {parseSubjectsPlain(subjects)}\n ISBN: {isbn}\n Publisher: {publisher}\n Binding: {binding}\n Date: {moment(release_date * 1000).format(\"MMMM Do, YYYY\")}\n \n
\n \n \n
\n
\n \n )\n }\n\n const [imgError, setImageError] = useState(false);\n\n const CardImage = (props) => {\n const ref = useRef();\n const scrollIntoViewWithOffset = (selector, offset) => {\n window.scrollTo({\n behavior: 'smooth',\n top:\n selector.getBoundingClientRect().top -\n document.body.getBoundingClientRect().top -\n offset,\n })\n }\n\n useEffect(() => {\n scrollIntoViewWithOffset(ref.current, 280);\n }, [])\n\n return (\n <>\n Price
\n {prices.map((item, index) => {\n return \n {(item.price > 0) ? item.code + \" $\" + item.price : \"\"}\n
\n })}\n {drawRank(rank)}
\n \n aOH
\n {prices.map((item, index) => {\n return {item.onhand || \"\"}
\n })}\n {peers.onhand || \"\"}{peers.onhandlocs || \"\"}
\n \n aOO
\n {prices.map((item, index) => {\n return {item.onorder || \"\"}
\n })}\n {peers.onorder || \"\"}{peers.onorderlocs || \"\"}
\n \n \n
\n \n )\n }\n\n function badgeText() {\n return \"Highlighted\"\n }\n\n function drawBorder() {\n if (highlight) {\n return {\n borderStyle: \"solid\",\n borderColor: \"#ff0099\",\n borderWidth: \"3px\",\n opacity: props.loading ? \"0.5\" : \"1\",\n pointerEvents: props.loading ? \"none\" : \"inherit\",\n marginTop: sequence_num ? \"8px\" : \"0px\"\n }\n }\n return {\n opacity: props.loading ? \"0.5\" : \"1\",\n pointerEvents: props.loading ? \"none\" : \"inherit\",\n marginTop: sequence_num ? \"8px\" : \"0px\"\n }\n }\n\n function drawCardBorder() {\n if (coversHighlight) {\n return {\n top: \"-27px\",\n left: \"0px\",\n lineHeight: \"14px\",\n position: \"absolute\",\n padding: \"-5px\",\n borderStyle: \"solid\",\n borderColor: \"#ff0099\",\n borderWidth: \"3px\",\n\n backgroundColor: \"#ff0099\",\n }\n }\n return {\n top: \"-27px\",\n left: \"0px\",\n lineHeight: \"10px\",\n position: \"absolute\",\n padding: \"3px 4px\"\n }\n }\n\n\n const drawImage = () => {\n let image_path = \"https://cdn1.bookmanager.com/i/n?b=\" + eisbn\n if (cover_image_key) {\n image_path = image_path + \"&b2b=\" + cover_image_key;\n }\n if (cover_image_cache) {\n image_path = image_path + \"&cb=\" + cover_image_cache;\n }\n if (imgError) {\n return (\n \n
\n \n drawComponent(
\n )\n }\n return (\n \n
\n {title}
\n \n {(subtitle && <>\n {subtitle}
\n \n )}\n {parseAuthors(authors, \"#000\")}
\n \n {\"#\" + sequence_num} {coversHighlight ? \"Highlighted\" : \"\"}\n
\n {title}\n
\n \n {parseAuthors(authors, \"inherit\", \"12px\")}
\n \n
\n \n {binding} | {bmDate(release_date * 1000)}\n
\n {drawPrice(true)}\n {publisher}
\n {parseSubjectsWeird(subjects)}
*/}\n \n {/* Peer : {drawPeers()}
\n {drawPrices()}
*/}\n {drawTable()}
\n \n } />\n \n )\n }\n\n switch (display) {\n case \"summary\":\n return drawSummary();\n case \"card\":\n return drawCard();\n case \"print\":\n return drawPrint();\n default:\n return drawSummary();\n }\n}","import React, { useState, useEffect } from \"react\";\nimport { Pagination, Typography, Table, Button } from \"antd\";\nimport { apiCall } from \"../../utils/Api\";\nimport moment from \"moment\";\nimport conditional from \"../../tools/conditional\";\nimport { CloseOutlined } from '@ant-design/icons';\nimport Title from \"../title/Title\";\nimport { bmDate } from \"../../utils/Utils\";\n\nexport default function InvoiceActivity(props) {\n\n const { invoice, invoice_is_supplier, close = () => {} } = props;\n const [results, setResults] = useState({ header_info: { is_supplier: false }, total: 0, rows: [] });\n const [loading, setLoading] = useState(true);\n const [expanded, setExpanded] = useState([]);\n const [drawType, setDrawType] = useState(\"\")\n const [filters, setFilters] = useState({\n invoice: invoice,\n invoice_is_supplier: invoice_is_supplier,\n limit: 100,\n offset: 0,\n });\n\n const getCustomerActivity = () => {\n apiCall(\"activity/getByInvoice\", filters, (_status, _result) => {\n if (_status) {\n _result.rows = addKeys(_result.rows);\n setResults(_result);\n setLoading(false);\n }\n })\n }\n\n useEffect(getCustomerActivity, [filters]);\n\n const addKeys = (_arr) => {\n return (_arr.map((item) => {\n item[\"key\"] = Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15);;\n return item;\n }))\n }\n\n const columns = [\n\n { title: Status, dataIndex: \"status\", key: \"status\" },\n { title: Price, dataIndex: \"price\", key: \"price\", render: (e) => { return (e) ? \"$\" + e.toString() : \"\" } },\n { title: Discount, dataIndex: \"discount\", key: \"discount\", render: (e) => { return (e) ? e.toString() + \"%\" : \"\" } },\n { title: Profit, dataIndex: \"profit_margin\", key: \"profit_margin\", render: (e) => { return (e) ? e.toString() + \"%\" : \"\" } },\n {\n title: Title, className : \"nowrap\", dataIndex: \"title\", key: \"title\"\n },\n { title: ISBN, dataIndex: \"isbn\", key: \"isbn\" },\n { title: Cust PO, dataIndex: \"customer_purchase_order\", key: \"customer_purchase_order\" },\n ]\n\n\n if (results.header_info.is_supplier) {\n // Supplier\n columns.unshift({ title: Qty, dataIndex: \"quantity\", key: \"quantity\" },)\n columns.push({ title: Age, dataIndex: \"age\", key: \"age\" })\n columns.push({ title: Cancel, dataIndex: \"cancel\", key: \"cancel\" })\n columns.push({ title: Cashier, dataIndex: \"cashier\", key: \"cashier\" })\n columns.push({ title: Note, dataIndex: \"note\", key: \"note\" })\n } else {\n // !Supplier\n columns.push({ title: Class, dataIndex: \"class\", key: \"class\" })\n columns.push({ title: On hand, dataIndex: \"onhand\", key: \"onhand\" })\n }\n\n\n const drawHeader = (_info) => {\n\n if (!_info) {\n _info = {}\n }\n\n const {\n customer_name = \"\",\n is_supplier = false,\n supplier_code = \"\",\n invoice = \"\",\n date = null\n } = _info;\n\n return (\n \n
\n )\n }\n\n const drawChildTable = (_record) => {\n\n if (drawType === \"title\") {\n return \n Invoice\n \n
\n\n \n \n \n Invoice: {invoice}\n \n \n \n Supplier: {supplier_code}\n \n \n Date: {bmDate(date * 1000)}\n \n \n Customer: {customer_name}\n \n \n
\n \n \n <>\n {drawHeader(results.header_info)}\n \n }\n size=\"small\"\n columns={columns}\n className={\"tableNoBorder\"}\n dataSource={results.rows}\n pagination={false}\n rowClassName={(record, index) => {\n return \"sales-\"+record.status;\n }}\n expandedRowKeys={expanded}\n expandIconColumnIndex={-1}\n onExpand={(e) => { return false; }}\n expandIcon={() => { return (<>) }}\n expandedRowRender={((record) => drawChildTable(record))}\n footer={\n () => {\n <> \n // 10)}>\n // \n }\n\n }\n />\n
\n )\n}","import React, { useState, useEffect } from \"react\";\nimport { Tag, Pagination, Space, Checkbox, Typography, Table, Button } from \"antd\";\nimport { CloseOutlined } from '@ant-design/icons';\nimport { apiCall } from \"../../utils/Api\";\nimport moment from \"moment\";\nimport conditional from \"../../tools/conditional\";\nimport Title from \"../title/Title\";\nimport InvoiceActivity from \"./InvoiceActivity\";\nimport { bmDate } from \"../../utils/Utils\";\n\nexport default function PurchaseActivity(props) {\n\n const { supplier, purchase_order, close = () =>{} } = props;\n const [results, setResults] = useState({ customer_info: {}, total: 0, rows: [] });\n const [loading, setLoading] = useState(true);\n const [expanded, setExpanded] = useState([]);\n const [drawType, setDrawType] = useState(\"\")\n\n const [filters, setFilters] = useState({\n supplier: supplier,\n purchase_order: purchase_order,\n limit: 10,\n offset: 0,\n });\n\n const getCustomerActivity = () => {\n apiCall(\"activity/getByPurchaseOrder\", filters, (_status, _result) => {\n if (_status) {\n _result.rows = addKeys(_result.rows);\n setResults(_result);\n setLoading(false);\n }\n })\n }\n\n useEffect(getCustomerActivity, [filters]);\n\n const addKeys = (_arr) => {\n return (_arr.map((item) => {\n item[\"key\"] = Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15);;\n return item;\n }))\n }\n\n\n\n const columns = [\n {\n title: Date, dataIndex: \"date\", key: \"date\", width: \"60px\", render: (e) => {\n return (e) ? bmDate(e * 1000) : \"\";\n }\n },\n { title: Status, dataIndex: \"status\", key: \"status\" },\n { title: Qty, dataIndex: \"quantity\", key: \"quantity\" },\n { title: Inv., dataIndex: \"invoice_price\", key: \"invoice_price\", render: (e) => { return (e) ? \"$\" + e.toString() : \"\" } },\n { title: Discount, dataIndex: \"invoice_discount\", key: \"invoice_discount\", render: (e) => { return (e) ? e.toString() + \"%\" : \"\" } },\n { title: Profit, dataIndex: \"profit_margin\", key: \"profit_margin\", render: (e) => { return (e) ? e.toString() + \"%\" : \"\" } },\n { title: Sell, dataIndex: \"sell_price\", key: \"sell_price\", render: (e) => { return (e) ? \"$\" + e.toString() : \"\" } },\n {\n title: Title, className: \"nowrap\", dataIndex: \"title\", key: \"title\"\n },\n {\n title: Invoice, dataIndex: \"invoice_display\", key: \"invoice_display\", render: (e, f) => {\n return expandCell(f, \"invoice\")}>{e}\n }\n },\n { title: Clrk, dataIndex: \"cashier\", key: \"cashier\" },\n { title: Notes, width: \"100px\", dataIndex: \"notes\", key: \"notes\" }\n ]\n\n\n\n const drawHeader = (_info = {}) => {\n\n\n const {\n is_bo = false,\n code_type = \"\",\n cancel_date = null,\n first_received = null,\n order = \"\",\n list_total = \"\",\n net_total = \"\",\n supplier_info = {\n supplier: \"\",\n created: null,\n name: \"\",\n address_1: \"\",\n address_2: \"\",\n city: \"\",\n province: \"\",\n country: \"\",\n email: \"\",\n phone: \"\",\n fax: \"\"\n }\n } = _info;\n\n\n\n return (\n\n <>\n\n \n // setFilters({ ...filters, \"offset\": (e - 1) * f, \"limit\": f })} total={results.total} showSizeChanger />\n //
\n // \n Purchase Activity\n \n
\n\n\n \n \n \n Order {order}\n \n \n {supplier_info.address_1} {supplier_info.address_2}
\n \n \n {supplier_info.city}, {supplier_info.province} {supplier_info.country}
\n \n \n {supplier_info.phone} \n \n B/O: {(is_bo) ? \"Yes\" : \"No\"}\n Send: {code_type.toUpperCase()}\n \n
\n \n )\n }\n\n const drawChildTable = (_record) => {\n if (drawType === \"title\") {\n return \n \n\n \n Created: {bmDate(supplier_info.created * 1000)}\n \n \n 1st Received: {bmDate(first_received * 1000)}\n \n \n Cancel: {bmDate(cancel_date * 1000)}\n \n \n List: ${list_total}\n \n \n Net: ${net_total}\n \n\n \n
\n \n
\n
\n \n <>\n {drawHeader(results.header_info)}\n \n \n }\n size=\"small\"\n columns={columns}\n className={\"tableNoBorder\"}\n dataSource={results.rows}\n pagination={false}\n expandable\n expandedRowKeys={expanded}\n expandIconColumnIndex={-1}\n onExpand={(e) => { return false; }}\n expandIcon={() => { return (<>) }}\n expandedRowRender={((record) => drawChildTable(record))}\n footer={\n () =>\n <> \n // 10)}>\n // \n }\n />\n
\n )\n}","import React, { useState, useEffect } from \"react\";\nimport { Divider, Typography, Table, Button, message } from \"antd\";\nimport { apiCall } from \"../../utils/Api\";\nimport moment from \"moment\";\nimport conditional from \"../../tools/conditional\";\nimport { CloseOutlined } from '@ant-design/icons';\nimport Title from \"../title/Title\";\nimport { bmDate } from \"../../utils/Utils\";\nimport Paginate from \"../Paginate\";\n\nexport default function InvoiceActivity2(props) {\n\n const { chain_number = \"\", invoice, invoice_is_supplier = true, close = () => { } } = props;\n const [results, setResults] = useState({ header_info: { is_supplier: false }, total: 0, rows: [] });\n const [loading, setLoading] = useState(true);\n const [expanded, setExpanded] = useState([]);\n const [drawType, setDrawType] = useState(\"\")\n const [paginate, setPaginate] = useState({ current: 1, pagesize: 10, offset: 0 });\n const [filters, setFilters] = useState({\n invoice: invoice,\n invoice_is_supplier: invoice_is_supplier,\n limit: 100,\n offset: 0,\n });\n\n const getCustomerActivity = () => {\n\n let _filters = { ...filters }\n _filters.limit = paginate.pagesize;\n _filters.offset = paginate.offset;\n\n if(chain_number !== \"\"){\n _filters.chain_number = chain_number;\n }\n\n apiCall(\"activity/getByInvoice\", _filters, (_status, _result) => {\n if (_status) {\n _result.rows = addKeys(_result.rows);\n setResults(_result);\n setLoading(false);\n }\n })\n }\n\n useEffect(getCustomerActivity, [paginate]);\n\n const addKeys = (_arr) => {\n return (_arr.map((item) => {\n item[\"key\"] = Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15);;\n return item;\n }))\n }\n\n const columns = [\n\n { title: Status, dataIndex: \"status\", key: \"status\" },\n { title: Price, dataIndex: \"price\", key: \"price\", render: (e) => { return (e) ? \"$\" + e.toString() : \"\" } },\n { title: %, dataIndex: \"discount\", key: \"discount\", render: (e) => { return (e) ? e.toString() + \"%\" : \"\" } },\n { title: Profit, dataIndex: \"profit_margin\", key: \"profit_margin\", render: (e) => { return (e) ? e.toString() + \"%\" : \"\" } },\n {\n title: Title, width: \"200px\", className: \"nowrap\", dataIndex: \"title\", key: \"title\", render: (e, f) => {\n return ( { window.open(\"/purchasing/browse/filter/t/\" + f.isbn, \"_blank\") }}>{e})\n }\n },\n { title: ISBN, dataIndex: \"isbn\", key: \"isbn\" },\n { title: Cust PO, dataIndex: \"customer_purchase_order\", key: \"customer_purchase_order\" },\n { title: PO, dataIndex: \"purchase_order\", key: \"purchase_order\" },\n ]\n\n\n if (results.header_info.is_supplier) {\n // Supplier\n columns.unshift({ title: Qty, dataIndex: \"quantity\", key: \"quantity\" },)\n columns.push({ title: Age, dataIndex: \"age\", key: \"age\" })\n columns.push({ title: \n // setFilters({ ...filters, \"offset\": (e - 1) * f, \"limit\": f })} total={results.total} showSizeChanger />\n //
\n // \n \n
\n )\n }\n\n const drawChildTable = (_record) => {\n\n if (drawType === \"title\") {\n return \n \n \n Invoice: {invoice}\n \n \n Supplier: {supplier_code}\n \n \n Date: {bmDate(date * 1000)}\n \n \n Customer: {customer_name}\n \n \n
\n\n \n\n Invoice \n
\n )\n}","import React, { useState, useEffect } from \"react\";\nimport { Tag, Pagination, Space, Checkbox, Typography, Table, Button, Divider, Spin, Descriptions } from \"antd\";\nimport { CloseOutlined } from '@ant-design/icons';\nimport { apiCall } from \"../../utils/Api\";\nimport moment from \"moment\";\nimport conditional from \"../../tools/conditional\";\nimport Title from \"../title/Title\";\nimport InvoiceActivity from \"./InvoiceActivity\";\nimport { addCommas, bmDate } from \"../../utils/Utils\";\nimport Paginate from \"../Paginate\";\nimport InvoiceActivity2 from \"./InvoiceActivity2\";\nimport Overlay from \"../Overlay\";\n\nexport default function PurchaseActivity2(props) {\n \n const { chain_number = \"\", invoice_is_return = false, supplier, purchase_order, close = () => { } } = props;\n const [results, setResults] = useState({ customer_info: {}, total: 0, rows: [] });\n const [loading, setLoading] = useState(true);\n const [expanded, setExpanded] = useState([]);\n const [drawType, setDrawType] = useState(\"\")\n\n const [paginate, setPaginate] = useState({ current: 1, pagesize: 10, offset: 0 });\n\n const [filters, setFilters] = useState({\n supplier: supplier,\n purchase_order: purchase_order,\n limit: 1000,\n offset: 0,\n invoice_is_return : invoice_is_return,\n });\n\n const getCustomerActivity = () => {\n\n let _filters = { ...filters }\n _filters.limit = paginate.pagesize;\n _filters.offset = paginate.offset;\n\n if(chain_number !== \"\"){\n _filters.chain_number = chain_number;\n }\n\n setLoading(true);\n apiCall(\"activity/getByPurchaseOrder\", _filters, (_status, _result) => {\n if (_status) {\n _result.rows = addKeys(_result.rows);\n setResults(_result);\n setLoading(false);\n }\n })\n }\n\n useEffect(getCustomerActivity, [paginate]);\n\n const addKeys = (_arr) => {\n return (_arr.map((item) => {\n item[\"key\"] = Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15);;\n return item;\n }))\n }\n\n\n\n const columns = [\n {\n title: Date, dataIndex: \"date\", key: \"date\", width: \"60px\", render: (e) => {\n return (e) ? \n {\n return \"sales-\" + record.status;\n }}\n expandedRowKeys={expanded}\n expandIconColumnIndex={-1}\n onExpand={(e) => { return false; }}\n expandIcon={() => { return (<>) }}\n expandedRowRender={((record) => drawChildTable(record))}\n />\n
\n \n \n \n Vendor code: {supplier_info.supplier}\n \n \n Status: {stage}\n \n\n \n Sent on: {bmDate(sent_ts * 1000)}\n \n\n \n Cancel date: {bmDate(cancel_date * 1000)}\n \n\n \n B/O status: {bo_sta}\n \n\n \n First received: {bmDate(first_received * 1000)}\n \n\n\n\n\n {/* \n {supplier_info.address_1} {supplier_info.address_2}
\n \n \n {supplier_info.city}, {supplier_info.province} {supplier_info.country}
\n \n \n {supplier_info.phone} \n \n B/O: {(is_bo) ? \"Yes\" : \"No\"}\n Send: {code_type.toUpperCase()} */}\n \n \n
\n \n \n )\n }\n\n const drawChildTable = (_record) => {\n if (drawType === \"title\") {\n return \n \n\n \n Special orders: {special_orders}\n \n\n \n Units: {units}\n \n\n \n Sell total: {(sell_total) ? \"$\" + addCommas(sell_total) : \"\"}\n \n\n \n List Total: {(list_total) ? \"$\" + addCommas(list_total): \"\"}\n \n\n \n Net Cost: {(net_cost) ? \"$\" + addCommas(net_cost) : \"\"}\n \n\n \n Vendor Order Min: {vendor_order_min}\n \n\n {/* \n \n Created: {bmDate(supplier_info.created * 1000)}\n \n \n 1st Received: {bmDate(first_received * 1000)}\n \n \n Cancel: {bmDate(cancel_date * 1000)}\n \n \n List: ${list_total}\n \n \n Net: ${net_total}\n */}\n\n \n
\n \n
\n
\n\n PO# {purchase_order} \n
\n )\n}","import React, { useState, useEffect } from \"react\";\nimport { Tag, Pagination, Space, Checkbox, Typography, Table, Button } from \"antd\";\nimport { apiCall } from \"../../utils/Api\";\nimport moment from \"moment\";\nimport conditional from \"../../tools/conditional\";\nimport { CloseOutlined } from '@ant-design/icons';\nimport PurchaseActivity from \"./PurchaseActivity\";\nimport { bmDate, getFilterSet, saveFilterSet } from \"../../utils/Utils\";\nimport Overlay from \"../Overlay\";\nimport PurchaseActivity2 from \"./PurchaseActivity2\";\n\nexport default function SupplierActivity(props) {\n\n const { supplier, close = () => { } } = props;\n const [results, setResults] = useState({ customer_info: {}, total: 0, rows: [] });\n const [loading, setLoading] = useState(true);\n const [expanded, setExpanded] = useState([]);\n\n\n const initFilters = {\n supplier: supplier,\n limit: 100,\n offset: 0,\n orders: false,\n returns: false,\n recent: false\n }\n\n const [filters, setFilters] = useState(initFilters);\n\n\n const saveFilters = (_obj) =>{\n\n \n setFilters(_obj);\n }\n\n const getCustomerActivity = () => {\n apiCall(\"activity/getBySupplier\", filters, (_status, _result) => {\n if (_status) {\n _result.rows = addKeys(_result.rows);\n setResults(_result);\n setLoading(false);\n }\n })\n }\n\n useEffect(getCustomerActivity, [filters]);\n\n const addKeys = (_arr) => {\n return (_arr.map((item) => {\n item[\"key\"] = Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15);;\n return item;\n }))\n }\n\n const columns = [\n {\n title: Date, dataIndex: \"date\", key: \"date\", render: (e) => {\n return (e) ? moment(e * 1000).format(\"MMM Do YYYY\") : \"\";\n }\n },\n { title: Status, dataIndex: \"status\", key: \"status\" },\n {\n title: Purchase Order, dataIndex: \"purchase_order\", key: \"purchase_order\", render: (e, f) => {\n \n return(\n { return false; }}\n expandIcon={() => { return (<>) }}\n expandedRowRender={((record) => drawChildTable(record))}\n\n />\n
\n \n saveFilters({ ...filters, \"offset\": 0, \"recent\": e.target.checked })} />\n Show last 60 days only\n\n
\n
\n )\n }\n\n const drawContact = (_info = {}) => {\n\n const {\n supplier = \"\",\n created = null,\n name = \"\",\n address_1 = \"\",\n address_2 = \"\",\n city = \"\",\n province = \"\",\n country = \"\",\n email = \"\",\n phone = \"\",\n phone_2 = \"\",\n fax = \"\",\n } = _info;\n\n return (\n <>\n \n \n \n
\n \n saveFilters({ ...filters, \"offset\": 0, \"orders\": false, \"returns\": false })} />\n All\n
\n \n saveFilters({ ...filters, \"offset\": 0, \"orders\": e.target.checked })} />\n Orders\n
\n \n saveFilters({ ...filters, \"offset\": 0, \"returns\": e.target.checked })} />\n Returns\n
\n \n
\n Supplier\n \n
\n\n \n \n \n {name}\n \n \n \n \n \n \n {address_1} {address_2}
\n \n \n {city}, {province} {country}
\n \n \n \n {phone} -\n {phone_2} \n \n \n {phone} \n {phone_2} \n \n \n \n
\n \n )\n }\n\n\n const drawChildTable = (_record) => {\n\n return (\n \n Created: {bmDate(created * 1000)}\n \n
\n \n
\n
\n \n <>\n {drawContact(results.supplier_info)}\n \n {drawFilters()}\n \n }\n size=\"small\"\n columns={columns}\n className={\"tableNoBorder\"}\n dataSource={results.rows}\n pagination={false}\n expandedRowKeys={expanded}\n rowClassName={(record, index) => {\n return \"sales-\" + record.status;\n }}\n expandIconColumnIndex={-1}\n onExpand={(e) => { return false; }}\n expandIcon={() => { return (<>) }}\n expandedRowRender={((record) => drawChildTable(record))}\n footer={\n () =>\n <> \n // 10)}>\n // \n }\n />\n
\n )\n}","import React, { useState, useEffect } from \"react\";\nimport { Tag, Pagination, Space, Checkbox, Typography, Table, Button, Row, Col, Card, Divider } from \"antd\";\nimport { apiCall } from \"../../utils/Api\";\nimport moment from \"moment\";\nimport conditional from \"../../tools/conditional\";\nimport Title from \"../title/Title\";\nimport InvoiceActivity from \"./InvoiceActivity\";\nimport SupplierActivity from \"./SupplierActivity\";\nimport { CloseOutlined } from '@ant-design/icons';\nimport { bmDate } from \"../../utils/Utils\";\nimport Paginate from \"../Paginate\";\n\nexport default function CustomerActivity2(props) {\n\n\n const { customer_ship_to, chain_number = \"\", close = () => { } } = props;\n const [results, setResults] = useState({ customer_info: {}, total: 0, rows: [] });\n const [paginate, setPaginate] = useState({ current: 1, pagesize: 10, offset: 0 });\n const [loading, setLoading] = useState(true);\n const [expanded, setExpanded] = useState([]);\n const [drawType, setDrawType] = useState(\"\");\n const [more, setMore] = useState(false)\n\n const [filters, setFilters] = useState({\n ship_to: customer_ship_to,\n limit: 100,\n offset: 0,\n orders: false,\n returns: false,\n sales: false,\n recent: false\n });\n\n\n const convertFBPoints = (_int) => {\n let ret;\n if (isNaN(_int)) {\n ret = \"N/A\";\n } else {\n ret = (_int / 100).toFixed(2);\n ret = \"$\" + ret.toString();\n }\n\n return ret;\n }\n\n const getCustomerActivity = () => {\n\n let _filters = { ...filters }\n _filters.limit = paginate.pagesize;\n _filters.offset = paginate.offset;\n\n if(chain_number !== \"\"){\n _filters.chain_number = chain_number;\n }\n apiCall(\"activity/getByShipto\", _filters, (_status, _result) => {\n if (_status) {\n _result.rows = addKeys(_result.rows);\n setResults(_result);\n setLoading(false);\n }\n })\n }\n\n useEffect(getCustomerActivity, [filters, paginate]);\n\n const addKeys = (_arr) => {\n return (_arr.map((item) => {\n item[\"key\"] = Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15);;\n return item;\n }))\n }\n\n\n const columns = [\n {\n title: Date, dataIndex: \"date\", key: \"date\", render: (e) => {\n return (e) ? bmDate(e * 1000) : \"\";\n }\n },\n { title: Status, dataIndex: \"status\", key: \"status\" },\n { title: Qty, dataIndex: \"quantity\", key: \"quantity\" },\n { title: Price, dataIndex: \"price\", key: \"price\", render: (e) => { return (e) ? \"$\" + e.toString() : \"\" } },\n { title: %, dataIndex: \"discount\", key: \"discount\", render : (e) => (e) ? e : \"\"},\n { title: PM, dataIndex: \"profit_margin\", key: \"profit_margin\", render : (e) => (e) ? e : \"\"},\n {\n title: Title, className: \"nowrap\", dataIndex: \"title\", key: \"title\", render: (e, f) => {\n return ( { window.open(\"/purchasing/browse/filter/t/\" + f.isbn, \"_blank\") }}>{e})\n }\n },\n {\n title: Supp, dataIndex: \"supplier\", key: \"supplier\"\n },\n {\n title: P/O, dataIndex: \"purchase_order\", key: \"purchase_order\"\n },\n { title: Cust PO, dataIndex: \"customer_purchase_order\", key: \"customer_purchase_order\" },\n {\n title: Invoice, dataIndex: \"invoice_display\", key: \"invoice_display\"\n },\n { title: Clrk, dataIndex: \"cashier\", key: \"cashier\" }\n ]\n\n const drawFilters = () => {\n return (\n \n // setFilters({ ...filters, \"offset\": (e - 1) * f, \"limit\": f })} total={results.total} showSizeChanger />\n //
\n // \n setFilters({ ...filters, \"offset\": 0, \"recent\": e.target.checked })} />\n Show last 60 days only\n
\n
\n )\n }\n\n const drawContact = (_info = {}) => {\n const {\n ship_to = \"\",\n created = null,\n last_activity = null,\n discount = null,\n frequent_buyer = false,\n frequent_buyer_points = 0,\n customer_type = \"\",\n name = \"\",\n attn = \"\",\n address_1 = \"\",\n address_2 = \"\",\n city = \"\",\n province = \"\",\n country = \"\",\n email = \"\",\n phone = \"\",\n phone_2 = \"\",\n fax = \"\",\n notes = \"\",\n // MORE DETAILS\n tax_code = '',\n tx1 = '',\n tx2 = '',\n sales_this = '',\n sales_last = '',\n sales_penultimate = '',\n combined_po = '',\n over_due = '',\n credit_limit = '',\n\n\n } = _info;\n\n\n return (\n <>\n\n \n \n \n
\n \n setFilters({ ...filters, \"offset\": 0, \"orders\": false, \"returns\": false, \"sales\": false })} />\n All\n
\n \n setFilters({ ...filters, \"offset\": 0, \"orders\": e.target.checked })} />\n Orders\n
\n \n setFilters({ ...filters, \"offset\": 0, \"returns\": e.target.checked })} />\n Returns\n
\n \n setFilters({ ...filters, \"offset\": 0, \"sales\": e.target.checked })} />\n Sales\n
\n \n
\n\n\n\n \n
\n
\n
\n\n\n\n\n\n\n\n \n )\n }\n\n const drawChildTable = (_record) => {\n if (drawType === \"title\") {\n return \n \n \n {name}\n ({ship_to})\n \n \n \n \n \n \n \n \n {address_1} {address_2}
\n \n \n {city}, {province} {country}
\n \n \n \n {phone} -\n {phone_2} \n \n \n {phone} \n {phone_2} \n \n \n\n \n \n \n \n \n \n\n\n \n
\n \n\n \n
\n
\n
\n \n\n \n \n \n \n
\n Taxes:
\n Tx: {tax_code}
\n Tx1: {tx1}
\n Tx2: {tx2}
\n \n
\n \n \n \n \n
\n Sales:
\n {moment().format(\"YYYY\")}: {sales_this}
\n {moment().add(-1, \"year\").format(\"YYYY\")}: {sales_penultimate}
\n {moment().add(-2, \"years\").format(\"YYYY\")}: {sales_last}
\n \n \n Created: {bmDate(created * 1000)}\n Last Activity: {bmDate(last_activity * 1000)}\n\n \n Customer type: {customer_type}\n \n\n \n Attn: {attn}\n \n \n Standing Discount: {discount}% \n \n FB Points: {convertFBPoints(frequent_buyer_points)}\n\n \n Fax : {fax} \n Combined PO : {combined_po} \n AR Ttl : {over_due} \n Credit Limit : {credit_limit} \n \n\n \n
\n \n setMore(!more)} style={{ \"fontSize\": \"11px\", \"display\": \"block\", \"float\": \"right\" }}>{(!more) ? \"More\" : \"Less\"} account info
\n \n \n
\n\n\n Customer \n
\n )\n}","import React, { useState, useEffect } from \"react\";\nimport { Tag, Divider, Space, Checkbox, Typography, Table, Button } from \"antd\";\nimport { apiCall } from \"../../utils/Api\";\nimport moment from \"moment\";\nimport conditional from \"../../tools/conditional\";\nimport { CloseOutlined } from '@ant-design/icons';\nimport PurchaseActivity from \"./PurchaseActivity\";\nimport { bmDate, getFilterSet, saveFilterSet } from \"../../utils/Utils\";\nimport Overlay from \"../Overlay\";\nimport PurchaseActivity2 from \"./PurchaseActivity2\";\nimport Paginate from \"../Paginate\";\n\nexport default function SupplierActivity2(props) {\n\n const { chain_number = \"\", supplier, close = () => { } } = props;\n const [results, setResults] = useState({ customer_info: {}, total: 0, rows: [] });\n const [loading, setLoading] = useState(true);\n const [expanded, setExpanded] = useState([]);\n const [paginate, setPaginate] = useState({ current: 1, pagesize: 10, offset: 0 });\n\n const initFilters = {\n supplier: supplier,\n limit: 100,\n offset: 0,\n orders: false,\n returns: false,\n recent: false\n }\n\n const [filters, setFilters] = useState(initFilters);\n\n\n const saveFilters = (_obj) => {\n\n\n setFilters(_obj);\n }\n\n const getCustomerActivity = () => {\n\n let _filters = { ...filters }\n _filters.limit = paginate.pagesize;\n _filters.offset = paginate.offset;\n\n if(chain_number !== \"\"){\n _filters.chain_number = chain_number;\n }\n\n setLoading(true);\n apiCall(\"activity/getBySupplier\", _filters, (_status, _result) => {\n if (_status) {\n _result.rows = addKeys(_result.rows);\n setResults(_result);\n }\n setLoading(false);\n })\n }\n\n useEffect(getCustomerActivity, [paginate, filters]);\n\n const addKeys = (_arr) => {\n return (_arr.map((item) => {\n item[\"key\"] = Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15);;\n return item;\n }))\n }\n\n const columns = [\n {\n title: Date, dataIndex: \"date\", key: \"date\", render: (e) => {\n return (e) ? moment(e * 1000).format(\"MMM Do YYYY\") : \"\";\n }\n },\n { title: Status, dataIndex: \"status\", key: \"status\" },\n {\n title: Purchase Order, dataIndex: \"purchase_order\", key: \"purchase_order\", render: (e, f) => {\n\n return (e) ? e : \"\";\n\n }\n },\n { title: Items, dataIndex: \"items\", key: \"items\" },\n { title: Note, className: \"nowrap\", dataIndex: \"note\", key: \"note\" }\n ]\n\n const drawFilters = () => {\n return (\n \n {\n return \"sales-\" + record.status;\n }}\n dataSource={results.rows}\n pagination={false}\n expandable\n expandedRowKeys={expanded}\n expandIconColumnIndex={-1}\n onExpand={(e) => { return false; }}\n expandIcon={() => { return (<>) }}\n expandedRowRender={((record) => drawChildTable(record))}\n\n />\n
\n \n saveFilters({ ...filters, \"offset\": 0, \"recent\": e.target.checked })} />\n Show last 60 days only\n\n
\n
\n )\n }\n\n const drawContact = (_info = {}) => {\n\n const {\n supplier = \"\",\n created = null,\n name = \"\",\n address_1 = \"\",\n address_2 = \"\",\n city = \"\",\n province = \"\",\n country = \"\",\n email = \"\",\n phone = \"\",\n phone_2 = \"\",\n fax = \"\",\n } = _info;\n\n return (\n <>\n\n\n \n \n \n
\n \n saveFilters({ ...filters, \"offset\": 0, \"orders\": false, \"returns\": false })} />\n All\n
\n \n saveFilters({ ...filters, \"offset\": 0, \"orders\": e.target.checked })} />\n Orders\n
\n \n saveFilters({ ...filters, \"offset\": 0, \"returns\": e.target.checked })} />\n Returns\n
\n \n
\n \n \n {name}\n \n \n \n \n \n \n {address_1} {address_2}
\n \n \n {city}, {province} {country}
\n \n \n \n {phone} -\n {phone_2} \n \n \n {phone} \n {phone_2} \n \n \n \n
\n \n )\n }\n\n\n const drawChildTable = (_record) => {\n\n return (\n \n Created: {bmDate(created * 1000)}\n \n
\n \n
\n
\n\n\n Supplier \n
\n )\n}","import { CloseOutlined, DownOutlined } from '@ant-design/icons';\nimport { Button, Checkbox, Divider, Layout, Pagination, Radio, Select, Skeleton, Space, Switch, Table, Typography } from \"antd\";\nimport moment from \"moment\";\nimport React, { useEffect, useState } from \"react\";\n\nimport conditional from \"../tools/conditional\";\nimport { apiCall } from \"../utils/Api\";\nimport { bmDate, getFilterSet, saveFilterSet } from \"../utils/Utils\";\nimport CustomerActivity2 from \"./activity/CustomerActivity2\";\nimport InvoiceActivity2 from \"./activity/InvoiceActivity2\";\nimport PurchaseActivity2 from \"./activity/PurchaseActivity2\";\nimport SupplierActivity2 from \"./activity/SupplierActivity2\";\nimport Overlay from \"./Overlay\";\nimport Paginate from \"./Paginate\";\n\nexport default function SalesActivity(props) {\n\n const { openState = \"\", isbn, condition = \"\", summary = false, drawComponent = () => { }, label = \"Sales activity\", setShowActivity = () => { } } = props;\n\n const [results, setResults] = useState({ total: 0, rows: [] });\n const [paginate, setPaginate] = useState({ current: 1, pagesize: 20, offset: 0 });\n const [loading, setLoading] = useState(true);\n const [expanded, setExpanded] = useState([]);\n const [drawType, setDrawType] = useState(\"\")\n const defaultStore = window.sitesettings.stores.find(item => item.store_number === props.store) || { san: \"\" };\n const [storeSan, setStoreSan] = useState(defaultStore.san);\n\n\n\n // const initFilters = getFilterSet(\"sales_activity\") || {\n // limit: (summary) ? 3 : 200,\n // offset: 0,\n // orders: (openState === \"S/O\") ? true : false,\n // returns: false,\n // sales: (openState === \"Held\") ? true : false,\n // adjustments: false,\n // transfers: false,\n // recent: false,\n // }\n\n const initFilters = {\n limit: (summary) ? 3 : 200,\n offset: 0,\n orders: (openState === \"S/O\" || openState === \"Rcvd\") ? true : false,\n returns: (openState === \"Retn\") ? true : false,\n sales: (openState === \"Held\" || openState === \"Ttl\" || openState.substring(0, 1) === \"#\") ? true : false,\n adjustments: (openState === \"Adj\") ? true : false,\n transfers: false,\n recent: false,\n }\n\n\n\n const [filters, setFilters] = useState(initFilters);\n\n const saveFilters = (_obj) => {\n // saveFilterSet(\"sales_activity\", _obj);\n setFilters(_obj)\n }\n\n \n const getStoreActivity = () => {\n\n let _filters = { ...filters };\n _filters.isbn = isbn;\n _filters.condition = condition;\n\n if (storeSan) {\n _filters.wanted_san = storeSan;\n }\n setLoading(true);\n apiCall(\"activity/getByIsbn\", _filters, (_status, _result) => {\n if (_status) {\n _result.rows = addKeys(_result.rows);\n setResults(_result);\n setLoading(false);\n }\n })\n }\n\n useEffect(getStoreActivity, [filters, isbn]);\n\n const columns = [\n\n\n {\n title: Date, width: 60, dataIndex: \"date\", key: \"date\", render: (e) => {\n return (e) ? \n {\n return \"sales-\" + record.status;\n }}\n expandIconColumnIndex={-1}\n onExpand={(e) => { return false; }}\n expandIcon={() => { return (<>) }}\n expandedRowRender={((record) => drawChildTable(record))}\n\n />\n
\n\n \n { return false; }}\n expandIcon={() => { return (<>) }}\n expandedRowRender={((record) => drawChildTable(record))}\n />\n \n
\n
\n\n )\n }\n\n\n const changeStore = (_san) => {\n setStoreSan(_san);\n setFilters({ ...filters, \"offset\": 0, \"limit\": 200 });\n }\n\n const drawHeader = (_header) => {\n return (<>\n {/* \n \n \n
\n \n
\n\n {_header}\n\n \n
\n\n
*/}\n\n\n \n\n
\n
\n \n )\n }\n\n\n return (\n \n
\n\n\n\n \n \n \n {((window.sitesettings.stores.length > 1) &&\n \n \n\n
\n\n \n \n
\n )}\n \n \n {/* \n\n
\n\n \n saveFilters({ ...filters, \"offset\": 0, \"recent\": e.target.checked })} />\n Last 60 days\n
*/}\n \n saveFilters({ ...filters, \"offset\": 0, \"orders\": false, \"returns\": false, \"sales\": false, \"adjustments\": false, \"transfers\": false })} checked={(!filters.orders && !filters.returns && !filters.sales && !filters.adjustments && !filters.transfers)} value=\"all\" />\n All\n
\n \n saveFilters({ ...filters, \"offset\": 0, \"orders\": (!filters.orders) })} checked={filters.orders} value=\"orders\" />\n Orders\n
\n \n saveFilters({ ...filters, \"offset\": 0, \"returns\": (!filters.returns) })} checked={filters.returns} value=\"returns\" />\n Returns\n
\n \n saveFilters({ ...filters, \"offset\": 0, \"sales\": (!filters.sales) })} checked={filters.sales} value=\"sales\" />\n Sales\n
\n \n saveFilters({ ...filters, \"offset\": 0, \"adjustments\": (!filters.adjustments) })} checked={filters.adjustments} value=\"adjustments\" />\n Adjustments\n
\n \n saveFilters({ ...filters, \"offset\": 0, \"transfers\": (!filters.transfers) })} checked={filters.transfers} value=\"transfers\" />\n Transfers\n
\n\n \n\n \n\n {/* 200)}>\n
\n \n\n\n\n
\n )\n}","import React, { useEffect, useState } from \"react\";\nimport { useParams } from \"react-router-dom\";\nimport { Alert, Row, Col, Space, Divider, Typography, Button, Spin } from \"antd\";\nimport { parseAuthorsPlain, parseSubjectsPlain } from \"../../utils/Utils\";\nimport moment from \"moment\";\nimport { PrinterOutlined } from '@ant-design/icons';\nimport { apiCall } from \"../../utils/Api\";\nimport nocover from \"../../media/no-cover.png\";\nimport { useSession } from \"../../utils/Session\";\nexport default function ListPrint(props) {\n\n const [session, setSession] = useSession();\n const { list_id = \"\" } = useParams();\n const [imagesLoaded, setImagesLoaded] = useState(0);\n const [isPrintEnabled, setIsPrintEnabled] = useState(false);\n\n\n useEffect(() => {\n // Remove dark mode\n document.body.classList.remove('dark');\n return () => {\n document.body.classList.remove('dark');\n };\n }, []);\n\n\n const [results, setResults] = useState(\n {\n rows: []\n }\n );\n\n const [list, setList] = useState({\n name: \"\",\n isbns_count: 0,\n owner_name: \"\"\n })\n\n\n const [loading, setLoading] = useState(true);\n const [error, setErrror] = useState(false);\n\n\n useEffect(() => {\n // Enable print button once all images have loaded\n const totalImages = results.rows.length;\n if (imagesLoaded === totalImages && totalImages > 0) {\n setIsPrintEnabled(true);\n }\n }, [imagesLoaded, results.rows.length]);\n\n const handleImageLoad = () => {\n setImagesLoaded(prevCount => prevCount + 1);\n };\n\n\n const getList = () => {\n\n document.title = \"Print Preview\";\n\n apiCall(\"titlelist/getItems\", { list_id: list_id, limit: 500 }, (_status, _result) => {\n if (_status) {\n setResults(_result)\n } else {\n setErrror(_result.error);\n }\n })\n\n apiCall(\"titlelist/get\", { list_id: list_id }, (_status, _result) => {\n if (_status) {\n setList(_result);\n }\n })\n }\n\n useEffect(getList, []);\n\n\n\n\n const noCover = (e) => {\n e.target.src = nocover;\n e.target.onerror = null;\n }\n\n\n const drawRow = (_item) => {\n\n\n const {\n title = \"\",\n authors = [],\n isbn = \"\",\n eisbn = \"\",\n publisher = \"\",\n binding = \"\",\n release_date = \"\",\n series = \"\",\n subjects = [],\n price = \"\"\n } = _item;\n\n\n return (\n */}\n\n \n {\n\n let ret = \"\";\n if (record.is_active) {\n ret = \"sales-Active\";\n } else {\n ret = \"sales-\" + record.status;\n }\n\n if (record.status.substring(0, 1).toUpperCase() === \"C\") {\n ret += \" dimmed\";\n }\n\n return ret;\n\n\n }}\n title={() => drawHeader(\"History (activity)\")}\n className={\"mediumTable bc\"}\n style={{ \"border\": \"1px solid\", \"borderLeft\": \"6px solid\" }}\n scroll={{ y: 528 }}\n dataSource={results.rows}\n pagination={false}\n expandable\n expandedRowKeys={expanded}\n expandIconColumnIndex={-1}\n onExpand={(e) => { return false; }}\n expandIcon={() => { return (<>) }}\n expandedRowRender={((record) => drawChildTable(record))}\n\n />\n\n {/*
*/}\n\n History
\n\n \n setFilters({ ...filters, \"offset\": (e - 1) * f, \"limit\": f })} total={results.total} showSizeChanger={false} />\n
\n \n
\n\n \n \n ![]()
e.target.src = \"/no-cover.png\"} src={\"https://bookmanager.com/i/m?b=\" + eisbn} />\n \n \n
\n
\n )\n }\n\n if (error) {\n return ({title}
\n {parseAuthorsPlain(authors)}
\n {binding}
\n \n {((series) && Series: {series}
)}\n {parseSubjectsPlain(subjects)}
\n \n ISBN: {isbn}
\n Published: {moment(release_date * 1000).format(\"MMM Do, YYYY\")}
\n ${price}
\n\n\n\n\n \n \n
\n \n\n
\n \n \n \n {session.store_name} \n
\n \n \n\n
\n {list.name}
\n {(list.owner_name && <>Managed by: {list.owner_name} {((list.isbns_count) && <> | ({Math.min(list.isbns_count, 500)} titles))})}
\n {(results.purchase_deadline && <>Purchase deadline : {moment(results.purchase_deadline * 1000).format(\"MMM Do, YYYY\")}
)}\n \n {results.rows.map(item => { return drawRow(item) })}\n
\n \n \n \n \n ![]()
window.open(\"/purchasing/browse/filter/t/\" + _item.title_info.isbn, \"_blank\")} onError={(e) => e.target.src = nocover} className=\"lightshadow\" style={{ \"maxHeight\": \"100px\", \"maxWidth\": \"70px\", \"cursor\": \"pointer\" }} src={\"https://bookmanager.com/i/slider_23.php?b=\" + _item.title_info.eisbn} />\n \n \n \n \n \n \n {_item.cart_info.backorder_sub_message}\n \n \n \n {_item.title_info.available.sub_message}\n \n \n \n Releases: {moment(_item.title_info.release_date * 1000).format('MMM DD, YYYY')}\n \n \n
\n\n {((gift_card_info && gift_card_info.personalize) && <>\n
\n \n \n
\n )\n }\n\n\n\n\n\n const drawCustomer = (_cust) => {\n\n\n\n\n\n\n // Don't draw card if customer object is null/false\n if (!_cust) {\n return (<>)\n }\n\n return (\n <>\n {_item.title_info.isbn} {(_item.title_info.available.text) ? \" - \" + _item.title_info.available.text : \"\"}
\n {((shipment.length > 0) && {shipment.join(\", \")}
)}\n \n {discount}% off ${original_price}
)}\n \n {_item.cart_info.backorder_quantity} to be ordered.
\n \n
\n )}\n\n {(_item.cart_info.gift_registry_info && <>\n From : {gift_card_info.from} - To : {gift_card_info.to}
\n Message : {gift_card_info.message}
\n {_item.cart_info.gift_registry_info.occasion} gift registry : {_item.cart_info.gift_registry_info.name}
\n )}\n \n \n Sold to\n\n
\n \n {(customer.is_guest && \n
{customer.company}\n \n \n
{customer.email_address}\n \n \n
<>{customer.phone_number}\n \n \n
\n {(customer.hasOwnProperty(\"address\") && customer.address)}\n
\n {(customer.hasOwnProperty(\"city\") && customer.city)}, {(customer.hasOwnProperty(\"prov\") && customer.prov)} {(customer.hasOwnProperty(\"country\") && customer.country)}\n
\n {(customer.hasOwnProperty(\"postal\") && customer.postal)}\n
\n\n \n
\n\n
\n Guest Checkout
)}\n {customer.first_name} {customer.last_name}\n {customer.company}\n
{customer.email_address}\n
<>{customer.phone_number}\n
\n {(customer.hasOwnProperty(\"address\") && customer.address)}\n
\n {(customer.hasOwnProperty(\"city\") && customer.city)}, {(customer.hasOwnProperty(\"prov\") && customer.prov)} {(customer.hasOwnProperty(\"country\") && customer.country)}\n
\n {(customer.hasOwnProperty(\"postal\") && customer.postal)}\n
\n\n
\n\n
\n \n \n\n
\n\n\n \n \n \n {orgname}
\n \n \n {name}\n \n \n
{email}\n \n \n
{phone}\n \n \n
{addr1}\n \n \n
{addr2}\n \n \n
{city}, {prov} {country}\n \n \n
{postal}\n \n \n
{provider}\n \n\n \n
\n \n
{email}\n
{phone}\n
{addr1}\n
{addr2}\n
{city}, {prov} {country}\n
{postal}\n
{provider}\n
)\n } else {\n return (\n
\n \n \n
\n \n \n
\n\n )\n }\n\n\n return (\n <>\n {form_header}
\n \n \n \n \n \n
\n \n )\n}","import { Button, message, Progress } from \"antd\";\nimport React, { useEffect, useState } from \"react\";\nimport { useParams } from \"react-router-dom\";\nimport { apiCall, apiDownload } from \"../utils/Api\";\n\nexport default function ProcessPDF(props) {\n\n // get the process id from the browser param\n const { process_id = \"\" } = useParams();\n\n // set defaults\n const [report, setReport] = useState({\n progress: 0,\n eta_seconds: null,\n completed: false,\n })\n\n const getProgress = () => {\n apiCall(\"report/progress\", { progress_report_id: process_id }, (_status, _result) => {\n if (_status) {\n setReport(_result)\n if (!_result.completed) {\n // not done, poll again\n setTimeout(getProgress, 100);\n } \n } else {\n message.error(_result.error)\n }\n })\n }\n\n const downloadReport = () => {\n apiDownload({ progress_report_id: process_id }, \"report/get\");\n }\n\n useEffect(getProgress, []);\n\n\n const drawETA = () => {\n\n\n if(!report.completed){\n\n if(report.eta_seconds === null){\n return \"Waiting...\"\n }\n\n if(report.progress === 99){\n return \"Converting....\"\n }\n\n return \"Approx \" + report.eta_seconds + \" seconds remaining...\"\n }\n\n \n return \"\";\n }\n\n return (\n \n Order #{bookorder_id} \n Stock statuses and order timeframes are as of the date the order was placed.\n \n \n \n \n {(errorMsg && \n \n \n \n \n {versionWarning}\n \n {data.items.map(item => {\n return drawItem(item, data);\n })}\n {/* Add buffer to the bottom to prevent products being cut off when printing to PDF on firefox */}\n \n \n \n \n \n
\n \n \n
\n \n \n {versionWarning}\n \n \n \n
\n \n
\n \n
\n \n \n {drawCustomer(customer)}\n\n {drawFormFields()}\n\n\n\n \n \n \n {((data.purchaseorder) && \n \n\n\n\n \n \n \n
\n 0)}>\n {promo_codes.filter(item => item.type !== \"freeship\").map(item => {\n\n return (\n \n
\n )\n })}\n \n \n \n
\n \n \n \n
\n \n \n
\n \n \n
\n \n\n 0)}>\n {promo_codes.filter(item => item.type === \"freeship\").map(item => {\n\n return (\n \n
\n )\n })}\n \n\n\n \n
\n \n
\n \n \n
\n P/O {data.purchaseorder}
)}\n {((data.notes) && Notes{}
)}\n Order Summary {item_count} {pluralize(item_count, \"item\", \"s\")}
\n -${item.amount}
\n -${item.amount}
\n \n \n
\n
);\n\n}","/*\n\nBlank Layout - Wrap for printing\n\n*/\nimport React from \"react\";\nimport { Layout } from 'antd';\n\n\n\n\nexport default function Blank(props) {\n\n const {bg_color = \"\"} = props; \n return (\n <> \n\n \n
{drawETA()}
\n \n\n {props.children}\n
\n {msg.title}
,\n icon: null,\n cancelText : \"Close\",\n content: <>\n {msg.request}
\n
{name}
\n