npm - @finsemble/finsemble-ui - Versions diffs - 7.2.0-beta.0 → 7.2.1 - Mend

@finsemble/finsemble-ui 7.2.0-beta.0 → 7.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (84) hide show

package/react/components/notifications/components/views/ListView.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListView.js","sourceRoot":"","sources":["../../../../../src/components/notifications/components/views/ListView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,wBAAwB,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAKlF,UAAU;AACV,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAElE,aAAa;AACb,OAAO,UAAU,MAAM,sBAAsB,CAAC;AAC9C,OAAO,eAAe,MAAM,oBAAoB,CAAC;AACjD,OAAO,YAAY,EAAE,EAAE,mBAAmB,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AACrG,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,QAAQ;AACR,OAAO,EACN,eAAe,EACf,mBAAmB,EACnB,iBAAiB,EACjB,gBAAgB,EAChB,mBAAmB,GACnB,MAAM,aAAa,CAAC;AAErB,OAAO,EAAE,0BAA0B,EAAE,MAAM,uDAAuD,CAAC;AAEnG,YAAY;AACZ,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAK9D,MAAM,mBAAmB,GAAG,GAAG,EAAE,CAAC,CACjC,6BAAK,SAAS,EAAC,wBAAwB;IACtC,6BAAK,SAAS,EAAC,kBAAkB,eAAe;IAChD,6BAAK,SAAS,EAAC,kBAAkB,UAAU;IAC3C,6BAAK,SAAS,EAAC,kBAAkB,cAAc;IAC/C,6BAAK,SAAS,EAAC,kBAAkB,IAAE,EAAE,CAAO,CACvC,CACN,CAAC;AAOF,MAAM,CAAC,MAAM,wBAAwB,GAAyD,CAAC,EAC9F,YAAY,EACZ,gCAAgC,EAChC,QAAQ,GACH,EAAE,EAAE;IACT,MAAM,oBAAoB,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IAC9D,MAAM,EAAE,uBAAuB,EAAE,WAAW,EAAE,aAAa,EAAE,GAAG,oBAAoB,CAAC;IACrF,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChE,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC/B,mBAAmB,CAAC,CAAC,gBAAgB,CAAC,CAAC;IACxC,CAAC,CAAC;IAEF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,iBAAiB,CAAC,YAAY,EAAE,gCAAgC,CAAC,CAAC,CAAC;IACtG,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CACnD,gBAAgB,CAAC,YAAY,EAAE,gCAAgC,CAAC,CAChE,CAAC;IACF,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,QAAQ,CAC7D,WAAW;QACV,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,KAAK,YAAY,CAAC,MAAM,IAAI,MAAM,CAAC,IAAI,KAAK,YAAY,CAAC,IAAI,CAAC;QAC1G,CAAC,CAAC,KAAK,CACR,CAAC;IAEF,0GAA0G;IAC1G,2DAA2D;IAC3D,SAAS,CAAC,GAAG,EAAE;QACd,QAAQ,CAAC,iBAAiB,CAAC,YAAY,EAAE,gCAAgC,CAAC,CAAC,CAAC;IAC7E,CAAC,EAAE,CAAC,gCAAgC,CAAC,CAAC,CAAC;IAEvC,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,YAAiB,CAAC;QACtB,IAAI,KAAK,EAAE;YACV,IAAI,YAAY,CAAC,MAAM,EAAE;gBACxB,QAAQ,CAAC,KAAK,CAAC,CAAC;gBAChB,YAAY,CAAC,YAAY,CAAC,CAAC;aAC3B;iBAAM;gBACN,YAAY,GAAG,UAAU,CAAC,GAAG,EAAE;oBAC9B,QAAQ,CAAC,KAAK,CAAC,CAAC;gBACjB,CAAC,EAAE,wBAAwB,CAAC,UAAU,CAAC,QAAQ,CAAC,YAAY,CAAC,QAAQ,CAAC,EAAE,gCAAgC,CAAC,EAAE,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;aACxH;SACD;QACD,OAAO,GAAG,EAAE;YACX,YAAY,CAAC,YAAY,CAAC,CAAC;QAC5B,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC;IAE1B,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,uBAA4B,CAAC;QACjC,IAAI,gBAAgB,CAAC,YAAY,EAAE,gCAAgC,CAAC,EAAE;YACrE,MAAM,gBAAgB,GAA4B,mBAAmB,CAAC,YAAY,CAAC,CAAC;YACpF,IAAI,gBAAgB,EAAE;gBACrB,MAAM,EAAE,aAAa,EAAE,GAAG,gBAAgB,CAAC;gBAC3C,iBAAiB,CAAC,IAAI,CAAC,CAAC;gBACxB,uBAAuB,GAAG,UAAU,CAAC,GAAG,EAAE;oBACzC,iBAAiB,CAAC,KAAK,CAAC,CAAC;gBAC1B,CAAC,EAAE,wBAAwB,CAAC,UAAU,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,gCAAgC,CAAC,EAAE,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;aAChH;SACD;aAAM;YACN,iBAAiB,CAAC,KAAK,CAAC,CAAC;YACzB,YAAY,CAAC,uBAAuB,CAAC,CAAC;SACtC;QACD,OAAO,GAAG,EAAE;YACX,YAAY,CAAC,uBAAuB,CAAC,CAAC;QACvC,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,gCAAgC,EAAE,YAAY,CAAC,CAAC,CAAC;IAErD,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,mBAAmB,CAAC,CAAC;IAC/D,eAAe,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,kBAAiC,EAAE,EAAE;QACtE,uBAAuB,CAAC,kBAAkB,CAAC,CAAC;IAC7C,CAAC,CAAC;IAEF,OAAO,eAAe,CAAC,OAAO,CAAC;IAE/B,SAAS,CAAC,GAAG,EAAE;QACd,SAAS,sBAAsB,CAAC,KAAU,EAAE,QAAa;YACxD,IAAI,KAAK,EAAE;gBACV,OAAO,CAAC,KAAK,CAAC,0CAA0C,EAAE,KAAK,CAAC,CAAC;aACjE;iBAAM;gBACN,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAC;gBAC1B,IAAI,YAAY,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM,IAAI,YAAY,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,EAAE;oBAC3E,sBAAsB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;iBACrC;aACD;QACF,CAAC;QACD,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,wCAAwC,EAAE,sBAAsB,CAAC,CAAC;QACxG,OAAO,GAAG,EAAE;YACX,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,cAAc,CAAC,wCAAwC,EAAE,sBAAsB,CAAC,CAAC;QAC5G,CAAC,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAChE,wBAAwB,CAAC,YAAY,EAAE,KAAK,EAAE,mBAAmB,CAAC,CAClE,CAAC;IAEF,OAAO,CACN,6BACC,SAAS,EAAE,yCAAyC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,IACvF,KAAK,IAAI,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EACnC;MACG,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE;QAE9D,QAAQ,CAAC,CAAC,CAAC,CACX;YACE,aAAa,KAAK,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC,CAC5C,6BAAK,SAAS,EAAC,gBAAgB;gBAC9B,oBAAC,WAAW,IAAC,YAAY,EAAE,YAAY,GAAI,CACtC,CACN,CAAC,CAAC,CAAC,CACH,yCAAK,CACL;YACA,QAAQ,CACP,CACH,CAAC,CAAC,CAAC,CACH;YACC,6BAAK,SAAS,EAAC,gBAAgB,IAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,EAAE,kBAAkB,CAAC,CAAO;YACrG,6BAAK,SAAS,EAAC,gBAAgB,IAC7B,aAAa,KAAK,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC,CAC5C,6BAAK,SAAS,EAAC,gBAAgB;gBAC9B,oBAAC,WAAW,IAAC,YAAY,EAAE,YAAY,GAAI,CACtC,CACN,CAAC,CAAC,CAAC,CACH,oBAAC,0BAA0B,IAAC,UAAU,EAAE,YAAY,CAAC,UAAU,GAAI,CACnE,CACI;YACN,6BAAK,SAAS,EAAC,gBAAgB,IAAE,GAAG,YAAY,CAAC,KAAK,MAAM,YAAY,CAAC,OAAO,EAAE,CAAO,CACvF,CACH;QACD,6BAAK,SAAS,EAAC,gBAAgB;YAC9B;gBACC,oBAAC,UAAU,IAAC,QAAQ,EAAC,cAAc,EAAC,OAAO,EAAC,SAAS,EAAC,YAAY,EAAE,kBAAkB,IACpF,gBAAgB,CAAC,CAAC,CAAC,oBAAC,YAAY,IAAC,SAAS,EAAE,mBAAmB,IAAG,WAAW,CAAgB,CAAC,CAAC,CAAC,IAAI,CACzF,CACP,CACF,CACD,CACN,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,QAAQ,GAAuD,CAAC,EACrE,qBAAqB,EACrB,mBAAmB,EACnB,aAAa,GACb,EAAE,EAAE;;IACJ,MAAM,oBAAoB,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IAC9D,uDAAuD;IACvD,MAAM,EAAE,kBAAkB,EAAE,YAAY,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,GAAG,oBAAoB,CAAC;IAEnH,MAAM,YAAY,GAAG,eAAe,CAAC,kBAAkB,CAAC,CAAC;IAEzD,MAAM,CAAC,gCAAgC,EAAE,gCAAgC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEzF,MAAM,qBAAqB,GAAG,qBAAqB,IAAI,mBAAmB,CAAC;IAC3E,MAAM,mBAAmB,GAAG,mBAAmB,IAAI,wBAAwB,CAAC;IAE5E,sCAAsC;IACtC,SAAS,CAAC,GAAG,EAAE;QACd,KAAK,UAAU,2BAA2B;YACzC,OAAO,MAAM,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC,cAAc,EAAE,CAAC;QAC/D,CAAC;QAED,2BAA2B,EAAE,CAAC,IAAI,CAAC,CAAC,WAAgB,EAAE,EAAE;YACvD,gCAAgC,CAAC,WAAW,CAAC,gCAAgC,CAAC,CAAC;QAChF,CAAC,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,YAAY,KAAK,EAAE,EAAE;YACxB,wBAAwB,CAAC,aAAa,CAAC,CAAC;SACxC;aAAM;YACN,wBAAwB,CAAC,mBAAmB,CAAC,aAAa,EAAE,YAAY,CAAC,CAAC,CAAC;SAC3E;IACF,CAAC,EAAE,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC,CAAC;IAElC,IAAI,4BAA4B,GAAG,YAAY,CAAC,CAAC,CAAC,MAAA,YAAY,CAAC,GAAG,+CAAhB,YAAY,EAAO,qBAAqB,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IACjG,4BAA4B,CAAC,IAAI,CAChC,CAAC,CAAgB,EAAE,CAAgB,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CACvF,CAAC;IAEF,4BAA4B,GAAG,4BAA4B,CAAC,MAAM,CAAC,CAAC,YAA2B,EAAE,EAAE,CAClG,YAAY,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,SAAS,CACpF,CAAC;IAEF,OAAO,4BAA4B,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAClD,oBAAC,eAAe,OAAG,CACnB,CAAC,CAAC,CAAC,CACH;QACC,oBAAC,qBAAqB,OAAG;QACxB,4BAA4B,CAAC,GAAG,CAAC,CAAC,YAA2B,EAAE,KAAa,EAAE,EAAE;YAChF,MAAM,GAAG,GAAG,GAAG,KAAK,IAAI,YAAY,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC;YACpF,OAAO,CACN,oBAAC,aAAa,IAAC,GAAG,EAAE,GAAG;gBACtB,oBAAC,mBAAmB,IACnB,GAAG,EAAE,GAAG,EACR,YAAY,EAAE,YAAY,EAC1B,gCAAgC,EAAE,gCAAgC,GACjE,CACa,CAChB,CAAC;QACH,CAAC,CAAC,CACA,CACH,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC","sourcesContent":["import React, { useContext, useState, useEffect } from \"react\";\nimport { format, differenceInMilliseconds, parseISO, addSeconds } from \"date-fns\";\n\n// types\nimport { NotificationListViewProps } from \"../../types\";\n\n// Context\nimport { NotificationsContext } from \"../../notificationsContext\";\n\n// Components\nimport IconButton from \"../shared/IconButton\";\nimport NoNotifications from \"../NoNotifications\";\nimport OverflowMenu, { OverflowMenuActions, renderOverflowMenuAction } from \"../shared/OverflowMenu\";\nimport { CheckButton } from \"../shared/CheckButton\";\n\n// Utils\nimport {\n\tgetActiveFilter,\n\tgetMostRecentAction,\n\tisNewNotification,\n\tisReNotification,\n\tsearchNotifications,\n} from \"../../utils\";\n\nimport { NotificationCardHeaderLogo } from \"../shared/notificationCard/NotificationCardHeaderLogo\";\n\n// Constants\nimport { SelectionMode } from \"../../constants\";\nimport { services } from \"@finsemble/finsemble-api\";\nimport { ErrorBoundary } from \"../../../common/ErrorBoundary\";\n\ntype INotification = services.notification.types.INotification;\ntype IPerformedAction = services.notification.types.IPerformedAction;\n\nconst ListHeaderComponent = () => (\n\t<div className=\"list-header__container\">\n\t\t<div className=\"list-header_cell\">Received</div>\n\t\t<div className=\"list-header_cell\">App</div>\n\t\t<div className=\"list-header_cell\">Content</div>\n\t\t<div className=\"list-header_cell\">{\"\"}</div>\n\t</div>\n);\n\nexport type NotificationListRowPropType = {\n\tnotification: INotification;\n\tnewNotificationHaloPeriodSeconds: number;\n};\n\nexport const NotificationListRowShell: React.FunctionComponent<NotificationListRowPropType> = ({\n\tnotification,\n\tnewNotificationHaloPeriodSeconds,\n\tchildren,\n}: any) => {\n\tconst notificationsContext = useContext(NotificationsContext);\n\tconst { setSelectedNotification, muteFilters, selectionMode } = notificationsContext;\n\tconst [overflowMenuOpen, setOverflowMenuOpen] = useState(false);\n\tconst toggleOverflowMenu = () => {\n\t\tsetOverflowMenuOpen(!overflowMenuOpen);\n\t};\n\n\tconst [isNew, setIsNew] = useState(isNewNotification(notification, newNotificationHaloPeriodSeconds));\n\tconst [wokeFromSnooze, setWokeFromSnooze] = useState(\n\t\tisReNotification(notification, newNotificationHaloPeriodSeconds)\n\t);\n\tconst [isMuteFilterApplied, setIsMuteFilterApplied] = useState(\n\t\tmuteFilters\n\t\t\t? muteFilters.some((filter) => filter.source === notification.source && filter.type === notification.type)\n\t\t\t: false\n\t);\n\n\t// effect needed as the newNotificationHaloPeriodSeconds is fecthed asynchronously in the parent component\n\t// and sometimes at the first render, this value is still 0\n\tuseEffect(() => {\n\t\tsetIsNew(isNewNotification(notification, newNotificationHaloPeriodSeconds));\n\t}, [newNotificationHaloPeriodSeconds]);\n\n\tuseEffect(() => {\n\t\tlet isNewTimerId: any;\n\t\tif (isNew) {\n\t\t\tif (notification.isRead) {\n\t\t\t\tsetIsNew(false);\n\t\t\t\tclearTimeout(isNewTimerId);\n\t\t\t} else {\n\t\t\t\tisNewTimerId = setTimeout(() => {\n\t\t\t\t\tsetIsNew(false);\n\t\t\t\t}, differenceInMilliseconds(addSeconds(parseISO(notification.issuedAt), newNotificationHaloPeriodSeconds), Date.now()));\n\t\t\t}\n\t\t}\n\t\treturn () => {\n\t\t\tclearTimeout(isNewTimerId);\n\t\t};\n\t}, [isNew, notification]);\n\n\tuseEffect(() => {\n\t\tlet isRenotificationTimerId: any;\n\t\tif (isReNotification(notification, newNotificationHaloPeriodSeconds)) {\n\t\t\tconst mostRecentAction: IPerformedAction \| null = getMostRecentAction(notification);\n\t\t\tif (mostRecentAction) {\n\t\t\t\tconst { datePerformed } = mostRecentAction;\n\t\t\t\tsetWokeFromSnooze(true);\n\t\t\t\tisRenotificationTimerId = setTimeout(() => {\n\t\t\t\t\tsetWokeFromSnooze(false);\n\t\t\t\t}, differenceInMilliseconds(addSeconds(parseISO(datePerformed), newNotificationHaloPeriodSeconds), Date.now()));\n\t\t\t}\n\t\t} else {\n\t\t\tsetWokeFromSnooze(false);\n\t\t\tclearTimeout(isRenotificationTimerId);\n\t\t}\n\t\treturn () => {\n\t\t\tclearTimeout(isRenotificationTimerId);\n\t\t};\n\t}, [newNotificationHaloPeriodSeconds, notification]);\n\n\tconst overFlowActions = Object.assign({}, OverflowMenuActions);\n\toverFlowActions.DETAILS.action = (detailNotification: INotification) => {\n\t\tsetSelectedNotification(detailNotification);\n\t};\n\n\tdelete overFlowActions.DISMISS;\n\n\tuseEffect(() => {\n\t\tfunction listenMuteStateChanged(error: any, response: any) {\n\t\t\tif (error) {\n\t\t\t\tconsole.error(\"FinsembleNotificationsMuteStateChannel: \", error);\n\t\t\t} else {\n\t\t\t\tconst { data } = response;\n\t\t\t\tif (notification.source === data.source && notification.type === data.type) {\n\t\t\t\t\tsetIsMuteFilterApplied(data.isMuted);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\tFSBL.Clients.RouterClient.addListener(\"FinsembleNotificationsMuteStateChannel\", listenMuteStateChanged);\n\t\treturn () => {\n\t\t\tFSBL.Clients.RouterClient.removeListener(\"FinsembleNotificationsMuteStateChannel\", listenMuteStateChanged);\n\t\t};\n\t}, []);\n\n\tconst menuActions = Object.values(overFlowActions).map((value) =>\n\t\trenderOverflowMenuAction(notification, value, isMuteFilterApplied)\n\t);\n\n\treturn (\n\t\t<div\n\t\t\tclassName={`list-row__container notification-item ${notification.isRead ? \"is-read\" : \"\"} ${\n\t\t\t\tisNew \|\| wokeFromSnooze ? \"new\" : \"\"\n\t\t\t}\n\t\t\t\t${notification.cssClassName ? notification.cssClassName : \"\"}`}\n\t\t>\n\t\t\t{children ? (\n\t\t\t\t<>\n\t\t\t\t\t{selectionMode === SelectionMode.SELECTION ? (\n\t\t\t\t\t\t<div className=\"list-row__cell\">\n\t\t\t\t\t\t\t<CheckButton notification={notification} />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<></>\n\t\t\t\t\t)}\n\t\t\t\t\t{children}\n\t\t\t\t</>\n\t\t\t) : (\n\t\t\t\t<>\n\t\t\t\t\t<div className=\"list-row__cell\">{format(Date.parse(notification.issuedAt), \"dd-MM-yyyy HH:mm\")}</div>\n\t\t\t\t\t<div className=\"list-row__cell\">\n\t\t\t\t\t\t{selectionMode === SelectionMode.SELECTION ? (\n\t\t\t\t\t\t\t<div className=\"list-row__cell\">\n\t\t\t\t\t\t\t\t<CheckButton notification={notification} />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<NotificationCardHeaderLogo headerLogo={notification.headerLogo} />\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className=\"list-row__cell\">{`${notification.title} - ${notification.details}`}</div>\n\t\t\t\t</>\n\t\t\t)}\n\t\t\t<div className=\"list-row__cell\">\n\t\t\t\t<span>\n\t\t\t\t\t<IconButton iconName=\"ff-dots-vert\" tooltip=\"Options\" clickHandler={toggleOverflowMenu}>\n\t\t\t\t\t\t{overflowMenuOpen ? <OverflowMenu closeSelf={setOverflowMenuOpen}>{menuActions}</OverflowMenu> : null}\n\t\t\t\t\t</IconButton>\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nconst ListView: React.FunctionComponent<NotificationListViewProps> = ({\n\tnotificationHeaderRow,\n\tnotificationListRow,\n\tnotifications,\n}) => {\n\tconst notificationsContext = useContext(NotificationsContext);\n\t// The context will be used to filter the notifications\n\tconst { drawerControlProps, searchString, filteredNotifications, setFilteredNotifications } = notificationsContext;\n\n\tconst activeFilter = getActiveFilter(drawerControlProps);\n\n\tconst [newNotificationHaloPeriodSeconds, setNotificationHaloPeriodSeconds] = useState(0);\n\n\tconst NotificationHeaderRow = notificationHeaderRow \|\| ListHeaderComponent;\n\tconst NotificationListRow = notificationListRow \|\| NotificationListRowShell;\n\n\t// Sets the current default preference\n\tuseEffect(() => {\n\t\tasync function getNotificationsPreferences() {\n\t\t\treturn await FSBL.Clients.NotificationClient.getPreferences();\n\t\t}\n\n\t\tgetNotificationsPreferences().then((preferences: any) => {\n\t\t\tsetNotificationHaloPeriodSeconds(preferences.newNotificationHaloPeriodSeconds);\n\t\t});\n\t}, []);\n\n\tuseEffect(() => {\n\t\tif (searchString === \"\") {\n\t\t\tsetFilteredNotifications(notifications);\n\t\t} else {\n\t\t\tsetFilteredNotifications(searchNotifications(notifications, searchString));\n\t\t}\n\t}, [searchString, notifications]);\n\n\tlet controlFilteredNotifications = activeFilter ? activeFilter.run?.(filteredNotifications) : [];\n\tcontrolFilteredNotifications.sort(\n\t\t(a: INotification, b: INotification) => Date.parse(b.issuedAt) - Date.parse(a.issuedAt)\n\t);\n\n\tcontrolFilteredNotifications = controlFilteredNotifications.filter((notification: INotification) =>\n\t\tactiveFilter.action === \"snoozed\" ? notification.isSnoozed : !notification.isSnoozed\n\t);\n\n\treturn controlFilteredNotifications.length === 0 ? (\n\t\t<NoNotifications />\n\t) : (\n\t\t<>\n\t\t\t<NotificationHeaderRow />\n\t\t\t{controlFilteredNotifications.map((notification: INotification, index: number) => {\n\t\t\t\tconst key = `${index}_${notification.id ? notification.id : notification.issuedAt}`;\n\t\t\t\treturn (\n\t\t\t\t\t<ErrorBoundary key={key}>\n\t\t\t\t\t\t<NotificationListRow\n\t\t\t\t\t\t\tkey={key}\n\t\t\t\t\t\t\tnotification={notification}\n\t\t\t\t\t\t\tnewNotificationHaloPeriodSeconds={newNotificationHaloPeriodSeconds}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ErrorBoundary>\n\t\t\t\t);\n\t\t\t})}\n\t\t</>\n\t);\n};\n\nexport default ListView;\n"]}
1	+ {"version":3,"file":"ListView.js","sourceRoot":"","sources":["../../../../../src/components/notifications/components/views/ListView.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useContext, useState, useEffect } from \"react\";\nimport { format, differenceInMilliseconds, parseISO, addSeconds } from \"date-fns\";\n\n// types\nimport { NotificationListViewProps } from \"../../types\";\n\n// Context\nimport { NotificationsContext } from \"../../notificationsContext\";\n\n// Components\nimport IconButton from \"../shared/IconButton\";\nimport NoNotifications from \"../NoNotifications\";\nimport OverflowMenu, { OverflowMenuActions, renderOverflowMenuAction } from \"../shared/OverflowMenu\";\nimport { CheckButton } from \"../shared/CheckButton\";\n\n// Utils\nimport {\n\tgetActiveFilter,\n\tgetMostRecentAction,\n\tisNewNotification,\n\tisReNotification,\n\tsearchNotifications,\n} from \"../../utils\";\n\nimport { NotificationCardHeaderLogo } from \"../shared/notificationCard/NotificationCardHeaderLogo\";\n\n// Constants\nimport { SelectionMode } from \"../../constants\";\nimport { services } from \"@finsemble/finsemble-api\";\nimport { ErrorBoundary } from \"../../../common/ErrorBoundary\";\n\ntype INotification = services.notification.types.INotification;\ntype IPerformedAction = services.notification.types.IPerformedAction;\n\nconst ListHeaderComponent = () => (\n\t<div className=\"list-header__container\">\n\t\t<div className=\"list-header_cell\">Received</div>\n\t\t<div className=\"list-header_cell\">App</div>\n\t\t<div className=\"list-header_cell\">Content</div>\n\t\t<div className=\"list-header_cell\">{\"\"}</div>\n\t</div>\n);\n\nexport type NotificationListRowPropType = {\n\tnotification: INotification;\n\tnewNotificationHaloPeriodSeconds: number;\n};\n\nexport const NotificationListRowShell: React.FunctionComponent<NotificationListRowPropType> = ({\n\tnotification,\n\tnewNotificationHaloPeriodSeconds,\n\tchildren,\n}: any) => {\n\tconst notificationsContext = useContext(NotificationsContext);\n\tconst { setSelectedNotification, muteFilters, selectionMode } = notificationsContext;\n\tconst [overflowMenuOpen, setOverflowMenuOpen] = useState(false);\n\tconst toggleOverflowMenu = () => {\n\t\tsetOverflowMenuOpen(!overflowMenuOpen);\n\t};\n\n\tconst [isNew, setIsNew] = useState(isNewNotification(notification, newNotificationHaloPeriodSeconds));\n\tconst [wokeFromSnooze, setWokeFromSnooze] = useState(\n\t\tisReNotification(notification, newNotificationHaloPeriodSeconds)\n\t);\n\tconst [isMuteFilterApplied, setIsMuteFilterApplied] = useState(\n\t\tmuteFilters\n\t\t\t? muteFilters.some((filter) => filter.source === notification.source && filter.type === notification.type)\n\t\t\t: false\n\t);\n\n\t// effect needed as the newNotificationHaloPeriodSeconds is fecthed asynchronously in the parent component\n\t// and sometimes at the first render, this value is still 0\n\tuseEffect(() => {\n\t\tsetIsNew(isNewNotification(notification, newNotificationHaloPeriodSeconds));\n\t}, [newNotificationHaloPeriodSeconds]);\n\n\tuseEffect(() => {\n\t\tlet isNewTimerId: any;\n\t\tif (isNew) {\n\t\t\tif (notification.isRead) {\n\t\t\t\tsetIsNew(false);\n\t\t\t\tclearTimeout(isNewTimerId);\n\t\t\t} else {\n\t\t\t\tisNewTimerId = setTimeout(() => {\n\t\t\t\t\tsetIsNew(false);\n\t\t\t\t}, differenceInMilliseconds(addSeconds(parseISO(notification.issuedAt), newNotificationHaloPeriodSeconds), Date.now()));\n\t\t\t}\n\t\t}\n\t\treturn () => {\n\t\t\tclearTimeout(isNewTimerId);\n\t\t};\n\t}, [isNew, notification]);\n\n\tuseEffect(() => {\n\t\tlet isRenotificationTimerId: any;\n\t\tif (isReNotification(notification, newNotificationHaloPeriodSeconds)) {\n\t\t\tconst mostRecentAction: IPerformedAction \| null = getMostRecentAction(notification);\n\t\t\tif (mostRecentAction) {\n\t\t\t\tconst { datePerformed } = mostRecentAction;\n\t\t\t\tsetWokeFromSnooze(true);\n\t\t\t\tisRenotificationTimerId = setTimeout(() => {\n\t\t\t\t\tsetWokeFromSnooze(false);\n\t\t\t\t}, differenceInMilliseconds(addSeconds(parseISO(datePerformed), newNotificationHaloPeriodSeconds), Date.now()));\n\t\t\t}\n\t\t} else {\n\t\t\tsetWokeFromSnooze(false);\n\t\t\tclearTimeout(isRenotificationTimerId);\n\t\t}\n\t\treturn () => {\n\t\t\tclearTimeout(isRenotificationTimerId);\n\t\t};\n\t}, [newNotificationHaloPeriodSeconds, notification]);\n\n\tconst overFlowActions = Object.assign({}, OverflowMenuActions);\n\toverFlowActions.DETAILS.action = (detailNotification: INotification) => {\n\t\tsetSelectedNotification(detailNotification);\n\t};\n\n\tdelete overFlowActions.DISMISS;\n\n\tuseEffect(() => {\n\t\tfunction listenMuteStateChanged(error: any, response: any) {\n\t\t\tif (error) {\n\t\t\t\tconsole.error(\"FinsembleNotificationsMuteStateChannel: \", error);\n\t\t\t} else {\n\t\t\t\tconst { data } = response;\n\t\t\t\tif (notification.source === data.source && notification.type === data.type) {\n\t\t\t\t\tsetIsMuteFilterApplied(data.isMuted);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\tFSBL.Clients.RouterClient.addListener(\"FinsembleNotificationsMuteStateChannel\", listenMuteStateChanged);\n\t\treturn () => {\n\t\t\tFSBL.Clients.RouterClient.removeListener(\"FinsembleNotificationsMuteStateChannel\", listenMuteStateChanged);\n\t\t};\n\t}, []);\n\n\tconst menuActions = Object.values(overFlowActions).map((value) =>\n\t\trenderOverflowMenuAction(notification, value, isMuteFilterApplied)\n\t);\n\n\treturn (\n\t\t<div\n\t\t\tclassName={`list-row__container notification-item ${notification.isRead ? \"is-read\" : \"\"} ${\n\t\t\t\tisNew \|\| wokeFromSnooze ? \"new\" : \"\"\n\t\t\t}\n\t\t\t\t${notification.cssClassName ? notification.cssClassName : \"\"}`}\n\t\t>\n\t\t\t{children ? (\n\t\t\t\t<>\n\t\t\t\t\t{selectionMode === SelectionMode.SELECTION ? (\n\t\t\t\t\t\t<div className=\"list-row__cell\">\n\t\t\t\t\t\t\t<CheckButton notification={notification} />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<></>\n\t\t\t\t\t)}\n\t\t\t\t\t{children}\n\t\t\t\t</>\n\t\t\t) : (\n\t\t\t\t<>\n\t\t\t\t\t<div className=\"list-row__cell\">{format(Date.parse(notification.issuedAt), \"dd-MM-yyyy HH:mm\")}</div>\n\t\t\t\t\t<div className=\"list-row__cell\">\n\t\t\t\t\t\t{selectionMode === SelectionMode.SELECTION ? (\n\t\t\t\t\t\t\t<div className=\"list-row__cell\">\n\t\t\t\t\t\t\t\t<CheckButton notification={notification} />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<NotificationCardHeaderLogo headerLogo={notification.headerLogo} />\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className=\"list-row__cell\">{`${notification.title} - ${notification.details}`}</div>\n\t\t\t\t</>\n\t\t\t)}\n\t\t\t<div className=\"list-row__cell\">\n\t\t\t\t<span>\n\t\t\t\t\t<IconButton iconName=\"ff-dots-vert\" tooltip=\"Options\" clickHandler={toggleOverflowMenu}>\n\t\t\t\t\t\t{overflowMenuOpen ? <OverflowMenu closeSelf={setOverflowMenuOpen}>{menuActions}</OverflowMenu> : null}\n\t\t\t\t\t</IconButton>\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nconst ListView: React.FunctionComponent<NotificationListViewProps> = ({\n\tnotificationHeaderRow,\n\tnotificationListRow,\n\tnotifications,\n}) => {\n\tconst notificationsContext = useContext(NotificationsContext);\n\t// The context will be used to filter the notifications\n\tconst { drawerControlProps, searchString, filteredNotifications, setFilteredNotifications } = notificationsContext;\n\n\tconst activeFilter = getActiveFilter(drawerControlProps);\n\n\tconst [newNotificationHaloPeriodSeconds, setNotificationHaloPeriodSeconds] = useState(0);\n\n\tconst NotificationHeaderRow = notificationHeaderRow \|\| ListHeaderComponent;\n\tconst NotificationListRow = notificationListRow \|\| NotificationListRowShell;\n\n\t// Sets the current default preference\n\tuseEffect(() => {\n\t\tasync function getNotificationsPreferences() {\n\t\t\treturn await FSBL.Clients.NotificationClient.getPreferences();\n\t\t}\n\n\t\tgetNotificationsPreferences().then((preferences: any) => {\n\t\t\tsetNotificationHaloPeriodSeconds(preferences.newNotificationHaloPeriodSeconds);\n\t\t});\n\t}, []);\n\n\tuseEffect(() => {\n\t\tif (searchString === \"\") {\n\t\t\tsetFilteredNotifications(notifications);\n\t\t} else {\n\t\t\tsetFilteredNotifications(searchNotifications(notifications, searchString));\n\t\t}\n\t}, [searchString, notifications]);\n\n\tlet controlFilteredNotifications = activeFilter ? activeFilter.run?.(filteredNotifications) : [];\n\tcontrolFilteredNotifications.sort(\n\t\t(a: INotification, b: INotification) => Date.parse(b.issuedAt) - Date.parse(a.issuedAt)\n\t);\n\n\tcontrolFilteredNotifications = controlFilteredNotifications.filter((notification: INotification) =>\n\t\tactiveFilter.action === \"snoozed\" ? notification.isSnoozed : !notification.isSnoozed\n\t);\n\n\treturn controlFilteredNotifications.length === 0 ? (\n\t\t<NoNotifications />\n\t) : (\n\t\t<>\n\t\t\t<NotificationHeaderRow />\n\t\t\t{controlFilteredNotifications.map((notification: INotification, index: number) => {\n\t\t\t\tconst key = `${index}_${notification.id ? notification.id : notification.issuedAt}`;\n\t\t\t\treturn (\n\t\t\t\t\t<ErrorBoundary key={key}>\n\t\t\t\t\t\t<NotificationListRow\n\t\t\t\t\t\t\tkey={key}\n\t\t\t\t\t\t\tnotification={notification}\n\t\t\t\t\t\t\tnewNotificationHaloPeriodSeconds={newNotificationHaloPeriodSeconds}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ErrorBoundary>\n\t\t\t\t);\n\t\t\t})}\n\t\t</>\n\t);\n};\n\nexport default ListView;\n"]}

package/react/components/processMonitor/stores/ProcessMonitorStore.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { ChildWindowType, ProcessType } from "../ProcessMonitorTypes";
 import StoreModel from "@finsemble/finsemble-api/types/clients/StoreModel";
-import { StandardCallback, StandardError } from "@finsemble/finsemble-api/types/types";
+import { StandardCallback } from "@finsemble/finsemble-api/types/types";
 import { ProcessInfo } from "@finsemble/finsemble-api/types/FEA";
 declare let ProcessMonitorStore: StoreModel | undefined;
 declare type VoidCallback = () => void;
@@ -37,11 +37,11 @@ declare const Actions: {
     /**
      * Gets the current "flashing" state - whether the process monitor is currently flashing a window
      */
-    getFlashingState: (cb?: StandardCallback<StandardError, any> | undefined) => void;
+    getFlashingState: (cb?: StandardCallback) => void;
     /**
      * Gets the current "flashing" state for the process monitor
      */
-    setFlashingState: (value: boolean, cb?: StandardCallback<StandardError, any> | undefined) => void;
+    setFlashingState: (value: boolean, cb?: StandardCallback) => void;
     /**
      * Make the window flash a couple of times so that the user can identify it.
      */

package/react/components/sdd/AppEditPage.js CHANGED Viewed

@@ -306,7 +306,7 @@ export const AppEditPage = ({ startingDisplayName = "", startingAppType = "web",
                     appService && (React.createElement("tr", null,
                         React.createElement("td", null,
                             React.createElement("label", { htmlFor: "bootPhase" }, "Boot phase")),
-                        React.createElement("td", null,
+                        React.createElement("td", { className: "bootPhase-entry" },
                             React.createElement(DefaultDropdownButton, { allowEmpty: false, caretLocation: "right", defaultSelection: bootPhaseOptions.find((opt) => opt.optionLabel === bootPhase), buttonOptions: bootPhaseOptions })))),
                     appService && (React.createElement("tr", null,
                         React.createElement("td", null,

package/react/components/sdd/AppEditPage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AppEditPage.js","sourceRoot":"","sources":["../../../src/components/sdd/AppEditPage.tsx"],"names":[],"mappings":"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","sourcesContent":["/!\n Copyright 2017 - 2020 by ChartIQ, Inc.\n * All rights reserved.\n /\n\nimport React, { useState } from \"react\";\nimport { BootStage } from \"@finsemble/finsemble-api/types/services/systemManager/types\";\nimport { FileInput } from \"../common/FileInput\";\nimport { Button } from \"../common/Button\";\nimport { validateFilename, VALID_APP_EXTENSIONS } from \"../common/file_helpers\";\nimport { Tooltip } from \"../common/Tooltip\";\nimport { Accordion } from \"../common/Accordion\";\nimport { Checkbox } from \"../common/Checkbox\";\nimport as Types from \"../../types/smartDesktopDesignerTypes\";\nimport DefaultDropdownButton from \"../shared/DefaultDropdownButton\";\nimport \"../common/css/application-edit-page.css\";\nimport { SmartDesktopClient } from \"./smartDesktopClient\";\nimport { AppEditPage_DebugToolkit } from \"./appEditPage/DebugToolkit\";\nimport { AppEditPage_SelectConnect } from \"./appEditPage/SelectConnect\";\nimport { AppEditPage_Preloads } from \"./appEditPage/Preloads\";\nimport { AppEditPage_Position } from \"./appEditPage/Position\";\nimport { AppEditPage_Behavior } from \"./appEditPage/Behavior\";\nimport { AppEditPage_Interop } from \"./appEditPage/Interop\";\nimport { AppEditPage_Component } from \"./appEditPage/Component\";\nimport { AppEditPage_Workspace } from \"./appEditPage/Workspace\";\n\nconst DEFAULT_WINDOW_WIDTH = 1280;\nconst DEFAULT_WINDOW_HEIGHT = 600;\nconst MINIMUM_WINDOW_WIDTH = 0;\nconst MINIMUM_WINDOW_HEIGHT = 0;\nconst SELECTABLE_BOOT_PHASE_STAGES: BootStage[] = [\"preuser\", \"preuser2\", \"preuser3\", \"preuser4\", \"earlyuser\", \"user\"];\n\nexport const defaultAppData = {\n\tname: \"\",\n\tabstractPosition: 0,\n\taddToWorkspace: true,\n\talias: \"\",\n\tallowAutoArrange: true,\n\tallowGrouping: true,\n\tallowMinimize: true,\n\tallowMaximize: true,\n\tallowSnapping: true,\n\tallowTabbing: true,\n\tallowTiling: true,\n\talwaysOnTop: false,\n\tappArguments: \"\",\n\tappType: \"WEB\",\n\tautoConnect: false,\n\tdescription: \"\",\n\tenableAffinity: true,\n\tenableAOT: false,\n\tenableTitleBar: true,\n\theight: DEFAULT_WINDOW_HEIGHT,\n\thideClose: false,\n\thideMaximize: false,\n\thideMinimize: false,\n\ticonURL: \"\",\n\tintents: [],\n\tisEvergreen: false,\n\tlaunchableByUser: true,\n\tnative_windowSpawnTimeout: 30,\n\topacity: 1,\n\tpath: \"\",\n\tpersistPath: true,\n\tpersistURL: true,\n\tpreloads: [],\n\tresizable: true,\n\trules: [],\n\tsecurity: \"trusted\",\n\tsingleton: false,\n\tspawnOnStartup: false,\n\ttags: [],\n\ttitlebarType: \"injected\",\n\turl: \"\",\n\twidth: DEFAULT_WINDOW_WIDTH,\n\tbootPhase: \"preuser\",\n\twaitForInitialization: true,\n\tserviceVisible: false,\n\tdevConsole: false,\n} as Types.ApplicationSaveData;\n\nconst convertIntentData = (intentArray: string[][]): Types.IntentEntry[] =>\n\tintentArray.slice(0, -1).map(([name, displayName, contexts]) => {\n\t\treturn { name, displayName, contexts: contexts.split(\",\") };\n\t});\n\nconst appTypeDisplayNameMap = {\n\tweb: \"Web\",\n\tnative: \"Native\",\n\tassimilation: \"Native\",\n\tcitrix: \"Virtual\",\n};\n\nexport type AppEditPageProps = {\n\tstartingDisplayName: string;\n\tstartingAppType: string;\n\tstartingWindowURL: string;\n\tstartingNativePath: string;\n\tappData?: Types.ApplicationSaveData;\n\tvalidateURL: (s: string) => boolean;\n\tremoveApplicationFn: () => void;\n\tcancelFn: () => void;\n\tsubmitFn: (data: Types.ApplicationSaveData) => void;\n\taddApp: typeof SmartDesktopClient.addApp;\n\tisInboundInteropAuthorized: typeof SmartDesktopClient.isInboundInteropAuthorized;\n\tisOutboundInteropAuthorized: typeof SmartDesktopClient.isOutboundInteropAuthorized;\n\tpreloadAliasList: string[];\n\tappService: boolean;\n};\n\nexport const AppEditPage = ({\n\tstartingDisplayName = \"\",\n\tstartingAppType = \"web\",\n\tstartingWindowURL = \"\",\n\tstartingNativePath = \"\",\n\tappData = defaultAppData,\n\tvalidateURL,\n\tremoveApplicationFn = () => {},\n\tcancelFn = () => {},\n\tsubmitFn,\n\taddApp,\n\tisInboundInteropAuthorized,\n\tisOutboundInteropAuthorized,\n\tpreloadAliasList = [],\n\tappService = false,\n}: AppEditPageProps) => {\n\tconst [displayName, setDisplayName] = useState(startingDisplayName);\n\tconst [currentAppType, setCurrentAppType] = useState(startingAppType);\n\tconst [windowURL, setWindowURL] = useState(startingWindowURL);\n\tconst [nativePath, setNativePath] = useState(startingNativePath);\n\n\tconst [abstractPosition, setAbstractPosition] = useState(appData.abstractPosition);\n\tconst [addToWorkspace, setAddToWorkspace] = useState(appData.addToWorkspace);\n\tconst [enableAffinity, setEnableAffinity] = useState(appData.enableAffinity);\n\tconst [alias, setAlias] = useState(appData.alias);\n\tconst [allowAutoArrange, setAllowAutoArrange] = useState(appData.allowAutoArrange);\n\tconst [allowGrouping, setAllowGrouping] = useState(appData.allowGrouping);\n\tconst [allowMinimize, setAllowMinimize] = useState(appData.allowMinimize);\n\tconst [allowMaximize, setAllowMaximize] = useState(appData.allowMaximize);\n\tconst [allowSnapping, setAllowSnapping] = useState(appData.allowSnapping);\n\tconst [allowTabbing, setAllowTabbing] = useState(appData.allowTabbing);\n\tconst [allowTiling, setAllowTiling] = useState(appData.allowTiling);\n\tconst [aot, setAot] = useState(appData.alwaysOnTop);\n\tconst [appArguments, setAppArguments] = useState(appData.appArguments);\n\tconst [autoConnect, setAutoConnect] = useState(appData.autoConnect);\n\tconst [componentDescription, setComponentDescription] = useState(appData.description);\n\tconst [enableAOT, setEnableAOT] = useState(appData.enableAOT);\n\tconst [enableTitleBar, setEnableTitleBar] = useState(appData.enableTitleBar);\n\tconst [hideClose, setHideClose] = useState(appData.hideClose);\n\tconst [hideMaximize, setHideMaximize] = useState(appData.hideMaximize);\n\tconst [hideMinimize, setHideMinimize] = useState(appData.hideMinimize);\n\tconst [iconURL, setIconURL] = useState(appData.iconURL);\n\tconst [isEvergreen, setIsEvergreen] = useState(appData.isEvergreen);\n\tconst [launchableByUser, setLaunchableByUser] = useState(appData.launchableByUser);\n\tconst [native_windowSpawnTimeout, setNative_windowSpawnTimeout] = useState(appData.native_windowSpawnTimeout);\n\tconst [opacity, setOpacity] = useState(appData.opacity);\n\tconst [persistPath, setPersistPath] = useState(appData.persistPath);\n\tconst [persistURL, setPersistURL] = useState(appData.persistURL);\n\tconst [preloads, setPreloads] = useState(appData.preloads);\n\tconst [resizable, setResizable] = useState(appData.resizable);\n\tconst [rules, setRules] = useState(appData.rules);\n\tconst [security, setSecurity] = useState(appData.security);\n\tconst [singleton, setSingleton] = useState(appData.singleton);\n\tconst [spawnOnStartup, setSpawnOnStartup] = useState(appData.spawnOnStartup);\n\tconst [titlebarType, setTitlebarType] = useState(appData.titlebarType);\n\tconst [windowHeight, setWindowHeight] = useState<number \| string>(appData.height \|\| DEFAULT_WINDOW_HEIGHT);\n\tconst [windowWidth, setWindowWidth] = useState<number \| string>(appData.width \|\| DEFAULT_WINDOW_WIDTH);\n\tconst [selectConnectTrustAll, setSelectConnectTrustAll] = useState(\n\t\t!Array.isArray(appData.rules) \|\| appData.rules.filter((rule) => \"authorize\" in rule).length === 0\n\t);\n\tconst [intentData, setIntentData] = useState<string[][]>(\n\t\tappData.intents?.map((intent) => [intent.name, intent.displayName, intent.contexts?.join(\", \") ?? \"\"])\n\t);\n\tconst [bootPhase, setBootPhase] = useState<BootStage \| undefined>(appData.bootPhase);\n\tconst [waitForInitialization, setWaitForInitialization] = useState(appData.waitForInitialization);\n\tconst [serviceVisible, setServiceVisible] = useState(appData.serviceVisible);\n\tconst [devConsole, setDevConsole] = useState(appData.devConsole);\n\n\tconst isWindowURLValid = validateURL(windowURL);\n\tconst isHeightValid = !(typeof windowHeight !== \"number\" \|\| windowHeight < MINIMUM_WINDOW_HEIGHT);\n\tconst isWidthValid = !(typeof windowWidth !== \"number\" \|\| windowWidth < MINIMUM_WINDOW_WIDTH);\n\n\tconst isValidInput = () => {\n\t\t// Confirm that the app's dimensions and displayName are valid\n\t\tif (!isWidthValid \|\| !isHeightValid \|\| displayName === undefined \|\| displayName === \"\") {\n\t\t\treturn false;\n\t\t}\n\n\t\t// App-specific validation checks\n\t\tif (currentAppType === \"web\") {\n\t\t\t// For web apps, confirm that the URL is valid\n\t\t\treturn isWindowURLValid && windowURL.length > 0;\n\t\t} else if (currentAppType === \"Citrix\") {\n\t\t\t// For Citrix, there are no specific confirmations\n\t\t\treturn true;\n\t\t} else {\n\t\t\t// For native/assimilated, make sure the path is fine\n\t\t\treturn !(!nativePath \|\| (nativePath.length === 0 && validateFilename(VALID_APP_EXTENSIONS, nativePath)));\n\t\t}\n\t};\n\n\tconst disableSubmit = !isValidInput();\n\n\tconst clickSubmit = () => {\n\t\t// Shouldn't be possible to get in a state where windowWith/windowHeight aren't numbers,\n\t\t// but let's check anyway\n\t\tif (!(typeof windowWidth === \"number\" && typeof windowHeight === \"number\")) {\n\t\t\treturn;\n\t\t}\n\n\t\tsubmitFn({\n\t\t\tname: displayName,\n\t\t\turl: windowURL,\n\t\t\tpath: nativePath,\n\t\t\tappType: currentAppType,\n\t\t\tappArguments: appArguments,\n\t\t\twidth: windowWidth,\n\t\t\theight: windowHeight,\n\t\t\tdescription: componentDescription,\n\t\t\ticonURL,\n\t\t\trules: selectConnectTrustAll ? [] : rules,\n\t\t\tintents: convertIntentData(intentData),\n\t\t\tpersistPath,\n\t\t\tpersistURL,\n\t\t\taddToWorkspace,\n\t\t\talias,\n\t\t\tallowAutoArrange,\n\t\t\tallowGrouping,\n\t\t\tallowMinimize,\n\t\t\tallowMaximize,\n\t\t\tallowSnapping,\n\t\t\tallowTabbing,\n\t\t\tallowTiling,\n\t\t\tenableAOT,\n\t\t\tenableTitleBar,\n\t\t\thideClose,\n\t\t\thideMinimize,\n\t\t\thideMaximize,\n\t\t\tautoConnect,\n\t\t\tabstractPosition,\n\t\t\tresizable,\n\t\t\talwaysOnTop: aot,\n\t\t\topacity,\n\t\t\tsingleton,\n\t\t\tspawnOnStartup,\n\t\t\tlaunchableByUser,\n\t\t\tsecurity,\n\t\t\tisEvergreen,\n\t\t\tnative_windowSpawnTimeout,\n\t\t\tpreloads,\n\t\t\ttitlebarType,\n\t\t\tbootPhase,\n\t\t\twaitForInitialization,\n\t\t\tserviceVisible,\n\t\t\tdevConsole,\n\t\t});\n\t};\n\n\t// When we try to use the form/type=submit interaction, it acts like we pressed the back button, rather than the submit button\n\tconst submitOnEnter = (e: React.KeyboardEvent<HTMLInputElement>) => {\n\t\tif (e.key !== \"Enter\") {\n\t\t\treturn;\n\t\t}\n\n\t\te.preventDefault();\n\t\tif (!disableSubmit) {\n\t\t\tclickSubmit();\n\t\t}\n\t};\n\n\tconst bootPhaseOptions = SELECTABLE_BOOT_PHASE_STAGES.map((optionLabel) => {\n\t\treturn {\n\t\t\toptionLabel,\n\t\t\tclickHandler: () => {\n\t\t\t\tsetBootPhase(optionLabel);\n\t\t\t},\n\t\t};\n\t});\n\n\treturn (\n\t\t<>\n\t\t\t<div className=\"app-edit-field\">\n\t\t\t\t<h2 className=\"app-edit-app-name\">\n\t\t\t\t\t{iconURL !== \"\" && iconURL !== undefined && <img src={iconURL} className=\"app-icon\" />}\n\t\t\t\t\t{displayName}\n\t\t\t\t</h2>\n\t\t\t</div>\n\t\t\t<div className=\"app-edit-field\">\n\t\t\t\t<table role=\"presentation\" className=\"always-present accordion-edit-block\">\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td className=\"label-col\">\n\t\t\t\t\t\t\t\t<label>App type</label>\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t<td className=\"content-col\">\n\t\t\t\t\t\t\t\t<div className=\"app-edit-type-field\">\n\t\t\t\t\t\t\t\t\t{appTypeDisplayNameMap[currentAppType.toLowerCase() as keyof typeof appTypeDisplayNameMap]}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t<label htmlFor=\"app-name\">Name</label>\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\tid=\"app-name\"\n\t\t\t\t\t\t\t\t\tvalue={displayName}\n\t\t\t\t\t\t\t\t\tplaceholder=\"Untitled Application\"\n\t\t\t\t\t\t\t\t\tonKeyDown={submitOnEnter}\n\t\t\t\t\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\t\t\t\t\tsetDisplayName(e.target.value);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t{currentAppType === \"Citrix\" && (\n\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t<label htmlFor=\"app-alias\">Virtual app name</label>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\t\tid=\"app-alias\"\n\t\t\t\t\t\t\t\t\t\tvalue={alias}\n\t\t\t\t\t\t\t\t\t\tplaceholder=\"Virtual application name\"\n\t\t\t\t\t\t\t\t\t\tonKeyDown={submitOnEnter}\n\t\t\t\t\t\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\t\t\t\t\t\tsetAlias(e.target.value);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{!appService && (\n\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t<label htmlFor=\"app-icon-url\">Icon URL</label>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\t\tid=\"app-icon-url\"\n\t\t\t\t\t\t\t\t\t\tvalue={iconURL}\n\t\t\t\t\t\t\t\t\t\tonKeyDown={submitOnEnter}\n\t\t\t\t\t\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\t\t\t\t\t\tsetIconURL(e.target.value);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{currentAppType !== \"web\" && currentAppType !== \"Citrix\" && (\n\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t<label id=\"api-access-label\">API access</label>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t<div className=\"app-edit-type-field\">\n\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\t\t\t\t\t\t\tname=\"api-access\"\n\t\t\t\t\t\t\t\t\t\t\tchecked={currentAppType === \"native\"}\n\t\t\t\t\t\t\t\t\t\t\tonKeyDown={(e) => {\n\t\t\t\t\t\t\t\t\t\t\t\tif (e.key === \" \") {\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetCurrentAppType(currentAppType === \"native\" ? \"assimilation\" : \"native\");\n\t\t\t\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t\t\t\tsubmitOnEnter(e);\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\tonChange={() => {\n\t\t\t\t\t\t\t\t\t\t\t\tsetCurrentAppType(currentAppType === \"native\" ? \"assimilation\" : \"native\");\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{currentAppType === \"web\" && (\n\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t<label htmlFor=\"app-url\">App URL</label>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\t\tid=\"app-url\"\n\t\t\t\t\t\t\t\t\t\tplaceholder=\"https://...\"\n\t\t\t\t\t\t\t\t\t\tvalue={windowURL}\n\t\t\t\t\t\t\t\t\t\taria-invalid={!isWindowURLValid}\n\t\t\t\t\t\t\t\t\t\tonKeyDown={submitOnEnter}\n\t\t\t\t\t\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\t\t\t\t\t\tsetWindowURL(e.target.value);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{(currentAppType === \"native\" \|\| currentAppType === \"assimilation\") && (\n\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t<label>File path</label>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t<div className=\"app-file-input\">\n\t\t\t\t\t\t\t\t\t\t<FileInput\n\t\t\t\t\t\t\t\t\t\t\tacceptTypes={VALID_APP_EXTENSIONS}\n\t\t\t\t\t\t\t\t\t\t\tshouldUpload={false}\n\t\t\t\t\t\t\t\t\t\t\tvalue={nativePath}\n\t\t\t\t\t\t\t\t\t\t\tonSetValue={(value: string) => {\n\t\t\t\t\t\t\t\t\t\t\t\tsetNativePath(value);\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\ttextEditable={true}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{currentAppType !== \"web\" && (\n\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t<label htmlFor=\"app-arguments\">Arguments</label>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\t\tid=\"app-arguments\"\n\t\t\t\t\t\t\t\t\t\tplaceholder=\"E.g: mode=a --type b\"\n\t\t\t\t\t\t\t\t\t\tvalue={appArguments}\n\t\t\t\t\t\t\t\t\t\tonKeyDown={submitOnEnter}\n\t\t\t\t\t\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\t\t\t\t\t\tsetAppArguments(e.target.value);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t<Tooltip>If your app expects arguments on startup, specify them here.</Tooltip>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{!appService && (\n\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t<label htmlFor=\"app-description\">Description</label>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t<td className=\"description\">\n\t\t\t\t\t\t\t\t\t<textarea\n\t\t\t\t\t\t\t\t\t\tid=\"app-description\"\n\t\t\t\t\t\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\t\t\t\t\t\tsetComponentDescription(e.target.value);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tvalue={componentDescription}\n\t\t\t\t\t\t\t\t\t></textarea>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{appService && (\n\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t<label htmlFor=\"bootPhase\">Boot phase</label>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t<DefaultDropdownButton\n\t\t\t\t\t\t\t\t\t\tallowEmpty={false}\n\t\t\t\t\t\t\t\t\t\tcaretLocation=\"right\"\n\t\t\t\t\t\t\t\t\t\tdefaultSelection={bootPhaseOptions.find((opt) => opt.optionLabel === bootPhase)}\n\t\t\t\t\t\t\t\t\t\tbuttonOptions={bootPhaseOptions}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{appService && (\n\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t<label htmlFor=\"initialization\">Wait for initialization</label>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\t\t\tchecked={waitForInitialization}\n\t\t\t\t\t\t\t\t\t\tlabel=\"Wait for initialization\"\n\t\t\t\t\t\t\t\t\t\tshowLabel={false}\n\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\tsetWaitForInitialization(!waitForInitialization);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</tbody>\n\t\t\t\t</table>\n\t\t\t</div>\n\n\t\t\t{appService && (\n\t\t\t\t<AppEditPage_DebugToolkit\n\t\t\t\t\t{...{\n\t\t\t\t\t\tserviceVisible,\n\t\t\t\t\t\tsetServiceVisible,\n\t\t\t\t\t\tdevConsole,\n\t\t\t\t\t\tsetDevConsole,\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t<div className=\"app-edit-field\">\n\t\t\t\t<Accordion id=\"config\" size=\"medium\" label=\"Optional config settings\">\n\t\t\t\t\t{currentAppType !== \"assimilation\" && (\n\t\t\t\t\t\t<AppEditPage_SelectConnect\n\t\t\t\t\t\t\trules={appData.rules}\n\t\t\t\t\t\t\t{...{\n\t\t\t\t\t\t\t\tselectConnectTrustAll,\n\t\t\t\t\t\t\t\tsetSelectConnectTrustAll,\n\t\t\t\t\t\t\t\tdisplayName,\n\t\t\t\t\t\t\t\tsetRules,\n\t\t\t\t\t\t\t\tisInboundInteropAuthorized,\n\t\t\t\t\t\t\t\tisOutboundInteropAuthorized,\n\t\t\t\t\t\t\t\taddApp,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t{currentAppType === \"web\" && (\n\t\t\t\t\t\t<AppEditPage_Preloads\n\t\t\t\t\t\t\tpreloads={appData.preloads}\n\t\t\t\t\t\t\t{...{\n\t\t\t\t\t\t\t\tpreloadAliasList,\n\t\t\t\t\t\t\t\tappData,\n\t\t\t\t\t\t\t\tsetPreloads,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t{currentAppType !== \"Citrix\" && !appService && (\n\t\t\t\t\t\t<AppEditPage_Position\n\t\t\t\t\t\t\t{...{\n\t\t\t\t\t\t\t\tisWidthValid,\n\t\t\t\t\t\t\t\twindowWidth,\n\t\t\t\t\t\t\t\tsetWindowHeight,\n\t\t\t\t\t\t\t\tisHeightValid,\n\t\t\t\t\t\t\t\twindowHeight,\n\t\t\t\t\t\t\t\tsetWindowWidth,\n\t\t\t\t\t\t\t\tresizable,\n\t\t\t\t\t\t\t\tsetResizable,\n\t\t\t\t\t\t\t\tabstractPosition,\n\t\t\t\t\t\t\t\tsetAbstractPosition,\n\t\t\t\t\t\t\t\topacity,\n\t\t\t\t\t\t\t\tsetOpacity,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t{currentAppType === \"web\" && !appService && (\n\t\t\t\t\t\t<AppEditPage_Behavior\n\t\t\t\t\t\t\t{...{\n\t\t\t\t\t\t\t\tallowAutoArrange,\n\t\t\t\t\t\t\t\tsetAllowAutoArrange,\n\t\t\t\t\t\t\t\tallowGrouping,\n\t\t\t\t\t\t\t\tsetAllowGrouping,\n\t\t\t\t\t\t\t\tallowSnapping,\n\t\t\t\t\t\t\t\tsetAllowSnapping,\n\t\t\t\t\t\t\t\tallowTabbing,\n\t\t\t\t\t\t\t\tsetAllowTabbing,\n\t\t\t\t\t\t\t\tallowTiling,\n\t\t\t\t\t\t\t\tsetAllowTiling,\n\t\t\t\t\t\t\t\tenableTitleBar,\n\t\t\t\t\t\t\t\tsetEnableTitleBar,\n\t\t\t\t\t\t\t\ttitlebarType,\n\t\t\t\t\t\t\t\tsetTitlebarType,\n\t\t\t\t\t\t\t\taot,\n\t\t\t\t\t\t\t\tsetAot,\n\t\t\t\t\t\t\t\tenableAOT,\n\t\t\t\t\t\t\t\tsetEnableAOT,\n\t\t\t\t\t\t\t\tallowMinimize,\n\t\t\t\t\t\t\t\tsetAllowMinimize,\n\t\t\t\t\t\t\t\thideMinimize,\n\t\t\t\t\t\t\t\tsetHideMinimize,\n\t\t\t\t\t\t\t\tallowMaximize,\n\t\t\t\t\t\t\t\tsetAllowMaximize,\n\t\t\t\t\t\t\t\thideMaximize,\n\t\t\t\t\t\t\t\tsetHideMaximize,\n\t\t\t\t\t\t\t\thideClose,\n\t\t\t\t\t\t\t\tsetHideClose,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t{currentAppType !== \"assimilation\" && (\n\t\t\t\t\t\t<AppEditPage_Interop\n\t\t\t\t\t\t\t{...{\n\t\t\t\t\t\t\t\tappService,\n\t\t\t\t\t\t\t\tautoConnect,\n\t\t\t\t\t\t\t\tsetAutoConnect,\n\t\t\t\t\t\t\t\tintentData,\n\t\t\t\t\t\t\t\tsetIntentData,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t<AppEditPage_Component\n\t\t\t\t\t\t{...{\n\t\t\t\t\t\t\tcurrentAppType,\n\t\t\t\t\t\t\tsecurity,\n\t\t\t\t\t\t\tsetSecurity,\n\t\t\t\t\t\t\tnative_windowSpawnTimeout,\n\t\t\t\t\t\t\tsetNative_windowSpawnTimeout,\n\t\t\t\t\t\t\tappService,\n\t\t\t\t\t\t\tsingleton,\n\t\t\t\t\t\t\tsetSingleton,\n\t\t\t\t\t\t\tspawnOnStartup,\n\t\t\t\t\t\t\tsetSpawnOnStartup,\n\t\t\t\t\t\t\tlaunchableByUser,\n\t\t\t\t\t\t\tsetLaunchableByUser,\n\t\t\t\t\t\t\tisEvergreen,\n\t\t\t\t\t\t\tsetIsEvergreen,\n\t\t\t\t\t\t\tenableAffinity,\n\t\t\t\t\t\t\tsetEnableAffinity,\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t\t{currentAppType !== \"Citrix\" && !appService && (\n\t\t\t\t\t\t<AppEditPage_Workspace\n\t\t\t\t\t\t\t{...{\n\t\t\t\t\t\t\t\tcurrentAppType,\n\t\t\t\t\t\t\t\taddToWorkspace,\n\t\t\t\t\t\t\t\tsetAddToWorkspace,\n\t\t\t\t\t\t\t\tpersistURL,\n\t\t\t\t\t\t\t\tsetPersistURL,\n\t\t\t\t\t\t\t\tpersistPath,\n\t\t\t\t\t\t\t\tsetPersistPath,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</Accordion>\n\t\t\t</div>\n\n\t\t\t<div className=\"app-edit-actions\">\n\t\t\t\t<div>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tfashion=\"danger\"\n\t\t\t\t\t\ttext=\"Remove app\"\n\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\tremoveApplicationFn();\n\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\n\t\t\t\t<div className=\"app-actions-right-wrapper\">\n\t\t\t\t\t<Button fashion=\"ghost\" text=\"Cancel\" onClick={cancelFn} />\n\t\t\t\t\t<Button fashion=\"secondary\" text=\"Save\" disabled={disableSubmit} onClick={clickSubmit} />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</>\n\t);\n};\n"]}
1	+ {"version":3,"file":"AppEditPage.js","sourceRoot":"","sources":["../../../src/components/sdd/AppEditPage.tsx"],"names":[],"mappings":"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","sourcesContent":["/!\n Copyright 2017 - 2020 by ChartIQ, Inc.\n * All rights reserved.\n /\n\nimport React, { useState } from \"react\";\nimport { BootStage } from \"@finsemble/finsemble-api/types/services/systemManager/types\";\nimport { FileInput } from \"../common/FileInput\";\nimport { Button } from \"../common/Button\";\nimport { validateFilename, VALID_APP_EXTENSIONS } from \"../common/file_helpers\";\nimport { Tooltip } from \"../common/Tooltip\";\nimport { Accordion } from \"../common/Accordion\";\nimport { Checkbox } from \"../common/Checkbox\";\nimport as Types from \"../../types/smartDesktopDesignerTypes\";\nimport DefaultDropdownButton from \"../shared/DefaultDropdownButton\";\nimport \"../common/css/application-edit-page.css\";\nimport { SmartDesktopClient } from \"./smartDesktopClient\";\nimport { AppEditPage_DebugToolkit } from \"./appEditPage/DebugToolkit\";\nimport { AppEditPage_SelectConnect } from \"./appEditPage/SelectConnect\";\nimport { AppEditPage_Preloads } from \"./appEditPage/Preloads\";\nimport { AppEditPage_Position } from \"./appEditPage/Position\";\nimport { AppEditPage_Behavior } from \"./appEditPage/Behavior\";\nimport { AppEditPage_Interop } from \"./appEditPage/Interop\";\nimport { AppEditPage_Component } from \"./appEditPage/Component\";\nimport { AppEditPage_Workspace } from \"./appEditPage/Workspace\";\n\nconst DEFAULT_WINDOW_WIDTH = 1280;\nconst DEFAULT_WINDOW_HEIGHT = 600;\nconst MINIMUM_WINDOW_WIDTH = 0;\nconst MINIMUM_WINDOW_HEIGHT = 0;\nconst SELECTABLE_BOOT_PHASE_STAGES: BootStage[] = [\"preuser\", \"preuser2\", \"preuser3\", \"preuser4\", \"earlyuser\", \"user\"];\n\nexport const defaultAppData = {\n\tname: \"\",\n\tabstractPosition: 0,\n\taddToWorkspace: true,\n\talias: \"\",\n\tallowAutoArrange: true,\n\tallowGrouping: true,\n\tallowMinimize: true,\n\tallowMaximize: true,\n\tallowSnapping: true,\n\tallowTabbing: true,\n\tallowTiling: true,\n\talwaysOnTop: false,\n\tappArguments: \"\",\n\tappType: \"WEB\",\n\tautoConnect: false,\n\tdescription: \"\",\n\tenableAffinity: true,\n\tenableAOT: false,\n\tenableTitleBar: true,\n\theight: DEFAULT_WINDOW_HEIGHT,\n\thideClose: false,\n\thideMaximize: false,\n\thideMinimize: false,\n\ticonURL: \"\",\n\tintents: [],\n\tisEvergreen: false,\n\tlaunchableByUser: true,\n\tnative_windowSpawnTimeout: 30,\n\topacity: 1,\n\tpath: \"\",\n\tpersistPath: true,\n\tpersistURL: true,\n\tpreloads: [],\n\tresizable: true,\n\trules: [],\n\tsecurity: \"trusted\",\n\tsingleton: false,\n\tspawnOnStartup: false,\n\ttags: [],\n\ttitlebarType: \"injected\",\n\turl: \"\",\n\twidth: DEFAULT_WINDOW_WIDTH,\n\tbootPhase: \"preuser\",\n\twaitForInitialization: true,\n\tserviceVisible: false,\n\tdevConsole: false,\n} as Types.ApplicationSaveData;\n\nconst convertIntentData = (intentArray: string[][]): Types.IntentEntry[] =>\n\tintentArray.slice(0, -1).map(([name, displayName, contexts]) => {\n\t\treturn { name, displayName, contexts: contexts.split(\",\") };\n\t});\n\nconst appTypeDisplayNameMap = {\n\tweb: \"Web\",\n\tnative: \"Native\",\n\tassimilation: \"Native\",\n\tcitrix: \"Virtual\",\n};\n\nexport type AppEditPageProps = {\n\tstartingDisplayName: string;\n\tstartingAppType: string;\n\tstartingWindowURL: string;\n\tstartingNativePath: string;\n\tappData?: Types.ApplicationSaveData;\n\tvalidateURL: (s: string) => boolean;\n\tremoveApplicationFn: () => void;\n\tcancelFn: () => void;\n\tsubmitFn: (data: Types.ApplicationSaveData) => void;\n\taddApp: typeof SmartDesktopClient.addApp;\n\tisInboundInteropAuthorized: typeof SmartDesktopClient.isInboundInteropAuthorized;\n\tisOutboundInteropAuthorized: typeof SmartDesktopClient.isOutboundInteropAuthorized;\n\tpreloadAliasList: string[];\n\tappService: boolean;\n};\n\nexport const AppEditPage = ({\n\tstartingDisplayName = \"\",\n\tstartingAppType = \"web\",\n\tstartingWindowURL = \"\",\n\tstartingNativePath = \"\",\n\tappData = defaultAppData,\n\tvalidateURL,\n\tremoveApplicationFn = () => {},\n\tcancelFn = () => {},\n\tsubmitFn,\n\taddApp,\n\tisInboundInteropAuthorized,\n\tisOutboundInteropAuthorized,\n\tpreloadAliasList = [],\n\tappService = false,\n}: AppEditPageProps) => {\n\tconst [displayName, setDisplayName] = useState(startingDisplayName);\n\tconst [currentAppType, setCurrentAppType] = useState(startingAppType);\n\tconst [windowURL, setWindowURL] = useState(startingWindowURL);\n\tconst [nativePath, setNativePath] = useState(startingNativePath);\n\n\tconst [abstractPosition, setAbstractPosition] = useState(appData.abstractPosition);\n\tconst [addToWorkspace, setAddToWorkspace] = useState(appData.addToWorkspace);\n\tconst [enableAffinity, setEnableAffinity] = useState(appData.enableAffinity);\n\tconst [alias, setAlias] = useState(appData.alias);\n\tconst [allowAutoArrange, setAllowAutoArrange] = useState(appData.allowAutoArrange);\n\tconst [allowGrouping, setAllowGrouping] = useState(appData.allowGrouping);\n\tconst [allowMinimize, setAllowMinimize] = useState(appData.allowMinimize);\n\tconst [allowMaximize, setAllowMaximize] = useState(appData.allowMaximize);\n\tconst [allowSnapping, setAllowSnapping] = useState(appData.allowSnapping);\n\tconst [allowTabbing, setAllowTabbing] = useState(appData.allowTabbing);\n\tconst [allowTiling, setAllowTiling] = useState(appData.allowTiling);\n\tconst [aot, setAot] = useState(appData.alwaysOnTop);\n\tconst [appArguments, setAppArguments] = useState(appData.appArguments);\n\tconst [autoConnect, setAutoConnect] = useState(appData.autoConnect);\n\tconst [componentDescription, setComponentDescription] = useState(appData.description);\n\tconst [enableAOT, setEnableAOT] = useState(appData.enableAOT);\n\tconst [enableTitleBar, setEnableTitleBar] = useState(appData.enableTitleBar);\n\tconst [hideClose, setHideClose] = useState(appData.hideClose);\n\tconst [hideMaximize, setHideMaximize] = useState(appData.hideMaximize);\n\tconst [hideMinimize, setHideMinimize] = useState(appData.hideMinimize);\n\tconst [iconURL, setIconURL] = useState(appData.iconURL);\n\tconst [isEvergreen, setIsEvergreen] = useState(appData.isEvergreen);\n\tconst [launchableByUser, setLaunchableByUser] = useState(appData.launchableByUser);\n\tconst [native_windowSpawnTimeout, setNative_windowSpawnTimeout] = useState(appData.native_windowSpawnTimeout);\n\tconst [opacity, setOpacity] = useState(appData.opacity);\n\tconst [persistPath, setPersistPath] = useState(appData.persistPath);\n\tconst [persistURL, setPersistURL] = useState(appData.persistURL);\n\tconst [preloads, setPreloads] = useState(appData.preloads);\n\tconst [resizable, setResizable] = useState(appData.resizable);\n\tconst [rules, setRules] = useState(appData.rules);\n\tconst [security, setSecurity] = useState(appData.security);\n\tconst [singleton, setSingleton] = useState(appData.singleton);\n\tconst [spawnOnStartup, setSpawnOnStartup] = useState(appData.spawnOnStartup);\n\tconst [titlebarType, setTitlebarType] = useState(appData.titlebarType);\n\tconst [windowHeight, setWindowHeight] = useState<number \| string>(appData.height \|\| DEFAULT_WINDOW_HEIGHT);\n\tconst [windowWidth, setWindowWidth] = useState<number \| string>(appData.width \|\| DEFAULT_WINDOW_WIDTH);\n\tconst [selectConnectTrustAll, setSelectConnectTrustAll] = useState(\n\t\t!Array.isArray(appData.rules) \|\| appData.rules.filter((rule) => \"authorize\" in rule).length === 0\n\t);\n\tconst [intentData, setIntentData] = useState<string[][]>(\n\t\tappData.intents?.map((intent) => [intent.name, intent.displayName, intent.contexts?.join(\", \") ?? \"\"])\n\t);\n\tconst [bootPhase, setBootPhase] = useState<BootStage \| undefined>(appData.bootPhase);\n\tconst [waitForInitialization, setWaitForInitialization] = useState(appData.waitForInitialization);\n\tconst [serviceVisible, setServiceVisible] = useState(appData.serviceVisible);\n\tconst [devConsole, setDevConsole] = useState(appData.devConsole);\n\n\tconst isWindowURLValid = validateURL(windowURL);\n\tconst isHeightValid = !(typeof windowHeight !== \"number\" \|\| windowHeight < MINIMUM_WINDOW_HEIGHT);\n\tconst isWidthValid = !(typeof windowWidth !== \"number\" \|\| windowWidth < MINIMUM_WINDOW_WIDTH);\n\n\tconst isValidInput = () => {\n\t\t// Confirm that the app's dimensions and displayName are valid\n\t\tif (!isWidthValid \|\| !isHeightValid \|\| displayName === undefined \|\| displayName === \"\") {\n\t\t\treturn false;\n\t\t}\n\n\t\t// App-specific validation checks\n\t\tif (currentAppType === \"web\") {\n\t\t\t// For web apps, confirm that the URL is valid\n\t\t\treturn isWindowURLValid && windowURL.length > 0;\n\t\t} else if (currentAppType === \"Citrix\") {\n\t\t\t// For Citrix, there are no specific confirmations\n\t\t\treturn true;\n\t\t} else {\n\t\t\t// For native/assimilated, make sure the path is fine\n\t\t\treturn !(!nativePath \|\| (nativePath.length === 0 && validateFilename(VALID_APP_EXTENSIONS, nativePath)));\n\t\t}\n\t};\n\n\tconst disableSubmit = !isValidInput();\n\n\tconst clickSubmit = () => {\n\t\t// Shouldn't be possible to get in a state where windowWith/windowHeight aren't numbers,\n\t\t// but let's check anyway\n\t\tif (!(typeof windowWidth === \"number\" && typeof windowHeight === \"number\")) {\n\t\t\treturn;\n\t\t}\n\n\t\tsubmitFn({\n\t\t\tname: displayName,\n\t\t\turl: windowURL,\n\t\t\tpath: nativePath,\n\t\t\tappType: currentAppType,\n\t\t\tappArguments: appArguments,\n\t\t\twidth: windowWidth,\n\t\t\theight: windowHeight,\n\t\t\tdescription: componentDescription,\n\t\t\ticonURL,\n\t\t\trules: selectConnectTrustAll ? [] : rules,\n\t\t\tintents: convertIntentData(intentData),\n\t\t\tpersistPath,\n\t\t\tpersistURL,\n\t\t\taddToWorkspace,\n\t\t\talias,\n\t\t\tallowAutoArrange,\n\t\t\tallowGrouping,\n\t\t\tallowMinimize,\n\t\t\tallowMaximize,\n\t\t\tallowSnapping,\n\t\t\tallowTabbing,\n\t\t\tallowTiling,\n\t\t\tenableAOT,\n\t\t\tenableTitleBar,\n\t\t\thideClose,\n\t\t\thideMinimize,\n\t\t\thideMaximize,\n\t\t\tautoConnect,\n\t\t\tabstractPosition,\n\t\t\tresizable,\n\t\t\talwaysOnTop: aot,\n\t\t\topacity,\n\t\t\tsingleton,\n\t\t\tspawnOnStartup,\n\t\t\tlaunchableByUser,\n\t\t\tsecurity,\n\t\t\tisEvergreen,\n\t\t\tnative_windowSpawnTimeout,\n\t\t\tpreloads,\n\t\t\ttitlebarType,\n\t\t\tbootPhase,\n\t\t\twaitForInitialization,\n\t\t\tserviceVisible,\n\t\t\tdevConsole,\n\t\t});\n\t};\n\n\t// When we try to use the form/type=submit interaction, it acts like we pressed the back button, rather than the submit button\n\tconst submitOnEnter = (e: React.KeyboardEvent<HTMLInputElement>) => {\n\t\tif (e.key !== \"Enter\") {\n\t\t\treturn;\n\t\t}\n\n\t\te.preventDefault();\n\t\tif (!disableSubmit) {\n\t\t\tclickSubmit();\n\t\t}\n\t};\n\n\tconst bootPhaseOptions = SELECTABLE_BOOT_PHASE_STAGES.map((optionLabel) => {\n\t\treturn {\n\t\t\toptionLabel,\n\t\t\tclickHandler: () => {\n\t\t\t\tsetBootPhase(optionLabel);\n\t\t\t},\n\t\t};\n\t});\n\n\treturn (\n\t\t<>\n\t\t\t<div className=\"app-edit-field\">\n\t\t\t\t<h2 className=\"app-edit-app-name\">\n\t\t\t\t\t{iconURL !== \"\" && iconURL !== undefined && <img src={iconURL} className=\"app-icon\" />}\n\t\t\t\t\t{displayName}\n\t\t\t\t</h2>\n\t\t\t</div>\n\t\t\t<div className=\"app-edit-field\">\n\t\t\t\t<table role=\"presentation\" className=\"always-present accordion-edit-block\">\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td className=\"label-col\">\n\t\t\t\t\t\t\t\t<label>App type</label>\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t<td className=\"content-col\">\n\t\t\t\t\t\t\t\t<div className=\"app-edit-type-field\">\n\t\t\t\t\t\t\t\t\t{appTypeDisplayNameMap[currentAppType.toLowerCase() as keyof typeof appTypeDisplayNameMap]}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t<label htmlFor=\"app-name\">Name</label>\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\tid=\"app-name\"\n\t\t\t\t\t\t\t\t\tvalue={displayName}\n\t\t\t\t\t\t\t\t\tplaceholder=\"Untitled Application\"\n\t\t\t\t\t\t\t\t\tonKeyDown={submitOnEnter}\n\t\t\t\t\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\t\t\t\t\tsetDisplayName(e.target.value);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t{currentAppType === \"Citrix\" && (\n\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t<label htmlFor=\"app-alias\">Virtual app name</label>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\t\tid=\"app-alias\"\n\t\t\t\t\t\t\t\t\t\tvalue={alias}\n\t\t\t\t\t\t\t\t\t\tplaceholder=\"Virtual application name\"\n\t\t\t\t\t\t\t\t\t\tonKeyDown={submitOnEnter}\n\t\t\t\t\t\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\t\t\t\t\t\tsetAlias(e.target.value);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{!appService && (\n\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t<label htmlFor=\"app-icon-url\">Icon URL</label>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\t\tid=\"app-icon-url\"\n\t\t\t\t\t\t\t\t\t\tvalue={iconURL}\n\t\t\t\t\t\t\t\t\t\tonKeyDown={submitOnEnter}\n\t\t\t\t\t\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\t\t\t\t\t\tsetIconURL(e.target.value);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{currentAppType !== \"web\" && currentAppType !== \"Citrix\" && (\n\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t<label id=\"api-access-label\">API access</label>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t<div className=\"app-edit-type-field\">\n\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\t\t\t\t\t\t\tname=\"api-access\"\n\t\t\t\t\t\t\t\t\t\t\tchecked={currentAppType === \"native\"}\n\t\t\t\t\t\t\t\t\t\t\tonKeyDown={(e) => {\n\t\t\t\t\t\t\t\t\t\t\t\tif (e.key === \" \") {\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetCurrentAppType(currentAppType === \"native\" ? \"assimilation\" : \"native\");\n\t\t\t\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t\t\t\tsubmitOnEnter(e);\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\tonChange={() => {\n\t\t\t\t\t\t\t\t\t\t\t\tsetCurrentAppType(currentAppType === \"native\" ? \"assimilation\" : \"native\");\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{currentAppType === \"web\" && (\n\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t<label htmlFor=\"app-url\">App URL</label>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\t\tid=\"app-url\"\n\t\t\t\t\t\t\t\t\t\tplaceholder=\"https://...\"\n\t\t\t\t\t\t\t\t\t\tvalue={windowURL}\n\t\t\t\t\t\t\t\t\t\taria-invalid={!isWindowURLValid}\n\t\t\t\t\t\t\t\t\t\tonKeyDown={submitOnEnter}\n\t\t\t\t\t\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\t\t\t\t\t\tsetWindowURL(e.target.value);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{(currentAppType === \"native\" \|\| currentAppType === \"assimilation\") && (\n\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t<label>File path</label>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t<div className=\"app-file-input\">\n\t\t\t\t\t\t\t\t\t\t<FileInput\n\t\t\t\t\t\t\t\t\t\t\tacceptTypes={VALID_APP_EXTENSIONS}\n\t\t\t\t\t\t\t\t\t\t\tshouldUpload={false}\n\t\t\t\t\t\t\t\t\t\t\tvalue={nativePath}\n\t\t\t\t\t\t\t\t\t\t\tonSetValue={(value: string) => {\n\t\t\t\t\t\t\t\t\t\t\t\tsetNativePath(value);\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\ttextEditable={true}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{currentAppType !== \"web\" && (\n\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t<label htmlFor=\"app-arguments\">Arguments</label>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\t\tid=\"app-arguments\"\n\t\t\t\t\t\t\t\t\t\tplaceholder=\"E.g: mode=a --type b\"\n\t\t\t\t\t\t\t\t\t\tvalue={appArguments}\n\t\t\t\t\t\t\t\t\t\tonKeyDown={submitOnEnter}\n\t\t\t\t\t\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\t\t\t\t\t\tsetAppArguments(e.target.value);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t<Tooltip>If your app expects arguments on startup, specify them here.</Tooltip>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{!appService && (\n\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t<label htmlFor=\"app-description\">Description</label>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t<td className=\"description\">\n\t\t\t\t\t\t\t\t\t<textarea\n\t\t\t\t\t\t\t\t\t\tid=\"app-description\"\n\t\t\t\t\t\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\t\t\t\t\t\tsetComponentDescription(e.target.value);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tvalue={componentDescription}\n\t\t\t\t\t\t\t\t\t></textarea>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{appService && (\n\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t<label htmlFor=\"bootPhase\">Boot phase</label>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t<td className=\"bootPhase-entry\">\n\t\t\t\t\t\t\t\t\t<DefaultDropdownButton\n\t\t\t\t\t\t\t\t\t\tallowEmpty={false}\n\t\t\t\t\t\t\t\t\t\tcaretLocation=\"right\"\n\t\t\t\t\t\t\t\t\t\tdefaultSelection={bootPhaseOptions.find((opt) => opt.optionLabel === bootPhase)}\n\t\t\t\t\t\t\t\t\t\tbuttonOptions={bootPhaseOptions}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{appService && (\n\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t<label htmlFor=\"initialization\">Wait for initialization</label>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\t\t\tchecked={waitForInitialization}\n\t\t\t\t\t\t\t\t\t\tlabel=\"Wait for initialization\"\n\t\t\t\t\t\t\t\t\t\tshowLabel={false}\n\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\tsetWaitForInitialization(!waitForInitialization);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</tbody>\n\t\t\t\t</table>\n\t\t\t</div>\n\n\t\t\t{appService && (\n\t\t\t\t<AppEditPage_DebugToolkit\n\t\t\t\t\t{...{\n\t\t\t\t\t\tserviceVisible,\n\t\t\t\t\t\tsetServiceVisible,\n\t\t\t\t\t\tdevConsole,\n\t\t\t\t\t\tsetDevConsole,\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t<div className=\"app-edit-field\">\n\t\t\t\t<Accordion id=\"config\" size=\"medium\" label=\"Optional config settings\">\n\t\t\t\t\t{currentAppType !== \"assimilation\" && (\n\t\t\t\t\t\t<AppEditPage_SelectConnect\n\t\t\t\t\t\t\trules={appData.rules}\n\t\t\t\t\t\t\t{...{\n\t\t\t\t\t\t\t\tselectConnectTrustAll,\n\t\t\t\t\t\t\t\tsetSelectConnectTrustAll,\n\t\t\t\t\t\t\t\tdisplayName,\n\t\t\t\t\t\t\t\tsetRules,\n\t\t\t\t\t\t\t\tisInboundInteropAuthorized,\n\t\t\t\t\t\t\t\tisOutboundInteropAuthorized,\n\t\t\t\t\t\t\t\taddApp,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t{currentAppType === \"web\" && (\n\t\t\t\t\t\t<AppEditPage_Preloads\n\t\t\t\t\t\t\tpreloads={appData.preloads}\n\t\t\t\t\t\t\t{...{\n\t\t\t\t\t\t\t\tpreloadAliasList,\n\t\t\t\t\t\t\t\tappData,\n\t\t\t\t\t\t\t\tsetPreloads,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t{currentAppType !== \"Citrix\" && !appService && (\n\t\t\t\t\t\t<AppEditPage_Position\n\t\t\t\t\t\t\t{...{\n\t\t\t\t\t\t\t\tisWidthValid,\n\t\t\t\t\t\t\t\twindowWidth,\n\t\t\t\t\t\t\t\tsetWindowHeight,\n\t\t\t\t\t\t\t\tisHeightValid,\n\t\t\t\t\t\t\t\twindowHeight,\n\t\t\t\t\t\t\t\tsetWindowWidth,\n\t\t\t\t\t\t\t\tresizable,\n\t\t\t\t\t\t\t\tsetResizable,\n\t\t\t\t\t\t\t\tabstractPosition,\n\t\t\t\t\t\t\t\tsetAbstractPosition,\n\t\t\t\t\t\t\t\topacity,\n\t\t\t\t\t\t\t\tsetOpacity,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t{currentAppType === \"web\" && !appService && (\n\t\t\t\t\t\t<AppEditPage_Behavior\n\t\t\t\t\t\t\t{...{\n\t\t\t\t\t\t\t\tallowAutoArrange,\n\t\t\t\t\t\t\t\tsetAllowAutoArrange,\n\t\t\t\t\t\t\t\tallowGrouping,\n\t\t\t\t\t\t\t\tsetAllowGrouping,\n\t\t\t\t\t\t\t\tallowSnapping,\n\t\t\t\t\t\t\t\tsetAllowSnapping,\n\t\t\t\t\t\t\t\tallowTabbing,\n\t\t\t\t\t\t\t\tsetAllowTabbing,\n\t\t\t\t\t\t\t\tallowTiling,\n\t\t\t\t\t\t\t\tsetAllowTiling,\n\t\t\t\t\t\t\t\tenableTitleBar,\n\t\t\t\t\t\t\t\tsetEnableTitleBar,\n\t\t\t\t\t\t\t\ttitlebarType,\n\t\t\t\t\t\t\t\tsetTitlebarType,\n\t\t\t\t\t\t\t\taot,\n\t\t\t\t\t\t\t\tsetAot,\n\t\t\t\t\t\t\t\tenableAOT,\n\t\t\t\t\t\t\t\tsetEnableAOT,\n\t\t\t\t\t\t\t\tallowMinimize,\n\t\t\t\t\t\t\t\tsetAllowMinimize,\n\t\t\t\t\t\t\t\thideMinimize,\n\t\t\t\t\t\t\t\tsetHideMinimize,\n\t\t\t\t\t\t\t\tallowMaximize,\n\t\t\t\t\t\t\t\tsetAllowMaximize,\n\t\t\t\t\t\t\t\thideMaximize,\n\t\t\t\t\t\t\t\tsetHideMaximize,\n\t\t\t\t\t\t\t\thideClose,\n\t\t\t\t\t\t\t\tsetHideClose,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t{currentAppType !== \"assimilation\" && (\n\t\t\t\t\t\t<AppEditPage_Interop\n\t\t\t\t\t\t\t{...{\n\t\t\t\t\t\t\t\tappService,\n\t\t\t\t\t\t\t\tautoConnect,\n\t\t\t\t\t\t\t\tsetAutoConnect,\n\t\t\t\t\t\t\t\tintentData,\n\t\t\t\t\t\t\t\tsetIntentData,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t<AppEditPage_Component\n\t\t\t\t\t\t{...{\n\t\t\t\t\t\t\tcurrentAppType,\n\t\t\t\t\t\t\tsecurity,\n\t\t\t\t\t\t\tsetSecurity,\n\t\t\t\t\t\t\tnative_windowSpawnTimeout,\n\t\t\t\t\t\t\tsetNative_windowSpawnTimeout,\n\t\t\t\t\t\t\tappService,\n\t\t\t\t\t\t\tsingleton,\n\t\t\t\t\t\t\tsetSingleton,\n\t\t\t\t\t\t\tspawnOnStartup,\n\t\t\t\t\t\t\tsetSpawnOnStartup,\n\t\t\t\t\t\t\tlaunchableByUser,\n\t\t\t\t\t\t\tsetLaunchableByUser,\n\t\t\t\t\t\t\tisEvergreen,\n\t\t\t\t\t\t\tsetIsEvergreen,\n\t\t\t\t\t\t\tenableAffinity,\n\t\t\t\t\t\t\tsetEnableAffinity,\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t\t{currentAppType !== \"Citrix\" && !appService && (\n\t\t\t\t\t\t<AppEditPage_Workspace\n\t\t\t\t\t\t\t{...{\n\t\t\t\t\t\t\t\tcurrentAppType,\n\t\t\t\t\t\t\t\taddToWorkspace,\n\t\t\t\t\t\t\t\tsetAddToWorkspace,\n\t\t\t\t\t\t\t\tpersistURL,\n\t\t\t\t\t\t\t\tsetPersistURL,\n\t\t\t\t\t\t\t\tpersistPath,\n\t\t\t\t\t\t\t\tsetPersistPath,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</Accordion>\n\t\t\t</div>\n\n\t\t\t<div className=\"app-edit-actions\">\n\t\t\t\t<div>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tfashion=\"danger\"\n\t\t\t\t\t\ttext=\"Remove app\"\n\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\tremoveApplicationFn();\n\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\n\t\t\t\t<div className=\"app-actions-right-wrapper\">\n\t\t\t\t\t<Button fashion=\"ghost\" text=\"Cancel\" onClick={cancelFn} />\n\t\t\t\t\t<Button fashion=\"secondary\" text=\"Save\" disabled={disableSubmit} onClick={clickSubmit} />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</>\n\t);\n};\n"]}

package/react/components/sdd/Appearance.d.ts CHANGED Viewed

@@ -9,22 +9,10 @@ export declare type AppearanceProps = {
     updateTheme: (theme: ThemeBundle) => void;
     updateThemes: (id: string, newValue: string) => void;
     areYouSure: (affirmativeCallback: () => void) => void;
-    baseURL: string;
-    toolbarIcon: string;
-    taskbarIcon: string;
-    installerIcon: string;
-    systemTrayIcon: string;
-    splashScreenImage: string;
-    setToolbarIcon: (s: string) => void;
-    setTaskbarIcon: (s: string) => void;
-    setInstallerIcon: (s: string) => void;
-    setSystemTrayIcon: (s: string) => void;
-    setSplashScreenImage: (s: string) => void;
-    setIconsChanged: (n: number) => void;
     updateSplashScreen: FileInputUploadCb;
     updateToolbarIcon: FileInputUploadCb;
     updateTaskbarIcon: FileInputUploadCb;
     updateSystemTrayIcon: FileInputUploadCb;
     updateInstallerIcon: FileInputUploadCb;
 };
-export declare const Appearance: ({ startTheme, darkTheme, lightTheme, updateTheme, updateThemes, areYouSure, baseURL, toolbarIcon, taskbarIcon, installerIcon, systemTrayIcon, splashScreenImage, setToolbarIcon, setTaskbarIcon, setInstallerIcon, setSystemTrayIcon, setSplashScreenImage, setIconsChanged, updateSplashScreen, updateToolbarIcon, updateTaskbarIcon, updateSystemTrayIcon, updateInstallerIcon, }: AppearanceProps) => JSX.Element;
+export declare const Appearance: ({ startTheme, darkTheme, lightTheme, updateTheme, updateThemes, areYouSure, updateSplashScreen, updateToolbarIcon, updateTaskbarIcon, updateSystemTrayIcon, updateInstallerIcon, }: AppearanceProps) => JSX.Element;

package/react/components/sdd/Appearance.js CHANGED Viewed

@@ -9,7 +9,7 @@ import { View } from "./View";
 import { Content } from "./Content";
 import { Tab } from "../common/Tab";
 import { launchTutorialLink } from "./common/fsbl_functions";
-export const Appearance = ({ startTheme, darkTheme, lightTheme, updateTheme, updateThemes, areYouSure, baseURL, toolbarIcon, taskbarIcon, installerIcon, systemTrayIcon, splashScreenImage, setToolbarIcon, setTaskbarIcon, setInstallerIcon, setSystemTrayIcon, setSplashScreenImage, setIconsChanged, updateSplashScreen, updateToolbarIcon, updateTaskbarIcon, updateSystemTrayIcon, updateInstallerIcon, }) => {
+export const Appearance = ({ startTheme, darkTheme, lightTheme, updateTheme, updateThemes, areYouSure, updateSplashScreen, updateToolbarIcon, updateTaskbarIcon, updateSystemTrayIcon, updateInstallerIcon, }) => {
     const [theme, setTheme] = useState(startTheme);
     const ref = useRef(null);
     const applyTheme = (newTheme) => {
@@ -59,6 +59,6 @@ export const Appearance = ({ startTheme, darkTheme, lightTheme, updateTheme, upd
                         "Browse your computer for images to use in Finsemble.",
                         React.createElement("br", null),
                         "You can also drag and drop images into the fields below."),
-                    React.createElement(AssetsPage, { baseURL: baseURL, toolbarIcon: toolbarIcon, taskbarIcon: taskbarIcon, installerIcon: installerIcon, systemTrayIcon: systemTrayIcon, splashScreenImage: splashScreenImage, setToolbarIcon: setToolbarIcon, setTaskbarIcon: setTaskbarIcon, setInstallerIcon: setInstallerIcon, setSystemTrayIcon: setSystemTrayIcon, setSplashScreenImage: setSplashScreenImage, setIconsChanged: setIconsChanged, updateSplashScreen: updateSplashScreen, updateToolbarIcon: updateToolbarIcon, updateTaskbarIcon: updateTaskbarIcon, updateSystemTrayIcon: updateSystemTrayIcon, updateInstallerIcon: updateInstallerIcon }))))));
+                    React.createElement(AssetsPage, { updateSplashScreen: updateSplashScreen, updateToolbarIcon: updateToolbarIcon, updateTaskbarIcon: updateTaskbarIcon, updateSystemTrayIcon: updateSystemTrayIcon, updateInstallerIcon: updateInstallerIcon }))))));
 };
 //# sourceMappingURL=Appearance.js.map

package/react/components/sdd/Appearance.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Appearance.js","sourceRoot":"","sources":["../../../src/components/sdd/Appearance.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,kBAAkB,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAe,MAAM,aAAa,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAE7C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;~~AA4B7D~~,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAC1B,UAAU,EACV,SAAS,EACT,UAAU,EACV,WAAW,EACX,YAAY,EACZ,UAAU,EACV,~~OAAO,EACP,WAAW,EACX,WAAW,EACX,aAAa,EACb,cAAc,EACd,iBAAiB,EACjB,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,iBAAiB,EACjB,oBAAoB,EACpB,eAAe,EACf,~~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","sourcesContent":["import React, { useState, useRef, useLayoutEffect } from \"react\";\nimport { Button } from \"../common/Button\";\nimport { Header } from \"../common/Header\";\nimport \"./Appearance.css\";\nimport { AssetsPage } from \"./AssetsPage\";\nimport { ThemePage, ThemeBundle } from \"./ThemePage\";\nimport { clone } from \"./Appearance.helpers\";\nimport { FileInputUploadCb } from \"../common/FileInput\";\nimport { View } from \"./View\";\nimport { Content } from \"./Content\";\nimport { Tab } from \"../common/Tab\";\nimport { launchTutorialLink } from \"./common/fsbl_functions\";\n\nexport type AppearanceProps = {\n\tstartTheme: ThemeBundle;\n\tdarkTheme: ThemeBundle;\n\tlightTheme: ThemeBundle;\n\tupdateTheme: (theme: ThemeBundle) => void;\n\tupdateThemes: (id: string, newValue: string) => void;\n\tareYouSure: (affirmativeCallback: () => void) => void;\n\tbaseURL: string;\n\ttoolbarIcon: string;\n\ttaskbarIcon: string;\n\tinstallerIcon: string;\n\tsystemTrayIcon: string;\n\tsplashScreenImage: string;\n\tsetToolbarIcon: (s: string) => void;\n\tsetTaskbarIcon: (s: string) => void;\n\tsetInstallerIcon: (s: string) => void;\n\tsetSystemTrayIcon: (s: string) => void;\n\tsetSplashScreenImage: (s: string) => void;\n\tsetIconsChanged: (n: number) => void;\n\tupdateSplashScreen: FileInputUploadCb;\n\tupdateToolbarIcon: FileInputUploadCb;\n\tupdateTaskbarIcon: FileInputUploadCb;\n\tupdateSystemTrayIcon: FileInputUploadCb;\n\tupdateInstallerIcon: FileInputUploadCb;\n};\n\nexport const Appearance = ({\n\tstartTheme,\n\tdarkTheme,\n\tlightTheme,\n\tupdateTheme,\n\tupdateThemes,\n\tareYouSure,\n\tbaseURL,\n\ttoolbarIcon,\n\ttaskbarIcon,\n\tinstallerIcon,\n\tsystemTrayIcon,\n\tsplashScreenImage,\n\tsetToolbarIcon,\n\tsetTaskbarIcon,\n\tsetInstallerIcon,\n\tsetSystemTrayIcon,\n\tsetSplashScreenImage,\n\tsetIconsChanged,\n\tupdateSplashScreen,\n\tupdateToolbarIcon,\n\tupdateTaskbarIcon,\n\tupdateSystemTrayIcon,\n\tupdateInstallerIcon,\n}: AppearanceProps) => {\n\tconst [theme, setTheme] = useState(startTheme);\n\tconst ref = useRef<HTMLDivElement>(null);\n\n\tconst applyTheme = (newTheme: ThemeBundle) => {\n\t\tareYouSure(() => {\n\t\t\tconst clonedTheme = clone(newTheme);\n\t\t\tsetTheme(clonedTheme);\n\t\t\tupdateTheme(clonedTheme);\n\t\t});\n\t};\n\n\tconst applyDarkTheme = () => {\n\t\tapplyTheme(darkTheme);\n\t};\n\n\tconst applyLightTheme = () => {\n\t\tapplyTheme(lightTheme);\n\t};\n\n\tuseLayoutEffect(() => {\n\t\t// Allow for the tab panel content to look nice with its own scrollbar,\n\t\t// which also keeps the heading/tab group at the top of the page.\n\t\t// It feels like css flex should do this, but I could never get it to work.\n\t\tif (ref.current !== null) {\n\t\t\tref.current.style.height = `${window.innerHeight - (ref.current.getBoundingClientRect()?.top \|\| 0) - 10}px`;\n\t\t}\n\t});\n\n\tconst onUpdateThemes = (id: string, newValue: string) => {\n\t\tsetTheme({\n\t\t\t...theme,\n\t\t\t[id]: newValue,\n\t\t});\n\t\tupdateThemes(id, newValue);\n\t};\n\n\treturn (\n\t\t<View>\n\t\t\t<Header\n\t\t\t\thelpFunction={() => {\n\t\t\t\t\tlaunchTutorialLink(\"SDD-03-Theme\");\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\tTheme\n\t\t\t</Header>\n\n\t\t\t<Content>\n\t\t\t\t<Tab>\n\t\t\t\t\t<div data-label=\"Themes\">\n\t\t\t\t\t\t<div className=\"frontmatter\">\n\t\t\t\t\t\t\tUse a template to set or reset your theme.\n\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\tUse either template to start building your own theme.\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div className=\"template-row\">\n\t\t\t\t\t\t\t<label>Templates:</label>\n\t\t\t\t\t\t\t<Button fashion=\"primary\" iconBefore=\"moon\" text=\"Dark theme\" onClick={applyDarkTheme} />\n\t\t\t\t\t\t\t<Button fashion=\"primary\" iconBefore=\"sun\" text=\"Light theme\" onClick={applyLightTheme} />\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<ThemePage theme={theme} updateThemes={onUpdateThemes} />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div data-label=\"Images\">\n\t\t\t\t\t\t<div className=\"frontmatter\">\n\t\t\t\t\t\t\tBrowse your computer for images to use in Finsemble.\n\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\tYou can also drag and drop images into the fields below.\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<AssetsPage\n\t\t\t\t\t\t\tbaseURL={baseURL}\n\t\t\t\t\t\t\ttoolbarIcon={toolbarIcon}\n\t\t\t\t\t\t\ttaskbarIcon={taskbarIcon}\n\t\t\t\t\t\t\tinstallerIcon={installerIcon}\n\t\t\t\t\t\t\tsystemTrayIcon={systemTrayIcon}\n\t\t\t\t\t\t\tsplashScreenImage={splashScreenImage}\n\t\t\t\t\t\t\tsetToolbarIcon={setToolbarIcon}\n\t\t\t\t\t\t\tsetTaskbarIcon={setTaskbarIcon}\n\t\t\t\t\t\t\tsetInstallerIcon={setInstallerIcon}\n\t\t\t\t\t\t\tsetSystemTrayIcon={setSystemTrayIcon}\n\t\t\t\t\t\t\tsetSplashScreenImage={setSplashScreenImage}\n\t\t\t\t\t\t\tsetIconsChanged={setIconsChanged}\n\t\t\t\t\t\t\tupdateSplashScreen={updateSplashScreen}\n\t\t\t\t\t\t\tupdateToolbarIcon={updateToolbarIcon}\n\t\t\t\t\t\t\tupdateTaskbarIcon={updateTaskbarIcon}\n\t\t\t\t\t\t\tupdateSystemTrayIcon={updateSystemTrayIcon}\n\t\t\t\t\t\t\tupdateInstallerIcon={updateInstallerIcon}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</Tab>\n\t\t\t</Content>\n\t\t</View>\n\t);\n};\n"]}
1	+ {"version":3,"file":"Appearance.js","sourceRoot":"","sources":["../../../src/components/sdd/Appearance.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState, useRef, useLayoutEffect } from \"react\";\nimport { Button } from \"../common/Button\";\nimport { Header } from \"../common/Header\";\nimport \"./Appearance.css\";\nimport { AssetsPage } from \"./AssetsPage\";\nimport { ThemePage, ThemeBundle } from \"./ThemePage\";\nimport { clone } from \"./Appearance.helpers\";\nimport { FileInputUploadCb } from \"../common/FileInput\";\nimport { View } from \"./View\";\nimport { Content } from \"./Content\";\nimport { Tab } from \"../common/Tab\";\nimport { launchTutorialLink } from \"./common/fsbl_functions\";\n\nexport type AppearanceProps = {\n\tstartTheme: ThemeBundle;\n\tdarkTheme: ThemeBundle;\n\tlightTheme: ThemeBundle;\n\tupdateTheme: (theme: ThemeBundle) => void;\n\tupdateThemes: (id: string, newValue: string) => void;\n\tareYouSure: (affirmativeCallback: () => void) => void;\n\tupdateSplashScreen: FileInputUploadCb;\n\tupdateToolbarIcon: FileInputUploadCb;\n\tupdateTaskbarIcon: FileInputUploadCb;\n\tupdateSystemTrayIcon: FileInputUploadCb;\n\tupdateInstallerIcon: FileInputUploadCb;\n};\n\nexport const Appearance = ({\n\tstartTheme,\n\tdarkTheme,\n\tlightTheme,\n\tupdateTheme,\n\tupdateThemes,\n\tareYouSure,\n\tupdateSplashScreen,\n\tupdateToolbarIcon,\n\tupdateTaskbarIcon,\n\tupdateSystemTrayIcon,\n\tupdateInstallerIcon,\n}: AppearanceProps) => {\n\tconst [theme, setTheme] = useState(startTheme);\n\tconst ref = useRef<HTMLDivElement>(null);\n\n\tconst applyTheme = (newTheme: ThemeBundle) => {\n\t\tareYouSure(() => {\n\t\t\tconst clonedTheme = clone(newTheme);\n\t\t\tsetTheme(clonedTheme);\n\t\t\tupdateTheme(clonedTheme);\n\t\t});\n\t};\n\n\tconst applyDarkTheme = () => {\n\t\tapplyTheme(darkTheme);\n\t};\n\n\tconst applyLightTheme = () => {\n\t\tapplyTheme(lightTheme);\n\t};\n\n\tuseLayoutEffect(() => {\n\t\t// Allow for the tab panel content to look nice with its own scrollbar,\n\t\t// which also keeps the heading/tab group at the top of the page.\n\t\t// It feels like css flex should do this, but I could never get it to work.\n\t\tif (ref.current !== null) {\n\t\t\tref.current.style.height = `${window.innerHeight - (ref.current.getBoundingClientRect()?.top \|\| 0) - 10}px`;\n\t\t}\n\t});\n\n\tconst onUpdateThemes = (id: string, newValue: string) => {\n\t\tsetTheme({\n\t\t\t...theme,\n\t\t\t[id]: newValue,\n\t\t});\n\t\tupdateThemes(id, newValue);\n\t};\n\n\treturn (\n\t\t<View>\n\t\t\t<Header\n\t\t\t\thelpFunction={() => {\n\t\t\t\t\tlaunchTutorialLink(\"SDD-03-Theme\");\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\tTheme\n\t\t\t</Header>\n\n\t\t\t<Content>\n\t\t\t\t<Tab>\n\t\t\t\t\t<div data-label=\"Themes\">\n\t\t\t\t\t\t<div className=\"frontmatter\">\n\t\t\t\t\t\t\tUse a template to set or reset your theme.\n\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\tUse either template to start building your own theme.\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div className=\"template-row\">\n\t\t\t\t\t\t\t<label>Templates:</label>\n\t\t\t\t\t\t\t<Button fashion=\"primary\" iconBefore=\"moon\" text=\"Dark theme\" onClick={applyDarkTheme} />\n\t\t\t\t\t\t\t<Button fashion=\"primary\" iconBefore=\"sun\" text=\"Light theme\" onClick={applyLightTheme} />\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<ThemePage theme={theme} updateThemes={onUpdateThemes} />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div data-label=\"Images\">\n\t\t\t\t\t\t<div className=\"frontmatter\">\n\t\t\t\t\t\t\tBrowse your computer for images to use in Finsemble.\n\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\tYou can also drag and drop images into the fields below.\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<AssetsPage\n\t\t\t\t\t\t\tupdateSplashScreen={updateSplashScreen}\n\t\t\t\t\t\t\tupdateToolbarIcon={updateToolbarIcon}\n\t\t\t\t\t\t\tupdateTaskbarIcon={updateTaskbarIcon}\n\t\t\t\t\t\t\tupdateSystemTrayIcon={updateSystemTrayIcon}\n\t\t\t\t\t\t\tupdateInstallerIcon={updateInstallerIcon}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</Tab>\n\t\t\t</Content>\n\t\t</View>\n\t);\n};\n"]}

package/react/components/sdd/AssetsPage.d.ts CHANGED Viewed

@@ -6,22 +6,10 @@
 import { FileInputUploadCb } from "../common/FileInput";
 import "./AssetsPage.css";
 export declare type AssetsPageProps = {
-    baseURL: string;
-    toolbarIcon: string;
-    setToolbarIcon: (s: string) => void;
-    taskbarIcon: string;
-    setTaskbarIcon: (s: string) => void;
-    installerIcon: string;
-    setInstallerIcon: (s: string) => void;
-    systemTrayIcon: string;
-    setSystemTrayIcon: (s: string) => void;
-    splashScreenImage: string;
-    setSplashScreenImage: (s: string) => void;
-    setIconsChanged: (n: number) => void;
     updateSplashScreen: FileInputUploadCb;
     updateToolbarIcon: FileInputUploadCb;
     updateTaskbarIcon: FileInputUploadCb;
     updateSystemTrayIcon: FileInputUploadCb;
     updateInstallerIcon: FileInputUploadCb;
 };
-export declare const AssetsPage: ({ baseURL, toolbarIcon, setToolbarIcon, taskbarIcon, setTaskbarIcon, installerIcon, setInstallerIcon, systemTrayIcon, setSystemTrayIcon, splashScreenImage, setSplashScreenImage, setIconsChanged, updateSplashScreen, updateToolbarIcon, updateTaskbarIcon, updateSystemTrayIcon, updateInstallerIcon, }: AssetsPageProps) => JSX.Element;
+export declare const AssetsPage: ({ updateSplashScreen, updateToolbarIcon, updateTaskbarIcon, updateSystemTrayIcon, updateInstallerIcon, }: AssetsPageProps) => JSX.Element;

package/react/components/sdd/AssetsPage.js CHANGED Viewed

@@ -5,52 +5,55 @@
 import React from "react";
 import { ImagePreview, ImagePreviewSize } from "../common/ImagePreview";
 import { Tooltip } from "../common/Tooltip";
+import { useSelector, useDispatch } from "../../store";
+import { SmartDesktopDesignerActions } from "../../actions/smartDesktopDesignerActions";
 import "./AssetsPage.css";
-export const AssetsPage = ({ baseURL, toolbarIcon, setToolbarIcon, taskbarIcon, setTaskbarIcon, installerIcon, setInstallerIcon, systemTrayIcon, setSystemTrayIcon, splashScreenImage, setSplashScreenImage, setIconsChanged, updateSplashScreen, updateToolbarIcon, updateTaskbarIcon, updateSystemTrayIcon, updateInstallerIcon, }) => (React.createElement("div", { className: "images-section" },
-    React.createElement("fieldset", { className: "project-assets" },
-        React.createElement("div", { className: "project-assets-field" },
-            React.createElement("label", { htmlFor: "export-splash-screen" },
-                React.createElement("span", null, "Splash screen"),
-                React.createElement(Tooltip, null, "The Splash screen should be 600px X 400px (W x H). Supported formats are PNG, JPG, and GIF.")),
-            React.createElement("div", { className: "project-splash-screen-field" },
-                React.createElement(ImagePreview, { id: "export-splash-screen", value: splashScreenImage, onSetValue: (value) => {
-                        setSplashScreenImage(value);
-                        setIconsChanged(new Date().getTime());
-                    }, uploadFunction: updateSplashScreen, acceptTypes: ["image/png", "image/jpeg", "image/gif"], baseURL: baseURL, previewSize: ImagePreviewSize.LARGE }))),
-        React.createElement("div", { className: "project-assets-field" },
-            React.createElement("label", { htmlFor: "export-toolbar-icon" },
-                React.createElement("span", null, "Toolbar icon"),
-                React.createElement(Tooltip, null, "The Toolbar icon should be 200px X 200px. Supported formats are PNG, JPG, and GIF.")),
-            React.createElement("div", { className: "project-icon-field" },
-                React.createElement(ImagePreview, { id: "export-toolbar-icon", value: toolbarIcon, onSetValue: (value) => {
-                        setToolbarIcon(value);
-                        setIconsChanged(new Date().getTime());
-                    }, uploadFunction: updateToolbarIcon, acceptTypes: ["image/png", "image/jpeg", "image/gif"], baseURL: baseURL }))),
-        React.createElement("div", { className: "project-assets-field" },
-            React.createElement("label", { htmlFor: "export-taskbar-icon" },
-                React.createElement("span", null, "Taskbar icon"),
-                React.createElement(Tooltip, null, "The Toolbar icon should be 400px X 400px. Supported formats are PNG and JPG")),
-            React.createElement("div", { className: "project-icon-field" },
-                React.createElement(ImagePreview, { value: taskbarIcon, id: "export-taskbar-icon", onSetValue: (value) => {
-                        setTaskbarIcon(value);
-                        setIconsChanged(new Date().getTime());
-                    }, uploadFunction: updateTaskbarIcon, acceptTypes: ["image/png", "image/jpeg"], baseURL: baseURL }))),
-        React.createElement("div", { className: "project-assets-field" },
-            React.createElement("label", { htmlFor: "export-system-tray-icon" },
-                React.createElement("span", null, "System Tray Icon"),
-                React.createElement(Tooltip, null, "The System tray icon should be 100px X 100px. Supported formats are PNG and JPG.")),
-            React.createElement("div", { className: "project-icon-field" },
-                React.createElement(ImagePreview, { value: systemTrayIcon, id: "export-system-tray-icon", onSetValue: (value) => {
-                        setSystemTrayIcon(value);
-                        setIconsChanged(new Date().getTime());
-                    }, uploadFunction: updateSystemTrayIcon, acceptTypes: ["image/png", "image/jpeg"], baseURL: baseURL }))),
-        React.createElement("div", { className: "project-assets-field" },
-            React.createElement("label", { htmlFor: "export-installer-icon" },
-                React.createElement("span", null, "Installer Icon"),
-                React.createElement(Tooltip, null, "Installer icons must use the ICO format. You can create and ICO image from a PNG file using free online services. See the User Guide for more information.")),
-            React.createElement("div", { className: "project-icon-field" },
-                React.createElement(ImagePreview, { value: installerIcon, id: "export-installer-icon", onSetValue: (value) => {
-                        setInstallerIcon(value);
-                        setIconsChanged(new Date().getTime());
-                    }, uploadFunction: updateInstallerIcon, acceptTypes: ["image/x-icon"], baseURL: baseURL }))))));
+export const AssetsPage = ({ updateSplashScreen, updateToolbarIcon, updateTaskbarIcon, updateSystemTrayIcon, updateInstallerIcon, }) => {
+    const dispatch = useDispatch();
+    const project = useSelector((state) => state.smartDesktopDesigner.projectInfo);
+    const { splashScreenImage, toolbarIcon, taskbarIcon, installerIcon, systemTrayIcon } = project.export;
+    const baseURL = project.applicationRoot;
+    return (React.createElement("div", { className: "images-section" },
+        React.createElement("fieldset", { className: "project-assets" },
+            React.createElement("div", { className: "project-assets-field" },
+                React.createElement("label", { htmlFor: "export-splash-screen" },
+                    React.createElement("span", null, "Splash screen"),
+                    React.createElement(Tooltip, null, "The Splash screen should be 600px X 400px (W x H). Supported formats are PNG, JPG, and GIF.")),
+                React.createElement("div", { className: "project-splash-screen-field" },
+                    React.createElement(ImagePreview, { id: "export-splash-screen", value: splashScreenImage, onSetValue: (value) => {
+                            dispatch(SmartDesktopDesignerActions.set_project_info(Object.assign(Object.assign({}, project), { export: Object.assign(Object.assign({}, project.export), { splashScreenImage: value }) })));
+                        }, uploadFunction: updateSplashScreen, acceptTypes: ["image/png", "image/jpeg", "image/gif"], baseURL: baseURL, previewSize: ImagePreviewSize.LARGE }))),
+            React.createElement("div", { className: "project-assets-field" },
+                React.createElement("label", { htmlFor: "export-toolbar-icon" },
+                    React.createElement("span", null, "Toolbar icon"),
+                    React.createElement(Tooltip, null, "The Toolbar icon should be 200px X 200px. Supported formats are PNG, JPG, and GIF.")),
+                React.createElement("div", { className: "project-icon-field" },
+                    React.createElement(ImagePreview, { id: "export-toolbar-icon", value: toolbarIcon, onSetValue: (value) => {
+                            dispatch(SmartDesktopDesignerActions.set_project_info(Object.assign(Object.assign({}, project), { export: Object.assign(Object.assign({}, project.export), { toolbarIcon: value }) })));
+                        }, uploadFunction: updateToolbarIcon, acceptTypes: ["image/png", "image/jpeg", "image/gif"], baseURL: baseURL }))),
+            React.createElement("div", { className: "project-assets-field" },
+                React.createElement("label", { htmlFor: "export-taskbar-icon" },
+                    React.createElement("span", null, "Taskbar icon"),
+                    React.createElement(Tooltip, null, "The Toolbar icon should be 400px X 400px. Supported formats are PNG and JPG")),
+                React.createElement("div", { className: "project-icon-field" },
+                    React.createElement(ImagePreview, { value: taskbarIcon, id: "export-taskbar-icon", onSetValue: (value) => {
+                            dispatch(SmartDesktopDesignerActions.set_project_info(Object.assign(Object.assign({}, project), { export: Object.assign(Object.assign({}, project.export), { taskbarIcon: value }) })));
+                        }, uploadFunction: updateTaskbarIcon, acceptTypes: ["image/png", "image/jpeg"], baseURL: baseURL }))),
+            React.createElement("div", { className: "project-assets-field" },
+                React.createElement("label", { htmlFor: "export-system-tray-icon" },
+                    React.createElement("span", null, "System Tray Icon"),
+                    React.createElement(Tooltip, null, "The System tray icon should be 100px X 100px. Supported formats are PNG and JPG.")),
+                React.createElement("div", { className: "project-icon-field" },
+                    React.createElement(ImagePreview, { value: systemTrayIcon, id: "export-system-tray-icon", onSetValue: (value) => {
+                            dispatch(SmartDesktopDesignerActions.set_project_info(Object.assign(Object.assign({}, project), { export: Object.assign(Object.assign({}, project.export), { systemTrayIcon: value }) })));
+                        }, uploadFunction: updateSystemTrayIcon, acceptTypes: ["image/png", "image/jpeg"], baseURL: baseURL }))),
+            React.createElement("div", { className: "project-assets-field" },
+                React.createElement("label", { htmlFor: "export-installer-icon" },
+                    React.createElement("span", null, "Installer Icon"),
+                    React.createElement(Tooltip, null, "Installer icons must use the ICO format. You can create and ICO image from a PNG file using free online services. See the User Guide for more information.")),
+                React.createElement("div", { className: "project-icon-field" },
+                    React.createElement(ImagePreview, { value: installerIcon, id: "export-installer-icon", onSetValue: (value) => {
+                            dispatch(SmartDesktopDesignerActions.set_project_info(Object.assign(Object.assign({}, project), { export: Object.assign(Object.assign({}, project.export), { installerIcon: value }) })));
+                        }, uploadFunction: updateInstallerIcon, acceptTypes: ["image/x-icon"], baseURL: baseURL }))))));
+};
 //# sourceMappingURL=AssetsPage.js.map