@pdftron/webviewer 11.9.0-20251021 → 11.9.0-20251022

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.
@@ -1 +1 @@
1
- {"version":3,"sources":["webpack:///./src/ui/src/components/CreateStampModal/CustomStampForums.scss?dbb6","webpack:///./src/ui/src/components/CreateStampModal/CustomStampForums.scss","webpack:///./src/ui/src/components/CreateStampModal/CreateStampModal.scss?3bb8","webpack:///./src/ui/src/components/CreateStampModal/CreateStampModal.scss","webpack:///./src/ui/src/components/CreateStampModal/CustomStampForums.js","webpack:///./src/ui/src/components/CreateStampModal/CreateStampModal.js","webpack:///./src/ui/src/components/CreateStampModal/index.js"],"names":["api","content","__esModule","default","module","i","options","styleTag","window","isApryseWebViewerWebComponent","document","head","appendChild","webComponents","getElementsByTagName","length","findNestedWebComponents","tagName","root","elements","querySelectorAll","forEach","el","push","shadowRoot","clonedStyleTags","webComponent","onload","styleNode","innerHTML","cloneNode","exports","locals","FALLBACK_DATE_TIME_FORMAT","date","time","timeFirst","dateTimeFormatToString","format","useDate","arguments","undefined","useTime","concat","propTypes","state","PropTypes","object","setState","func","setEmptyInput","fonts","array","openColorPicker","getCustomColorAndRemove","openDeleteModal","dateTimeFormats","stampTool","userName","string","CustomStampForums","_ref","updateTimestampLabel","usernameChk","dateChk","dateTime","tmpText","defaultDateTimeFormat","_useState2","_slicedToArray","useState","setDateTime","_useState4","usernameCheckbox","setUsernameCheckbox","_useState6","dateCheckbox","setDateCheckbox","_useState8","timeCheckbox","setTimeCheckbox","_useState0","stampTextInputValue","setStampText","t","useTranslation","txt","_useState10","timestampFormat","setTimestampFormat","_useState12","tooltipVisible","setTooltipVisible","tooltipRef","useRef","currentUser","core","getCurrentUser","currentDateTime","Date","toLocaleString","handleClickOutside","event","current","contains","target","useEffect","addEventListener","removeEventListener","handleTooltipClick","canvasRef","canvasContainerRef","inputRef","updateCanvas","title","subtitle","newState","parameters","canvas","width","height","color","textColor","canvasParent","font","bold","italic","underline","strikeout","drawCustomStamp","dataURL","toDataURL","_objectSpread","handleRichTextStyleChange","style","_defineProperty","stampInputLabel","getHexColor","givenColor","A","toHexString","toLowerCase","COMMON_COLORS","openPicker","addNew","type","isText","handleVisiblityChanged","e","_e$detail","detail","element","isVisible","colorToBeAdded","setTextColor","setBackgroundColor","toolColors","Core","Tools","RubberStampCreateTool","setTextColors","setBackgroundColors","getInstanceNode","instance","UI","Events","VISIBILITY_CHANGED","deleteColor","newColors","textColors","filter","textColorToBeDeleted","backgroundColors","backgroundColorToBeDeleted","setTextColorToBeDeleted","setBackgroundColorToBeDeleted","_useState14","_useState16","backgroundColor","_useState18","_useState20","_useState22","_useState24","handleTextColorChange","newColor","handleBackgroundColorChange","formatsList","dateTimeDropdownItems","Array","from","Set","map","React","createElement","className","ref","role","aria-label","htmlFor","id","classNames","value","onChange","Icon","glyph","aria-live","Dropdown","labelledById","items","ariaLabel","onClickItem","currentSelectionKey","getCustomItemStyle","item","fontFamily","maxHeight","Button","dataElement","onClick","img","isActive","ariaPressed","ColorPalettePicker","setColorToBeDeleted","colorToBeDeleted","customColors","onStyleChange","handleColorOnClick","handleOnClick","ariaLabelledBy","toolTipXOffset","disableTitle","enableEdit","colorsAreHex","aria-labelledby","Choice","checked","label","newDateTime","tabIndex","onKeyDown","key","preventDefault","background","border","padding","display","alignItems","cursor","newFormat","r","Symbol","n","iterator","o","toStringTag","c","prototype","Generator","u","Object","create","_regeneratorDefine2","f","p","y","G","v","a","d","bind","l","TypeError","call","done","GeneratorFunction","GeneratorFunctionPrototype","getPrototypeOf","setPrototypeOf","__proto__","displayName","_regenerator","w","m","defineProperty","enumerable","configurable","writable","_invoke","asyncGeneratorStep","Promise","resolve","then","_asyncToGenerator","apply","_next","_throw","isArray","_arrayWithHoles","next","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","_arrayLikeToArray","toString","slice","constructor","name","test","fillColors","CustomStampModal","stampToolArray","getToolsFromAllDocumentViewers","store","useStore","emptyInput","customStampModalOverlayRef","modalWrapperRef","_useSelector2","useSelector","selectors","isElementOpen","DataElements","CUSTOM_STAMP_MODAL","getFonts","getDateTimeFormats","getUserName","isOpen","dispatch","useDispatch","updateOverflow","currentModalOverlayElement","modalElementContainer","customStampModalRect","getBoundingClientRect","modalContainerRect","enableScrollBar","overflow","useLayoutEffect","deselectAllAnnotations","closeModal","useFocusOnClose","actions","closeElement","_callee","onConfirm","message","confirmBtnText","warning","_context","showWarningMessage","_x","modalClass","Modal","open","closed","createCustomStamp","_ref2","_callee2","_iterator","_step","annot","standardStampCount","customStampCount","_t","_context2","setToolMode","_createForOfIteratorHelper","s","addCustomStamp","createCustomStampAnnotation","setRubberStamp","showPreview","getStandardStamps","getCustomStamps","setSelectedStampIndex","onCreateCustomStampClick","data-element","ModalWrapper","closeHandler","onCloseClick","swipeToClose","onMouseDown","stopPropagation","customColor","getCustomColor","getState","setCustomColor","openElement","isModalOpen","disabled","CreateStampModal"],"mappings":"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","file":"chunks/chunk.50.js","sourcesContent":["var api = require(\"!../../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\");\n var content = require(\"!!../../../../../node_modules/css-loader/index.js!../../../../../node_modules/postcss-loader/src/index.js??postcss!../../../../../node_modules/sass-loader/dist/cjs.js!./CustomStampForums.scss\");\n\n content = content.__esModule ? content.default : content;\n\n if (typeof content === 'string') {\n content = [[module.id, content, '']];\n }\n\nvar options = {};\n\noptions.insert = function(styleTag) {\n function findNestedWebComponents(tagName, root = document) {\n const elements = [];\n\n // Check direct children\n root.querySelectorAll(tagName).forEach((el) => elements.push(el));\n\n // Check shadow DOMs\n root.querySelectorAll('*').forEach((el) => {\n if (el.shadowRoot) {\n elements.push(...findNestedWebComponents(tagName, el.shadowRoot));\n }\n });\n\n return elements;\n }\n if (!window.isApryseWebViewerWebComponent) {\n document.head.appendChild(styleTag);\n return;\n }\n\n let webComponents;\n // First we see if the webcomponent is at the document level\n webComponents = document.getElementsByTagName('apryse-webviewer');\n // If not, we check have to check if it is nested in another webcomponent\n if (!webComponents.length) {\n webComponents = findNestedWebComponents('apryse-webviewer');\n }\n // Now we append the style tag to each webcomponent\n const clonedStyleTags = [];\n for (let i = 0; i < webComponents.length; i++) {\n const webComponent = webComponents[i];\n if (i === 0) {\n webComponent.shadowRoot.appendChild(styleTag);\n styleTag.onload = function() {\n if (clonedStyleTags.length > 0) {\n clonedStyleTags.forEach((styleNode) => {\n // eslint-disable-next-line no-unsanitized/property\n styleNode.innerHTML = styleTag.innerHTML;\n });\n }\n };\n } else {\n const styleNode = styleTag.cloneNode(true);\n webComponent.shadowRoot.appendChild(styleNode);\n clonedStyleTags.push(styleNode);\n }\n }\n };\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nmodule.exports = content.locals || {};","exports = module.exports = require(\"../../../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \":host{display:inline-block;container-type:inline-size;width:100%;height:100%;overflow:hidden}@media(min-width:901px){.App:not(.is-web-component) .hide-in-desktop{display:none}}@container (min-width: 901px){.hide-in-desktop{display:none}}@media(min-width:641px)and (max-width:900px){.App:not(.is-in-desktop-only-mode):not(.is-web-component) .hide-in-tablet{display:none}}@container (min-width: 641px) and (max-width: 900px){.App.is-web-component:not(.is-in-desktop-only-mode) .hide-in-tablet{display:none}}@media(max-width:640px)and (min-width:431px){.App:not(.is-web-component) .hide-in-mobile{display:none}}@container (max-width: 640px) and (min-width: 431px){.App.is-web-component .hide-in-mobile{display:none}}@media(max-width:430px){.App:not(.is-web-component) .hide-in-small-mobile{display:none}}@container (max-width: 430px){.App.is-web-component .hide-in-small-mobile{display:none}}.always-hide{display:none}.text-customstamp .color-container .ColorPalette .cell-tool:hover{cursor:pointer;border:none;box-shadow:inset 0 0 0 1px var(--blue-6);color:var(--blue-6);background-color:var(--faded-component-background)}.text-customstamp{padding:16px;margin:0;display:flex;flex-direction:column}@media(max-width:640px){.App:not(.is-in-desktop-only-mode):not(.is-web-component) .text-customstamp{width:100%;padding:4px 8px}.App:not(.is-in-desktop-only-mode):not(.is-web-component) .text-customstamp .scroll-container{width:100%;max-height:50%;padding-bottom:0;margin-bottom:0;overflow-y:auto;overflow-x:visible}}@container (max-width: 640px){.App.is-web-component:not(.is-in-desktop-only-mode) .text-customstamp{width:100%;padding:4px 8px}.App.is-web-component:not(.is-in-desktop-only-mode) .text-customstamp .scroll-container{width:100%;max-height:50%;padding-bottom:0;margin-bottom:0;overflow-y:auto;overflow-x:visible}}.text-customstamp-input{outline:none;border-radius:4px;border:1px solid var(--gray-6);box-shadow:none;padding:5px}.text-customstamp .txt-uppercase{text-transform:uppercase}.text-customstamp-container{position:relative;margin-top:10px;flex:1;border:1px solid var(--modal-stroke-and-border);border-radius:4px;overflow:auto}.text-customstamp-container canvas{position:absolute;visibility:hidden;z-index:-1;width:100%;height:100%}.text-customstamp-inner-container{position:absolute;min-width:100%}.text-customstamp .canvas-container{border:1px solid var(--gray-6);box-sizing:border-box;position:relative;overflow:hidden;background-color:var(--signature-draw-background);display:flex;flex-direction:row;justify-content:center;padding:48px 74px;border-radius:4px}@media(max-width:640px){.App:not(.is-in-desktop-only-mode):not(.is-web-component) .text-customstamp .canvas-container{padding:12px .5px}}@container (max-width: 640px){.App.is-web-component:not(.is-in-desktop-only-mode) .text-customstamp .canvas-container{padding:12px .5px}}.text-customstamp .canvas-container .custom-stamp-canvas{box-sizing:border-box}@media(max-width:430px){.text-customstamp .canvas-container .custom-stamp-canvas{transform:scale(.8)}}.text-customstamp .color-container{margin-top:16px;width:100%}.text-customstamp .color-container .ColorPalette{display:flex;flex-wrap:wrap;width:100%;grid-gap:4px;gap:4px}@media(max-width:640px){.App:not(.is-in-desktop-only-mode):not(.is-web-component) .text-customstamp .color-container .ColorPalette{padding:4px}}@container (max-width: 640px){.App.is-web-component:not(.is-in-desktop-only-mode) .text-customstamp .color-container .ColorPalette{padding:4px}}.text-customstamp .color-container .ColorPalette .cell-outer{margin-inline-end:16px}.text-customstamp .color-container .ColorPalette .cell-outer.active{margin-inline-start:-4px;margin-inline-end:10px;width:28px;height:28px}.text-customstamp .color-container .ColorPalette .cell-outer .cell{width:16px;height:16px}.text-customstamp .color-container .ColorPalette .cell-container{flex:unset;width:auto;height:auto}.text-customstamp .color-container .ColorPalette .cell-tool{margin-inline-end:8px;margin-inline-start:-4px}.text-customstamp .color-container .ColorPalette .cell-tool .cell-outer{margin:4px}.text-customstamp .color-container .ColorPalette .cell-tool.active{box-shadow:inset 0 0 0 1px var(--blue-5);background:var(--tools-button-active)}.text-customstamp .color-container .ColorPalette .cell-tool.active .Icon{color:var(--blue-5)}.text-customstamp .color-container .ColorPalette .cell-tool:disabled{box-shadow:none;background:transparent}.text-customstamp .stamp-input-container{margin-top:16px;padding:0;position:relative}.text-customstamp .stamp-input-container .text-customstamp-input{margin-top:8px;height:32px;width:100%;padding:6px}.text-customstamp .stamp-input-container .text-customstamp-input.error{border:1px solid var(--error-text-color)}.text-customstamp .stamp-input-container .error-icon{position:absolute;inset-inline-end:8px;inset-block-start:28px;color:var(--error-text-color)}@media(max-width:640px){.App:not(.is-in-desktop-only-mode):not(.is-web-component) .text-customstamp .stamp-input-container .error-icon{inset-block-start:30px}}@container (max-width: 640px){.App.is-web-component:not(.is-in-desktop-only-mode) .text-customstamp .stamp-input-container .error-icon{inset-block-start:30px}}.text-customstamp .stamp-input-container .empty-stamp-input{height:16px;margin-top:4px;color:var(--error-text-color)}.text-customstamp .stamp-label,.text-customstamp .stamp-sublabel{font-weight:700;margin-bottom:8px;text-transform:capitalize}@media(max-width:640px){.App:not(.is-in-desktop-only-mode):not(.is-web-component) .text-customstamp .stamp-label,.App:not(.is-in-desktop-only-mode):not(.is-web-component) .text-customstamp .stamp-sublabel{font-size:13px;height:16px}}@container (max-width: 640px){.App.is-web-component:not(.is-in-desktop-only-mode) .text-customstamp .stamp-label,.App.is-web-component:not(.is-in-desktop-only-mode) .text-customstamp .stamp-sublabel{font-size:13px;height:16px}}.text-customstamp .timestamp-container{margin-top:16px;padding:0}.text-customstamp .timestamp-container .timeStamp-choice{height:16px;display:grid;width:100%;grid-template-columns:22.32% 22.32% 22.32% 33.04%;grid-gap:16px}@media(max-width:430px){.text-customstamp .timestamp-container .timeStamp-choice{grid-template-columns:30% 30% 30%;height:100%;font-size:13px}}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.text-customstamp .timestamp-container .timeStamp-choice .ui__choice{display:-ms-inline-flexbox;width:33.33%}}.text-customstamp .timestamp-container .timeStamp-choice .ui__choice{margin:0;line-height:1}.text-customstamp .timestamp-container .timeStamp-choice .ui__choice .ui__choice__label{padding-inline-start:4px}.text-customstamp .date-format-container{margin-top:16px;display:flex;flex-wrap:wrap}.text-customstamp .date-format-container .Dropdown__wrapper{width:100%}.text-customstamp .date-format-container .Dropdown__wrapper .Dropdown{height:32px;width:100%!important;text-align:start}.text-customstamp .date-format-container .Dropdown__wrapper .arrow{flex:unset}.text-customstamp .date-format-container .Dropdown__wrapper .Dropdown__items{z-index:101;inset-block-start:auto;inset-inline-start:0;inset-inline-end:auto}@media(max-width:640px){.App:not(.is-in-desktop-only-mode):not(.is-web-component) .text-customstamp .date-format-container .Dropdown__wrapper .Dropdown__items{max-height:200px}}@container (max-width: 640px){.App.is-web-component:not(.is-in-desktop-only-mode) .text-customstamp .date-format-container .Dropdown__wrapper .Dropdown__items{max-height:200px}}.text-customstamp .date-format-container .Dropdown__wrapper .Dropdown__items.hide{height:0}.text-customstamp .date-format-container .hover-icon{margin-inline-start:2px;position:relative}.text-customstamp .date-format-container .hover-icon .Icon{width:18px;height:18px}.text-customstamp .date-format-container .hover-icon .date-format-description{display:flex;flex-direction:column;text-align:start;position:absolute;background-color:#000;border-radius:5px;padding:12px;color:#fff;width:120px;z-index:101;inset-block-end:100%;inset-block-start:auto;inset-inline-start:0;inset-inline-end:auto}.text-customstamp .date-format-container .hover-icon:hover .Icon{color:var(--blue-6)}.text-customstamp .font-container{margin-top:8px}.text-customstamp .font-container .font-inner-container{display:flex;grid-gap:12px;gap:12px}@media(max-width:640px){.App:not(.is-in-desktop-only-mode):not(.is-web-component) .text-customstamp .font-container .font-inner-container{grid-gap:6px;gap:6px}}@container (max-width: 640px){.App.is-web-component:not(.is-in-desktop-only-mode) .text-customstamp .font-container .font-inner-container{grid-gap:6px;gap:6px}}.text-customstamp .font-container .stamp-sublabel{font-weight:700;margin-bottom:8px}@media(max-width:640px){.App:not(.is-in-desktop-only-mode):not(.is-web-component) .text-customstamp .font-container .stamp-sublabel{font-size:13px;height:16px}}@container (max-width: 640px){.App.is-web-component:not(.is-in-desktop-only-mode) .text-customstamp .font-container .stamp-sublabel{font-size:13px;height:16px}}.text-customstamp .font-container .Dropdown__wrapper .Dropdown{margin-inline-end:4px;height:32px;width:268px!important;text-align:start}@media(max-width:640px){.App:not(.is-in-desktop-only-mode):not(.is-web-component) .text-customstamp .font-container .Dropdown__wrapper .Dropdown{width:200px!important}}@container (max-width: 640px){.App.is-web-component:not(.is-in-desktop-only-mode) .text-customstamp .font-container .Dropdown__wrapper .Dropdown{width:200px!important}}.text-customstamp .font-container .Dropdown__wrapper .arrow{flex:unset}.text-customstamp .font-container .Dropdown__wrapper .Dropdown__items{inset-block-start:auto;inset-inline-start:0;inset-inline-end:auto;width:268px!important}@media(max-width:640px){.App:not(.is-in-desktop-only-mode):not(.is-web-component) .text-customstamp .font-container .Dropdown__wrapper .Dropdown__items{inset-block-end:auto;height:200px;width:200px!important}}@container (max-width: 640px){.App.is-web-component:not(.is-in-desktop-only-mode) .text-customstamp .font-container .Dropdown__wrapper .Dropdown__items{inset-block-end:auto;height:200px;width:200px!important}}.text-customstamp .font-container .Button{background:none;width:32px;height:32px;margin:0}.text-customstamp .font-container .Button .Icon{height:24px;width:24px;color:var(--icon-color)}.text-customstamp .font-container .Button:hover{background:var(--popup-button-hover)}.text-customstamp .font-container .Button:hover .Icon .cls-1{fill:currentColor}.text-customstamp .font-container .Button.active{background:var(--popup-button-active)}.text-customstamp .font-container .Button.active .Icon{color:var(--blue-5)}.text-customstamp .font-container .Button.active .Icon .cls-1{fill:currentColor}.text-customstamp .custom-checkbox{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-bottom:5px;margin-top:5px}.text-customstamp .custom-checkbox input{display:none}.text-customstamp .custom-checkbox input+label:before{cursor:pointer;content:\\\"\\\";margin:1px 10px 0 0;display:inline-block;vertical-align:text-top;width:16px;height:16px;border-radius:4px;border:1px solid #979797}.text-customstamp .custom-checkbox input:checked+label:before{background:#00a5e4;border:1px solid transparent}.text-customstamp .custom-checkbox input:checked+label:after{content:\\\"\\\";position:absolute;inset-inline-start:4px;inset-block-start:9px;background:var(--gray-0);width:2px;height:2px;box-shadow:2px 0 0 var(--gray-0),4px 0 0 var(--gray-0),4px -2px 0 var(--gray-0),4px -4px 0 var(--gray-0),4px -6px 0 var(--gray-0),4px -8px 0 var(--gray-0);transform:rotate(45deg)}.text-customstamp .custom-checkbox label{align-items:center}\", \"\"]);\n\n// exports\nexports.locals = {\n\t\"LEFT_HEADER_WIDTH\": \"41px\",\n\t\"RIGHT_HEADER_WIDTH\": \"41px\"\n};","var api = require(\"!../../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\");\n var content = require(\"!!../../../../../node_modules/css-loader/index.js!../../../../../node_modules/postcss-loader/src/index.js??postcss!../../../../../node_modules/sass-loader/dist/cjs.js!./CreateStampModal.scss\");\n\n content = content.__esModule ? content.default : content;\n\n if (typeof content === 'string') {\n content = [[module.id, content, '']];\n }\n\nvar options = {};\n\noptions.insert = function(styleTag) {\n function findNestedWebComponents(tagName, root = document) {\n const elements = [];\n\n // Check direct children\n root.querySelectorAll(tagName).forEach((el) => elements.push(el));\n\n // Check shadow DOMs\n root.querySelectorAll('*').forEach((el) => {\n if (el.shadowRoot) {\n elements.push(...findNestedWebComponents(tagName, el.shadowRoot));\n }\n });\n\n return elements;\n }\n if (!window.isApryseWebViewerWebComponent) {\n document.head.appendChild(styleTag);\n return;\n }\n\n let webComponents;\n // First we see if the webcomponent is at the document level\n webComponents = document.getElementsByTagName('apryse-webviewer');\n // If not, we check have to check if it is nested in another webcomponent\n if (!webComponents.length) {\n webComponents = findNestedWebComponents('apryse-webviewer');\n }\n // Now we append the style tag to each webcomponent\n const clonedStyleTags = [];\n for (let i = 0; i < webComponents.length; i++) {\n const webComponent = webComponents[i];\n if (i === 0) {\n webComponent.shadowRoot.appendChild(styleTag);\n styleTag.onload = function() {\n if (clonedStyleTags.length > 0) {\n clonedStyleTags.forEach((styleNode) => {\n // eslint-disable-next-line no-unsanitized/property\n styleNode.innerHTML = styleTag.innerHTML;\n });\n }\n };\n } else {\n const styleNode = styleTag.cloneNode(true);\n webComponent.shadowRoot.appendChild(styleNode);\n clonedStyleTags.push(styleNode);\n }\n }\n };\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nmodule.exports = content.locals || {};","exports = module.exports = require(\"../../../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \".open.CustomStampModal{visibility:visible}.closed.CustomStampModal{visibility:hidden}:host{display:inline-block;container-type:inline-size;width:100%;height:100%;overflow:hidden}@media(min-width:901px){.App:not(.is-web-component) .hide-in-desktop{display:none}}@container (min-width: 901px){.hide-in-desktop{display:none}}@media(min-width:641px)and (max-width:900px){.App:not(.is-in-desktop-only-mode):not(.is-web-component) .hide-in-tablet{display:none}}@container (min-width: 641px) and (max-width: 900px){.App.is-web-component:not(.is-in-desktop-only-mode) .hide-in-tablet{display:none}}@media(max-width:640px)and (min-width:431px){.App:not(.is-web-component) .hide-in-mobile{display:none}}@container (max-width: 640px) and (min-width: 431px){.App.is-web-component .hide-in-mobile{display:none}}@media(max-width:430px){.App:not(.is-web-component) .hide-in-small-mobile{display:none}}@container (max-width: 430px){.App.is-web-component .hide-in-small-mobile{display:none}}.always-hide{display:none}.CustomStampModal .footer .modal-button.confirm:hover{background:var(--primary-button-hover);border-color:var(--primary-button-hover);color:var(--gray-0)}.CustomStampModal .footer .modal-button.confirm{background:var(--primary-button);border-color:var(--primary-button);color:var(--primary-button-text)}.CustomStampModal .footer .modal-button.confirm.disabled{cursor:default;background:var(--disabled-button-color);color:var(--primary-button-text)}.CustomStampModal .footer .modal-button.confirm.disabled span{color:var(--primary-button-text)}.CustomStampModal .footer .modal-button.cancel:hover,.CustomStampModal .footer .modal-button.secondary-btn-custom:hover{border:none;box-shadow:inset 0 0 0 1px var(--blue-6);color:var(--blue-6)}.CustomStampModal .footer .modal-button.cancel,.CustomStampModal .footer .modal-button.secondary-btn-custom{border:none;box-shadow:inset 0 0 0 1px var(--primary-button);color:var(--primary-button)}.CustomStampModal .footer .modal-button.cancel.disabled,.CustomStampModal .footer .modal-button.secondary-btn-custom.disabled{cursor:default;border:none;box-shadow:inset 0 0 0 1px rgba(43,115,171,.5);color:rgba(43,115,171,.5)}.CustomStampModal .footer .modal-button.cancel.disabled span,.CustomStampModal .footer .modal-button.secondary-btn-custom.disabled span{color:rgba(43,115,171,.5)}.CustomStampModal{position:fixed;inset-inline-start:0;inset-block-end:0;z-index:100;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:var(--modal-negative-space)}.CustomStampModal .modal-container .wrapper .modal-content{padding:10px}.CustomStampModal .footer{display:flex;flex-direction:row;justify-content:flex-end;width:100%;margin-top:13px}.CustomStampModal .footer.modal-footer{padding:16px;margin:0;border-top:1px solid var(--divider)}.CustomStampModal .footer .modal-button{display:flex;justify-content:center;align-items:center;padding:6px 18px;margin:8px 0 0;width:auto;width:-moz-fit-content;width:fit-content;border-radius:4px;height:30px;cursor:pointer}.CustomStampModal .footer .modal-button.confirm{margin-inline-start:4px}.CustomStampModal .footer .modal-button.secondary-btn-custom{border-radius:4px;padding:2px 20px 4px;cursor:pointer}@media(max-width:640px){.App:not(.is-in-desktop-only-mode):not(.is-web-component) .CustomStampModal .footer .modal-button{padding:23px 8px}}@container (max-width: 640px){.App.is-web-component:not(.is-in-desktop-only-mode) .CustomStampModal .footer .modal-button{padding:23px 8px}}.CustomStampModal .swipe-indicator{background:var(--swipe-indicator-bg);border-radius:2px;height:4px;width:38px;position:absolute;inset-block-start:12px;margin-inline-start:auto;margin-inline-end:auto;inset-inline-start:0;inset-inline-end:0}@media(min-width:641px){.App:not(.is-in-desktop-only-mode):not(.is-web-component) .CustomStampModal .swipe-indicator{display:none}}@container (min-width: 641px){.App.is-web-component:not(.is-in-desktop-only-mode) .CustomStampModal .swipe-indicator{display:none}}@media(max-width:640px){.App:not(.is-in-desktop-only-mode):not(.is-web-component) .CustomStampModal .swipe-indicator{width:32px}}@container (max-width: 640px){.App.is-web-component:not(.is-in-desktop-only-mode) .CustomStampModal .swipe-indicator{width:32px}}.CustomStampModal .modal-container{display:flex;flex-direction:column;width:480px;padding:0;border-radius:4px;background:var(--component-background);overflow:visible;max-height:100%}@media(max-width:640px){.App:not(.is-in-desktop-only-mode):not(.is-web-component) .CustomStampModal .modal-container{width:100%;border-radius:0;inset-inline-start:0;inset-block-end:0}}@container (max-width: 640px){.App.is-web-component:not(.is-in-desktop-only-mode) .CustomStampModal .modal-container{width:100%;border-radius:0;inset-inline-start:0;inset-block-end:0}}.CustomStampModal .modal-container .header{box-shadow:inset 0 -1px 0 var(--modal-stroke-and-border);margin:0;display:flex;align-items:center;width:100%;padding:16px}.CustomStampModal .modal-container .header p{font-size:16px;font-weight:700;width:89.286%;margin:0;margin-inline-end:16px}.CustomStampModal .modal-container .header .Button{position:static;height:32px;width:32px;border-radius:4px}.CustomStampModal .modal-container .header .Button:hover{background:var(--popup-button-hover)}.CustomStampModal .modal-container .header .Button.selected{background:var(--popup-button-active);cursor:default}.CustomStampModal .modal-container .footer{display:flex;align-items:center;flex-direction:row-reverse;justify-content:space-between;margin:0;inset-block-start:460px;padding:16px;box-shadow:inset 0 1px 0 var(--modal-stroke-and-border)}.CustomStampModal .modal-container .footer .stamp-close{border:none;background-color:transparent;color:var(--secondary-button-text);padding:0 8px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer}:host(:not([data-tabbing=true])) .CustomStampModal .modal-container .footer .stamp-close,html:not([data-tabbing=true]) .CustomStampModal .modal-container .footer .stamp-close{outline:none}.CustomStampModal .modal-container .footer .stamp-close:hover{color:var(--secondary-button-hover)}.CustomStampModal .modal-container .footer .stamp-create{border:none;background-color:transparent;background:var(--primary-button);border-radius:4px;height:32px;display:flex;align-items:center;padding:8px 16px;min-width:72px;width:-moz-fit-content;width:fit-content;justify-content:center;position:relative;color:var(--primary-button-text);cursor:pointer}:host(:not([data-tabbing=true])) .CustomStampModal .modal-container .footer .stamp-create,html:not([data-tabbing=true]) .CustomStampModal .modal-container .footer .stamp-create{outline:none}@media(max-width:640px){.App:not(.is-in-desktop-only-mode):not(.is-web-component) .CustomStampModal .modal-container .footer .stamp-create{font-size:13px}}@container (max-width: 640px){.App.is-web-component:not(.is-in-desktop-only-mode) .CustomStampModal .modal-container .footer .stamp-create{font-size:13px}}.CustomStampModal .modal-container .footer .stamp-create:hover{background:var(--primary-button-hover)}.CustomStampModal .modal-container .footer .stamp-create:disabled{background:var(--primary-button);opacity:.5;cursor:default}\", \"\"]);\n\n// exports\nexports.locals = {\n\t\"LEFT_HEADER_WIDTH\": \"41px\",\n\t\"RIGHT_HEADER_WIDTH\": \"41px\"\n};","import React, { useState, useEffect, useRef } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport Choice from 'components/Choice';\nimport Dropdown from 'components/Dropdown';\nimport Button from 'components/Button';\nimport Icon from 'components/Icon';\nimport ColorPalettePicker from 'components/ColorPalettePicker/ColorPalettePicker'; // ColorPalletPicker inner import required as we are not using the redux outer container\nimport Events from 'constants/events';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport core from 'core';\n\nimport './CustomStampForums.scss';\nimport { getInstanceNode } from 'helpers/getRootNode';\nimport { COMMON_COLORS } from 'constants/commonColors';\n\nconst FALLBACK_DATE_TIME_FORMAT = {\n date: 'MM/DD/YYYY',\n time: 'hh:mm A',\n timeFirst: false,\n};\n\nconst dateTimeFormatToString = (format, useDate = true, useTime = true) => {\n if (!useDate) {\n if (!format.time) {\n return '';\n }\n return format.time;\n }\n if (!useTime) {\n if (!format.date) {\n return '';\n }\n return format.date;\n }\n return format.timeFirst ?\n `${format.time} ${format.date}` :\n `${format.date} ${format.time}`;\n};\n\nconst propTypes = {\n state: PropTypes.object,\n setState: PropTypes.func,\n setEmptyInput: PropTypes.func,\n fonts: PropTypes.array,\n openColorPicker: PropTypes.func,\n getCustomColorAndRemove: PropTypes.func,\n openDeleteModal: PropTypes.func,\n dateTimeFormats: PropTypes.array,\n stampTool: PropTypes.object,\n userName: PropTypes.string,\n};\n\nconst CustomStampForums = ({\n state,\n setState,\n setEmptyInput,\n fonts,\n openColorPicker,\n getCustomColorAndRemove,\n openDeleteModal,\n dateTimeFormats,\n stampTool,\n userName,\n}) => {\n const updateTimestampLabel = (usernameChk, dateChk, dateTime) => {\n let tmpText = '';\n if (usernameChk) {\n tmpText += '[$currentUser] ';\n }\n if (dateChk) {\n tmpText += dateTime;\n }\n return tmpText;\n };\n\n const defaultDateTimeFormat = dateTimeFormats && dateTimeFormats[0] ? dateTimeFormats[0] : FALLBACK_DATE_TIME_FORMAT;\n const [dateTime, setDateTime] = useState(dateTimeFormatToString(defaultDateTimeFormat));\n const [usernameCheckbox, setUsernameCheckbox] = useState(true);\n const [dateCheckbox, setDateCheckbox] = useState(true);\n const [timeCheckbox, setTimeCheckbox] = useState(true);\n\n const [stampTextInputValue, setStampText] = useState('Draft');\n const [t] = useTranslation();\n\n const txt = updateTimestampLabel(usernameCheckbox, dateCheckbox, dateTime);\n const [timestampFormat, setTimestampFormat] = useState(txt);\n\n const [tooltipVisible, setTooltipVisible] = useState(false);\n const tooltipRef = useRef(null);\n const currentUser = core.getCurrentUser();\n const currentDateTime = new Date().toLocaleString();\n\n const handleClickOutside = (event) => {\n if (tooltipRef.current && !tooltipRef.current.contains(event.target)) {\n setTooltipVisible(false);\n }\n };\n\n useEffect(() => {\n if (tooltipVisible) {\n document.addEventListener('click', handleClickOutside);\n } else {\n document.removeEventListener('click', handleClickOutside);\n }\n\n return () => {\n document.removeEventListener('click', handleClickOutside);\n };\n }, [tooltipVisible]);\n\n const handleTooltipClick = () => {\n setTooltipVisible(!tooltipVisible);\n };\n\n const handleKeyDown = (event) => {\n if (event.key === 'Enter' || event.key === ' ') {\n event.preventDefault(); // Prevent default action for space key\n handleTooltipClick();\n }\n };\n\n const canvasRef = useRef();\n const canvasContainerRef = useRef();\n const inputRef = useRef();\n\n const updateCanvas = (title, subtitle, newState = state) => {\n const parameters = {\n canvas: canvasRef.current,\n title,\n subtitle,\n width: 300,\n height: 100,\n color: newState.color,\n textColor: newState.textColor,\n canvasParent: canvasContainerRef.current,\n font: newState.font,\n bold: newState.bold,\n italic: newState.italic,\n underline: newState.underline,\n strikeout: newState.strikeout,\n };\n\n const width = stampTool.drawCustomStamp(parameters);\n const dataURL = canvasRef.current.toDataURL();\n\n setState({\n ...newState,\n width,\n title,\n subtitle,\n height: parameters.height,\n dataURL,\n });\n };\n\n const handleInputChange = (e) => {\n const value = e.target.value || '';\n setStampText(value);\n setEmptyInput(!value);\n updateCanvas(value, timestampFormat);\n };\n\n useEffect(() => {\n updateCanvas(stampTextInputValue, timestampFormat, state);\n }, [userName]);\n\n const handleDateCheckboxChange = () => {\n setDateCheckbox(!dateCheckbox);\n const newDateTime = dateTimeFormatToString(defaultDateTimeFormat, !dateCheckbox, timeCheckbox);\n setDateTime(newDateTime);\n const txt = updateTimestampLabel(usernameCheckbox, (!dateCheckbox || timeCheckbox), newDateTime);\n setTimestampFormat(txt);\n updateCanvas(stampTextInputValue, txt);\n };\n\n const handleTimeCheckboxChange = () => {\n setTimeCheckbox(!timeCheckbox);\n const newDateTime = dateTimeFormatToString(defaultDateTimeFormat, dateCheckbox, !timeCheckbox);\n setDateTime(newDateTime);\n const txt = updateTimestampLabel(usernameCheckbox, (dateCheckbox || !timeCheckbox), newDateTime);\n setTimestampFormat(txt);\n updateCanvas(stampTextInputValue, txt);\n };\n\n const handleUsernameCheckbox = () => {\n setUsernameCheckbox(!usernameCheckbox);\n const txt = updateTimestampLabel(!usernameCheckbox, dateCheckbox, dateTime);\n setTimestampFormat(txt);\n updateCanvas(stampTextInputValue, txt);\n };\n\n const handleFontChange = (font) => {\n updateCanvas(stampTextInputValue, timestampFormat, {\n ...state,\n font,\n });\n };\n\n const onDateFormatChange = (newFormat) => {\n setDateTime(newFormat);\n const txt = updateTimestampLabel(usernameCheckbox, (dateCheckbox || timeCheckbox), newFormat);\n setTimestampFormat(txt);\n updateCanvas(stampTextInputValue, txt);\n };\n\n const handleRichTextStyleChange = (style) => {\n updateCanvas(stampTextInputValue, timestampFormat, {\n ...state,\n [style]: !state[style],\n });\n };\n\n const toggleBold = () => handleRichTextStyleChange('bold');\n const toggleItalic = () => handleRichTextStyleChange('italic');\n const toggleStrikeout = () => handleRichTextStyleChange('strikeout');\n const toggleUnderline = () => handleRichTextStyleChange('underline');\n\n const stampInputLabel = t('option.customStampModal.stampText');\n\n const getHexColor = (givenColor) => {\n if (givenColor && givenColor.A) {\n return givenColor.toHexString().toLowerCase();\n }\n return COMMON_COLORS['black'];\n };\n const openPicker = (addNew, type) => {\n const isText = type === 'text';\n openColorPicker();\n const handleVisiblityChanged = (e) => {\n const { element, isVisible } = e.detail;\n if (element === 'ColorPickerModal' && !isVisible) {\n const color = getCustomColorAndRemove();\n if (color) {\n const colorToBeAdded = getHexColor(color);\n isText ? setTextColor(colorToBeAdded) : setBackgroundColor(colorToBeAdded);\n const toolColors = window.Core.Tools.RubberStampCreateTool[isText ? 'TEXT_COLORS' : 'FILL_COLORS'];\n toolColors.push(colorToBeAdded);\n isText ? setTextColors(toolColors) : setBackgroundColors(toolColors);\n state = {\n ...state,\n [isText ? 'textColor' : 'color']: colorToBeAdded,\n };\n updateCanvas(stampTextInputValue, timestampFormat, state);\n }\n getInstanceNode().instance.UI.removeEventListener(Events.VISIBILITY_CHANGED, handleVisiblityChanged);\n }\n };\n getInstanceNode().instance.UI.addEventListener(Events.VISIBILITY_CHANGED, handleVisiblityChanged);\n };\n const deleteColor = (type) => {\n const isText = type === 'text';\n openDeleteModal(() => {\n const newColors = isText ?\n textColors.filter((color) => color !== textColorToBeDeleted) :\n backgroundColors.filter((color) => color !== backgroundColorToBeDeleted);\n isText ? setTextColors(newColors) : setBackgroundColors(newColors);\n isText ? setTextColorToBeDeleted(null) : setBackgroundColorToBeDeleted(null);\n window.Core.Tools.RubberStampCreateTool[isText ? 'TEXT_COLORS' : 'FILL_COLORS'] = newColors;\n });\n };\n\n const [backgroundColors, setBackgroundColors] = useState(window.Core.Tools.RubberStampCreateTool['FILL_COLORS']);\n const [backgroundColor, setBackgroundColor] = useState(state.color || window.Core.Tools.RubberStampCreateTool['FILL_COLORS'][0]);\n const [backgroundColorToBeDeleted, setBackgroundColorToBeDeleted] = useState(null);\n\n const [textColors, setTextColors] = useState(window.Core.Tools.RubberStampCreateTool['TEXT_COLORS']);\n const [textColor, setTextColor] = useState(window.Core.Tools.RubberStampCreateTool['TEXT_COLORS'][0]);\n const [textColorToBeDeleted, setTextColorToBeDeleted] = useState(null);\n\n const openColorPickerText = (addNew) => openPicker(addNew, 'text');\n const handleTextColorChange = (newColor) => {\n setTextColor(newColor);\n state = {\n ...state,\n textColor: newColor,\n };\n updateCanvas(stampTextInputValue, timestampFormat, state);\n };\n const handleTextColorDelete = () => deleteColor('text');\n\n const openColorPickerBackground = (addNew) => openPicker(addNew, 'fill');\n const handleBackgroundColorChange = (newColor) => {\n setBackgroundColor(newColor);\n state = {\n ...state,\n color: newColor,\n };\n updateCanvas(stampTextInputValue, timestampFormat, state);\n };\n const handleBackgroundColorDelete = () => deleteColor('fill');\n\n const formatsList = dateTimeFormats || [FALLBACK_DATE_TIME_FORMAT];\n const dateTimeDropdownItems = Array.from(new Set(\n formatsList.map((format) => dateTimeFormatToString(format, dateCheckbox, timeCheckbox))\n )).filter((format) => format !== '');\n\n\n return (\n <div className=\"text-customstamp\">\n <div className=\"canvas-container\" ref={canvasContainerRef}>\n <canvas\n className=\"custom-stamp-canvas\"\n ref={canvasRef}\n role={'img'}\n aria-label={`${t('option.customStampModal.previewCustomStamp')} ${stampTextInputValue}, ${currentUser} ${currentDateTime}`}\n />\n </div>\n <div className=\"scroll-container\">\n <div className=\"stamp-input-container\">\n <label htmlFor=\"stampTextInput\" className=\"stamp-label\"> {stampInputLabel}*</label>\n <input\n id=\"stampTextInput\"\n className={classNames('text-customstamp-input', { 'error': !stampTextInputValue })}\n ref={inputRef}\n type=\"text\"\n aria-label={stampInputLabel}\n value={stampTextInputValue}\n onChange={handleInputChange}\n />\n {!stampTextInputValue && <Icon glyph=\"icon-alert\" className=\"error-icon\" role=\"presentation\" />}\n <div className=\"empty-stamp-input\" aria-live=\"assertive\" >\n {!stampTextInputValue && <p className=\"no-margin\">{t('message.emptyCustomStampInput')}</p>}\n </div>\n </div>\n <div className=\"font-container\">\n <div className=\"stamp-sublabel\" id=\"custom-stamp-font-family-label\"> {t('option.customStampModal.fontStyle')} </div>\n <div className=\"font-inner-container\">\n <Dropdown\n id='custom-stamp-font'\n labelledById='custom-stamp-font-family-label'\n items={fonts}\n ariaLabel={t('option.customStampModal.fontStyle')}\n onClickItem={handleFontChange}\n currentSelectionKey={state.font || fonts[0]}\n getCustomItemStyle={(item) => ({ fontFamily: item })}\n maxHeight={200}\n />\n <Button\n dataElement=\"stampTextBoldButton\"\n onClick={toggleBold}\n img=\"icon-menu-bold\"\n title=\"option.richText.bold\"\n isActive={state.bold}\n ariaPressed={state.bold}\n />\n <Button\n dataElement=\"stampTextItalicButton\"\n onClick={toggleItalic}\n img=\"icon-menu-italic\"\n title=\"option.richText.italic\"\n isActive={state.italic}\n ariaPressed={state.italic}\n />\n <Button\n dataElement=\"stampTextUnderlineButton\"\n onClick={toggleUnderline}\n img=\"icon-menu-text-underline\"\n title=\"option.richText.underline\"\n isActive={state.underline}\n ariaPressed={state.underline}\n />\n <Button\n dataElement=\"stampTextStrikeoutButton\"\n onClick={toggleStrikeout}\n img=\"icon-tool-text-manipulation-strikethrough\"\n title=\"option.richText.strikeout\"\n isActive={state.strikeout}\n ariaPressed={state.strikeout}\n />\n </div>\n </div>\n <div className=\"color-container\">\n <div id='stamp-text-color-label' className=\"stamp-sublabel\">\n {t('option.customStampModal.textColor')}\n </div>\n <div className=\"colorpalette-container\">\n <ColorPalettePicker\n getHexColor={getHexColor}\n color={textColor}\n setColorToBeDeleted={setTextColorToBeDeleted}\n colorToBeDeleted={textColorToBeDeleted}\n customColors={textColors}\n onStyleChange={setTextColor}\n handleColorOnClick={handleTextColorChange}\n handleOnClick={handleTextColorChange}\n openColorPicker={openColorPickerText}\n openDeleteModal={handleTextColorDelete}\n ariaLabelledBy={'stamp-text-color-label'}\n toolTipXOffset={-7}\n disableTitle\n enableEdit\n colorsAreHex\n />\n </div>\n </div>\n <div className=\"color-container\">\n <div id=\"stamp-background-color-label\" className=\"stamp-sublabel\">\n {t('option.customStampModal.backgroundColor')}\n </div>\n <div className=\"colorpalette-container\">\n <ColorPalettePicker\n getHexColor={getHexColor}\n color={backgroundColor}\n setColorToBeDeleted={setBackgroundColorToBeDeleted}\n colorToBeDeleted={backgroundColorToBeDeleted}\n customColors={backgroundColors}\n onStyleChange={setBackgroundColor}\n handleColorOnClick={handleBackgroundColorChange}\n handleOnClick={handleBackgroundColorChange}\n openColorPicker={openColorPickerBackground}\n openDeleteModal={handleBackgroundColorDelete}\n ariaLabelledBy={'stamp-background-color-label'}\n toolTipXOffset={-7}\n disableTitle\n enableEdit\n colorsAreHex\n />\n </div>\n </div>\n <div className=\"timestamp-container\">\n <div id=\"timestamp-label\" className=\"stamp-sublabel\">\n {t('option.customStampModal.timestampText')}\n </div>\n <div className=\"timeStamp-choice\" role=\"group\" aria-labelledby=\"timestamp-label\">\n <Choice\n id=\"default-username\"\n checked={usernameCheckbox}\n onChange={handleUsernameCheckbox}\n label={t('option.customStampModal.Username')}\n />\n <Choice\n id=\"default-date\"\n checked={dateCheckbox}\n onChange={handleDateCheckboxChange}\n label={t('option.customStampModal.Date')}\n />\n <Choice\n id=\"default-time\"\n checked={timeCheckbox}\n onChange={handleTimeCheckboxChange}\n label={t('option.customStampModal.Time')}\n />\n </div>\n </div>\n {(dateCheckbox || timeCheckbox) && <div className=\"date-format-container\">\n <div className=\"stamp-sublabel\" id=\"custom-stamp-date-format-label\">{t('option.customStampModal.dateFormat')}</div>\n <button\n className=\"hover-icon\"\n ref={tooltipRef}\n onClick={handleTooltipClick}\n aria-label={`${t('option.customStampModal.dateToolTipLabel')}`}\n type=\"button\"\n tabIndex=\"0\"\n onKeyDown={handleKeyDown}\n style={{\n background: 'none',\n border: 'none',\n padding: 0,\n display: 'flex',\n alignItems: 'flex-start', // Aligns the content to the top\n cursor: 'pointer'\n }}\n >\n <Icon glyph=\"icon-info\" />\n {tooltipVisible &&\n (<div className=\"date-format-description\">\n <div className=\"date-format-cell\">M = {t('option.customStampModal.month')}</div>\n <div className=\"date-format-cell\">D = {t('option.customStampModal.day')}</div>\n <div className=\"date-format-cell\">Y = {t('option.customStampModal.year')}</div>\n <div className=\"date-format-cell\">H = {t('option.customStampModal.hour')} (24hr)</div>\n <div className=\"date-format-cell\">h = {t('option.customStampModal.hour')} (12hr)</div>\n <div className=\"date-format-cell\">m = {t('option.customStampModal.minute')}</div>\n <div className=\"date-format-cell\">s = {t('option.customStampModal.second')}</div>\n <div className=\"date-format-cell\">A = AM/PM</div>\n </div>\n )\n }\n </button>\n <Dropdown\n id='custom-stamp-date-format-dropdown'\n labelledById='custom-stamp-date-format-label'\n items={dateTimeDropdownItems}\n ariaLabel={`${t('option.customStampModal.dateFormat')} - ${dateTime}`}\n currentSelectionKey={dateTime}\n onClickItem={onDateFormatChange}\n maxHeight={200}\n />\n </div>}\n </div>\n </div>\n );\n};\n\nCustomStampForums.propTypes = propTypes;\n\nexport default CustomStampForums;\n","import React, { useEffect, useState, useRef, useLayoutEffect } from 'react';\nimport classNames from 'classnames';\nimport { useSelector, useDispatch, useStore } from 'react-redux';\nimport core from 'core';\nimport actions from 'actions';\nimport selectors from 'selectors';\nimport { useTranslation } from 'react-i18next';\nimport CustomStampForums from './CustomStampForums';\nimport Button from 'components/Button';\nimport DataElements from 'constants/dataElement';\nimport ModalWrapper from 'components/ModalWrapper';\nimport useFocusOnClose from 'hooks/useFocusOnClose';\n\nimport './CreateStampModal.scss';\n\nconst TOOL_NAME = 'AnnotationCreateRubberStamp';\nconst fillColors = window.Core.Tools.RubberStampCreateTool['FILL_COLORS'];\n\nconst CustomStampModal = () => {\n const [state, setState] = useState({ font: 'Helvetica', bold: true, color: fillColors[0] });\n const stampToolArray = core.getToolsFromAllDocumentViewers(TOOL_NAME);\n const [t] = useTranslation();\n const store = useStore();\n const [emptyInput, setEmptyInput] = useState(false);\n const customStampModalOverlayRef = useRef(null);\n const modalWrapperRef = useRef(null);\n const [isOpen, fonts, dateTimeFormats, userName] = useSelector((state) => [\n selectors.isElementOpen(state, DataElements.CUSTOM_STAMP_MODAL),\n selectors.getFonts(state),\n selectors.getDateTimeFormats(state),\n selectors.getUserName(state),\n ]);\n const dispatch = useDispatch();\n\n const updateOverflow = () => {\n const currentModalOverlayElement = customStampModalOverlayRef.current;\n if (!currentModalOverlayElement) {\n return;\n }\n\n const modalElementContainer = modalWrapperRef.current;\n if (!modalElementContainer) {\n return;\n }\n\n const customStampModalRect = currentModalOverlayElement.getBoundingClientRect();\n const modalContainerRect = modalElementContainer.getBoundingClientRect();\n const enableScrollBar = customStampModalRect.height > 0 && modalContainerRect.height >= customStampModalRect.height;\n\n if (enableScrollBar) {\n modalElementContainer.style.overflow = 'auto';\n } else {\n modalElementContainer.style.overflow = 'visible';\n }\n };\n\n useLayoutEffect(() => {\n if (!isOpen) {\n return;\n }\n updateOverflow();\n window.addEventListener('resize', updateOverflow);\n\n return () => {\n window.removeEventListener('resize', updateOverflow);\n };\n }, [isOpen]);\n\n useEffect(() => {\n if (isOpen) {\n core.deselectAllAnnotations();\n }\n }, [isOpen]);\n\n const closeModal = useFocusOnClose(() => {\n dispatch(actions.closeElement(DataElements.CUSTOM_STAMP_MODAL));\n });\n\n const openColorPicker = () => {\n dispatch(actions.openElement('ColorPickerModal'));\n };\n\n const getCustomColorAndRemove = () => {\n const customColor = selectors.getCustomColor(store.getState());\n dispatch(actions.setCustomColor(null));\n return customColor;\n };\n\n const openDeleteModal = async (onConfirm) => {\n const message = t('warning.colorPicker.deleteMessage');\n const title = t('warning.colorPicker.deleteTitle');\n const confirmBtnText = t('action.ok');\n\n const warning = {\n message,\n title,\n confirmBtnText,\n onConfirm,\n };\n dispatch(actions.showWarningMessage(warning));\n };\n\n const modalClass = classNames({\n Modal: true,\n CustomStampModal: true,\n open: isOpen,\n closed: !isOpen,\n });\n\n const createCustomStamp = async () => {\n core.setToolMode(TOOL_NAME);\n for (const stampTool of stampToolArray) {\n stampTool.addCustomStamp(state);\n const annot = await stampTool.createCustomStampAnnotation(state);\n await stampTool.setRubberStamp(annot);\n stampTool.showPreview();\n }\n dispatch(actions.closeElement(DataElements.CUSTOM_STAMP_MODAL));\n const standardStampCount = stampToolArray[0].getStandardStamps().length;\n const customStampCount = stampToolArray[0].getCustomStamps().length;\n dispatch(actions.setSelectedStampIndex(standardStampCount + customStampCount - 1));\n };\n\n const onCreateCustomStampClick = useFocusOnClose(() => {\n if (emptyInput) {\n return;\n }\n createCustomStamp();\n });\n\n return (\n isOpen ?\n <div\n className={modalClass}\n data-element={DataElements.CUSTOM_STAMP_MODAL}\n ref={customStampModalOverlayRef}\n >\n <ModalWrapper\n ref={modalWrapperRef}\n title={t('option.customStampModal.modalName')}\n closeHandler={closeModal}\n onCloseClick={closeModal}\n isOpen={isOpen}\n swipeToClose\n >\n <div className=\"container\" onMouseDown={(e) => e.stopPropagation()}>\n <CustomStampForums\n openDeleteModal={openDeleteModal}\n getCustomColorAndRemove={getCustomColorAndRemove}\n openColorPicker={openColorPicker}\n isModalOpen={isOpen}\n state={state}\n setState={setState}\n closeModal={closeModal}\n setEmptyInput={setEmptyInput}\n fonts={fonts}\n dateTimeFormats={dateTimeFormats}\n stampTool={stampToolArray[0]}\n userName={userName}\n />\n <div className=\"footer\">\n <Button\n label={t('action.create')}\n title={t('action.create')}\n onClick={onCreateCustomStampClick}\n disabled={emptyInput}\n className=\"stamp-create\"\n />\n </div>\n </div>\n </ModalWrapper>\n </div>\n :\n null\n );\n};\n\nexport default CustomStampModal;\n","import CreateStampModal from './CreateStampModal';\n\nexport default CreateStampModal;\n"],"sourceRoot":""}
1
+ {"version":3,"sources":["webpack:///./src/ui/src/components/CreateStampModal/CustomStampForums.scss?dbb6","webpack:///./src/ui/src/components/CreateStampModal/CustomStampForums.scss","webpack:///./src/ui/src/components/CreateStampModal/CreateStampModal.scss?3bb8","webpack:///./src/ui/src/components/CreateStampModal/CreateStampModal.scss","webpack:///./src/ui/src/components/CreateStampModal/CustomStampForums.js","webpack:///./src/ui/src/components/CreateStampModal/CreateStampModal.js","webpack:///./src/ui/src/components/CreateStampModal/index.js"],"names":["api","content","__esModule","default","module","i","options","styleTag","window","isApryseWebViewerWebComponent","document","head","appendChild","webComponents","getElementsByTagName","length","findNestedWebComponents","tagName","root","elements","querySelectorAll","forEach","el","push","shadowRoot","clonedStyleTags","webComponent","onload","styleNode","innerHTML","cloneNode","exports","locals","FALLBACK_DATE_TIME_FORMAT","date","time","timeFirst","dateTimeFormatToString","format","useDate","arguments","undefined","useTime","concat","propTypes","state","PropTypes","object","setState","func","setEmptyInput","fonts","array","openColorPicker","getCustomColorAndRemove","openDeleteModal","dateTimeFormats","stampTool","userName","string","CustomStampForums","_ref","updateTimestampLabel","usernameChk","dateChk","dateTime","tmpText","defaultDateTimeFormat","_useState2","_slicedToArray","useState","setDateTime","_useState4","usernameCheckbox","setUsernameCheckbox","_useState6","dateCheckbox","setDateCheckbox","_useState8","timeCheckbox","setTimeCheckbox","_useState0","stampTextInputValue","setStampText","t","useTranslation","txt","_useState10","timestampFormat","setTimestampFormat","_useState12","tooltipVisible","setTooltipVisible","tooltipRef","useRef","currentUser","core","getCurrentUser","currentDateTime","Date","toLocaleString","handleClickOutside","event","current","contains","target","useEffect","addEventListener","removeEventListener","handleTooltipClick","canvasRef","canvasContainerRef","inputRef","updateCanvas","title","subtitle","newState","parameters","canvas","width","height","color","textColor","canvasParent","font","bold","italic","underline","strikeout","drawCustomStamp","dataURL","toDataURL","_objectSpread","handleRichTextStyleChange","style","_defineProperty","stampInputLabel","getHexColor","givenColor","A","toHexString","toLowerCase","COMMON_COLORS","openPicker","addNew","type","isText","handleVisiblityChanged","e","_e$detail","detail","element","isVisible","colorToBeAdded","setTextColor","setBackgroundColor","toolColors","Core","Tools","RubberStampCreateTool","setTextColors","setBackgroundColors","getInstanceNode","instance","UI","Events","VISIBILITY_CHANGED","deleteColor","newColors","textColors","filter","textColorToBeDeleted","backgroundColors","backgroundColorToBeDeleted","setTextColorToBeDeleted","setBackgroundColorToBeDeleted","_useState14","_useState16","backgroundColor","_useState18","_useState20","_useState22","_useState24","handleTextColorChange","newColor","handleBackgroundColorChange","formatsList","dateTimeDropdownItems","Array","from","Set","map","React","createElement","className","ref","role","aria-label","htmlFor","id","classNames","value","onChange","Icon","glyph","aria-live","Dropdown","labelledById","items","ariaLabel","onClickItem","currentSelectionKey","getCustomItemStyle","item","fontFamily","maxHeight","Button","dataElement","onClick","img","isActive","ariaPressed","ColorPalettePicker","setColorToBeDeleted","colorToBeDeleted","customColors","onStyleChange","handleColorOnClick","handleOnClick","ariaLabelledBy","toolTipXOffset","disableTitle","enableEdit","colorsAreHex","aria-labelledby","Choice","checked","label","newDateTime","tabIndex","onKeyDown","key","preventDefault","background","border","padding","display","alignItems","cursor","newFormat","r","Symbol","n","iterator","o","toStringTag","c","prototype","Generator","u","Object","create","_regeneratorDefine2","f","p","y","G","v","a","d","bind","l","TypeError","call","done","GeneratorFunction","GeneratorFunctionPrototype","getPrototypeOf","setPrototypeOf","__proto__","displayName","_regenerator","w","m","defineProperty","enumerable","configurable","writable","_invoke","asyncGeneratorStep","Promise","resolve","then","_asyncToGenerator","apply","_next","_throw","isArray","_arrayWithHoles","next","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","_arrayLikeToArray","toString","slice","constructor","name","test","fillColors","CustomStampModal","stampToolArray","getToolsFromAllDocumentViewers","store","useStore","emptyInput","customStampModalOverlayRef","modalWrapperRef","_useSelector2","useSelector","selectors","isElementOpen","DataElements","CUSTOM_STAMP_MODAL","getFonts","getDateTimeFormats","getUserName","isOpen","dispatch","useDispatch","updateOverflow","currentModalOverlayElement","modalElementContainer","customStampModalRect","getBoundingClientRect","modalContainerRect","enableScrollBar","overflow","useLayoutEffect","deselectAllAnnotations","closeModal","useFocusOnClose","actions","closeElement","_callee","onConfirm","message","confirmBtnText","warning","_context","showWarningMessage","_x","modalClass","Modal","open","closed","createCustomStamp","_ref2","_callee2","_iterator","_step","annot","standardStampCount","customStampCount","_t","_context2","setToolMode","_createForOfIteratorHelper","s","addCustomStamp","createCustomStampAnnotation","setRubberStamp","showPreview","getStandardStamps","getCustomStamps","setSelectedStampIndex","onCreateCustomStampClick","data-element","ModalWrapper","closeHandler","onCloseClick","swipeToClose","onMouseDown","stopPropagation","customColor","getCustomColor","getState","setCustomColor","openElement","isModalOpen","disabled","CreateStampModal"],"mappings":"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","file":"chunks/chunk.50.js","sourcesContent":["var api = require(\"!../../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\");\n var content = require(\"!!../../../../../node_modules/css-loader/index.js!../../../../../node_modules/postcss-loader/src/index.js??postcss!../../../../../node_modules/sass-loader/dist/cjs.js!./CustomStampForums.scss\");\n\n content = content.__esModule ? content.default : content;\n\n if (typeof content === 'string') {\n content = [[module.id, content, '']];\n }\n\nvar options = {};\n\noptions.insert = function(styleTag) {\n function findNestedWebComponents(tagName, root = document) {\n const elements = [];\n\n // Check direct children\n root.querySelectorAll(tagName).forEach((el) => elements.push(el));\n\n // Check shadow DOMs\n root.querySelectorAll('*').forEach((el) => {\n if (el.shadowRoot) {\n elements.push(...findNestedWebComponents(tagName, el.shadowRoot));\n }\n });\n\n return elements;\n }\n if (!window.isApryseWebViewerWebComponent) {\n document.head.appendChild(styleTag);\n return;\n }\n\n let webComponents;\n // First we see if the webcomponent is at the document level\n webComponents = document.getElementsByTagName('apryse-webviewer');\n // If not, we check have to check if it is nested in another webcomponent\n if (!webComponents.length) {\n webComponents = findNestedWebComponents('apryse-webviewer');\n }\n // Now we append the style tag to each webcomponent\n const clonedStyleTags = [];\n for (let i = 0; i < webComponents.length; i++) {\n const webComponent = webComponents[i];\n if (i === 0) {\n webComponent.shadowRoot.appendChild(styleTag);\n styleTag.onload = function() {\n if (clonedStyleTags.length > 0) {\n clonedStyleTags.forEach((styleNode) => {\n // eslint-disable-next-line no-unsanitized/property\n styleNode.innerHTML = styleTag.innerHTML;\n });\n }\n };\n } else {\n const styleNode = styleTag.cloneNode(true);\n webComponent.shadowRoot.appendChild(styleNode);\n clonedStyleTags.push(styleNode);\n }\n }\n };\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nmodule.exports = content.locals || {};","exports = module.exports = require(\"../../../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \":host{display:inline-block;container-type:inline-size;width:100%;height:100%;overflow:hidden}@media(min-width:901px){.App:not(.is-web-component) .hide-in-desktop{display:none}}@container (min-width: 901px){.hide-in-desktop{display:none}}@media(min-width:641px)and (max-width:900px){.App:not(.is-in-desktop-only-mode):not(.is-web-component) .hide-in-tablet{display:none}}@container (min-width: 641px) and (max-width: 900px){.App.is-web-component:not(.is-in-desktop-only-mode) .hide-in-tablet{display:none}}@media(max-width:640px)and (min-width:431px){.App:not(.is-web-component) .hide-in-mobile{display:none}}@container (max-width: 640px) and (min-width: 431px){.App.is-web-component .hide-in-mobile{display:none}}@media(max-width:430px){.App:not(.is-web-component) .hide-in-small-mobile{display:none}}@container (max-width: 430px){.App.is-web-component .hide-in-small-mobile{display:none}}.always-hide{display:none}.text-customstamp .color-container .ColorPalette .cell-tool:hover{cursor:pointer;border:none;box-shadow:inset 0 0 0 1px var(--blue-6);color:var(--blue-6);background-color:var(--faded-component-background)}.text-customstamp{padding:16px;margin:0;display:flex;flex-direction:column}@media(max-width:640px){.App:not(.is-in-desktop-only-mode):not(.is-web-component) .text-customstamp{width:100%;padding:4px 8px}.App:not(.is-in-desktop-only-mode):not(.is-web-component) .text-customstamp .scroll-container{width:100%;max-height:50%;padding-bottom:0;margin-bottom:0;overflow-y:auto;overflow-x:visible}}@container (max-width: 640px){.App.is-web-component:not(.is-in-desktop-only-mode) .text-customstamp{width:100%;padding:4px 8px}.App.is-web-component:not(.is-in-desktop-only-mode) .text-customstamp .scroll-container{width:100%;max-height:50%;padding-bottom:0;margin-bottom:0;overflow-y:auto;overflow-x:visible}}.text-customstamp-input{outline:none;border-radius:4px;border:1px solid var(--gray-6);box-shadow:none;padding:5px}.text-customstamp .txt-uppercase{text-transform:uppercase}.text-customstamp-container{position:relative;margin-top:10px;flex:1;border:1px solid var(--modal-stroke-and-border);border-radius:4px;overflow:auto}.text-customstamp-container canvas{position:absolute;visibility:hidden;z-index:-1;width:100%;height:100%}.text-customstamp-inner-container{position:absolute;min-width:100%}.text-customstamp .canvas-container{border:1px solid var(--gray-6);box-sizing:border-box;position:relative;overflow:hidden;background-color:var(--signature-draw-background);display:flex;flex-direction:row;justify-content:center;padding:48px 74px;border-radius:4px}@media(max-width:640px){.App:not(.is-in-desktop-only-mode):not(.is-web-component) .text-customstamp .canvas-container{padding:12px .5px}}@container (max-width: 640px){.App.is-web-component:not(.is-in-desktop-only-mode) .text-customstamp .canvas-container{padding:12px .5px}}.text-customstamp .canvas-container .custom-stamp-canvas{box-sizing:border-box}@media(max-width:430px){.text-customstamp .canvas-container .custom-stamp-canvas{transform:scale(.8)}}.text-customstamp .color-container{margin-top:16px;width:100%}.text-customstamp .color-container .ColorPalette{display:flex;flex-wrap:wrap;width:100%;grid-gap:4px;gap:4px}@media(max-width:640px){.App:not(.is-in-desktop-only-mode):not(.is-web-component) .text-customstamp .color-container .ColorPalette{padding:4px}}@container (max-width: 640px){.App.is-web-component:not(.is-in-desktop-only-mode) .text-customstamp .color-container .ColorPalette{padding:4px}}.text-customstamp .color-container .ColorPalette .cell-outer{margin-inline-end:16px}.text-customstamp .color-container .ColorPalette .cell-outer.active{margin-inline-start:-4px;margin-inline-end:10px;width:28px;height:28px}.text-customstamp .color-container .ColorPalette .cell-outer .cell{width:16px;height:16px}.text-customstamp .color-container .ColorPalette .cell-container{flex:unset;width:auto;height:auto}.text-customstamp .color-container .ColorPalette .cell-tool{margin-inline-end:8px;margin-inline-start:-4px}.text-customstamp .color-container .ColorPalette .cell-tool .cell-outer{margin:4px}.text-customstamp .color-container .ColorPalette .cell-tool.active{box-shadow:inset 0 0 0 1px var(--blue-5);background:var(--tools-button-active)}.text-customstamp .color-container .ColorPalette .cell-tool.active .Icon{color:var(--blue-5)}.text-customstamp .color-container .ColorPalette .cell-tool:disabled{box-shadow:none;background:transparent}.text-customstamp .stamp-input-container{margin-top:16px;padding:0;position:relative}.text-customstamp .stamp-input-container .text-customstamp-input{margin-top:8px;height:32px;width:100%;padding:6px}.text-customstamp .stamp-input-container .text-customstamp-input.error{border:1px solid var(--error-text-color)}.text-customstamp .stamp-input-container .error-icon{position:absolute;inset-inline-end:8px;inset-block-start:28px;color:var(--error-text-color)}@media(max-width:640px){.App:not(.is-in-desktop-only-mode):not(.is-web-component) .text-customstamp .stamp-input-container .error-icon{inset-block-start:30px}}@container (max-width: 640px){.App.is-web-component:not(.is-in-desktop-only-mode) .text-customstamp .stamp-input-container .error-icon{inset-block-start:30px}}.text-customstamp .stamp-input-container .empty-stamp-input{height:16px;margin-top:4px;color:var(--error-text-color)}.text-customstamp .stamp-label,.text-customstamp .stamp-sublabel{font-weight:700;margin-bottom:8px;text-transform:capitalize}@media(max-width:640px){.App:not(.is-in-desktop-only-mode):not(.is-web-component) .text-customstamp .stamp-label,.App:not(.is-in-desktop-only-mode):not(.is-web-component) .text-customstamp .stamp-sublabel{font-size:13px;height:16px}}@container (max-width: 640px){.App.is-web-component:not(.is-in-desktop-only-mode) .text-customstamp .stamp-label,.App.is-web-component:not(.is-in-desktop-only-mode) .text-customstamp .stamp-sublabel{font-size:13px;height:16px}}.text-customstamp .timestamp-container{margin-top:16px;padding:0}.text-customstamp .timestamp-container .timeStamp-choice{height:16px;display:grid;width:100%;grid-template-columns:22.32% 22.32% 22.32% 33.04%;grid-gap:16px}@media(max-width:430px){.text-customstamp .timestamp-container .timeStamp-choice{grid-template-columns:30% 30% 30%;height:100%;font-size:13px}}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.text-customstamp .timestamp-container .timeStamp-choice .ui__choice{display:-ms-inline-flexbox;width:33.33%}}.text-customstamp .timestamp-container .timeStamp-choice .ui__choice{margin:0;line-height:1}.text-customstamp .timestamp-container .timeStamp-choice .ui__choice .ui__choice__label{padding-inline-start:4px}.text-customstamp .date-format-container{margin-top:16px;display:flex;flex-wrap:wrap}.text-customstamp .date-format-container .Dropdown__wrapper{width:100%}.text-customstamp .date-format-container .Dropdown__wrapper .Dropdown{height:32px;width:100%!important;text-align:start}.text-customstamp .date-format-container .Dropdown__wrapper .arrow{flex:unset}.text-customstamp .date-format-container .Dropdown__wrapper .Dropdown__items{z-index:101;inset-block-start:auto;inset-inline-start:0;inset-inline-end:auto}@media(max-width:640px){.App:not(.is-in-desktop-only-mode):not(.is-web-component) .text-customstamp .date-format-container .Dropdown__wrapper .Dropdown__items{max-height:200px}}@container (max-width: 640px){.App.is-web-component:not(.is-in-desktop-only-mode) .text-customstamp .date-format-container .Dropdown__wrapper .Dropdown__items{max-height:200px}}.text-customstamp .date-format-container .Dropdown__wrapper .Dropdown__items.hide{height:0}.text-customstamp .date-format-container .hover-icon{margin-inline-start:2px;position:relative}.text-customstamp .date-format-container .hover-icon .Icon{width:18px;height:18px}.text-customstamp .date-format-container .hover-icon .date-format-description{display:flex;flex-direction:column;text-align:start;position:absolute;background-color:#000;border-radius:5px;padding:12px;color:#fff;width:120px;z-index:101;inset-block-end:100%;inset-block-start:auto;inset-inline-start:0;inset-inline-end:auto}.text-customstamp .date-format-container .hover-icon:hover .Icon{color:var(--blue-6)}.text-customstamp .font-container{margin-top:8px}.text-customstamp .font-container .font-inner-container{display:flex;grid-gap:12px;gap:12px}@media(max-width:640px){.App:not(.is-in-desktop-only-mode):not(.is-web-component) .text-customstamp .font-container .font-inner-container{grid-gap:6px;gap:6px}}@container (max-width: 640px){.App.is-web-component:not(.is-in-desktop-only-mode) .text-customstamp .font-container .font-inner-container{grid-gap:6px;gap:6px}}.text-customstamp .font-container .stamp-sublabel{font-weight:700;margin-bottom:8px}@media(max-width:640px){.App:not(.is-in-desktop-only-mode):not(.is-web-component) .text-customstamp .font-container .stamp-sublabel{font-size:13px;height:16px}}@container (max-width: 640px){.App.is-web-component:not(.is-in-desktop-only-mode) .text-customstamp .font-container .stamp-sublabel{font-size:13px;height:16px}}.text-customstamp .font-container .Dropdown__wrapper .Dropdown{margin-inline-end:4px;height:32px;width:268px!important;text-align:start}@media(max-width:640px){.App:not(.is-in-desktop-only-mode):not(.is-web-component) .text-customstamp .font-container .Dropdown__wrapper .Dropdown{width:200px!important}}@container (max-width: 640px){.App.is-web-component:not(.is-in-desktop-only-mode) .text-customstamp .font-container .Dropdown__wrapper .Dropdown{width:200px!important}}.text-customstamp .font-container .Dropdown__wrapper .arrow{flex:unset}.text-customstamp .font-container .Dropdown__wrapper .Dropdown__items{inset-block-start:auto;inset-inline-start:0;inset-inline-end:auto;width:268px!important}@media(max-width:640px){.App:not(.is-in-desktop-only-mode):not(.is-web-component) .text-customstamp .font-container .Dropdown__wrapper .Dropdown__items{inset-block-end:auto;height:200px;width:200px!important}}@container (max-width: 640px){.App.is-web-component:not(.is-in-desktop-only-mode) .text-customstamp .font-container .Dropdown__wrapper .Dropdown__items{inset-block-end:auto;height:200px;width:200px!important}}.text-customstamp .font-container .Button{background:none;width:32px;height:32px;margin:0}.text-customstamp .font-container .Button .Icon{height:24px;width:24px;color:var(--icon-color)}.text-customstamp .font-container .Button:hover{background:var(--popup-button-hover)}.text-customstamp .font-container .Button:hover .Icon .cls-1{fill:currentColor}.text-customstamp .font-container .Button.active{background:var(--popup-button-active)}.text-customstamp .font-container .Button.active .Icon{color:var(--blue-5)}.text-customstamp .font-container .Button.active .Icon .cls-1{fill:currentColor}.text-customstamp .custom-checkbox{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-bottom:5px;margin-top:5px}.text-customstamp .custom-checkbox input{display:none}.text-customstamp .custom-checkbox input+label:before{cursor:pointer;content:\\\"\\\";margin:1px 10px 0 0;display:inline-block;vertical-align:text-top;width:16px;height:16px;border-radius:4px;border:1px solid #979797}.text-customstamp .custom-checkbox input:checked+label:before{background:#00a5e4;border:1px solid transparent}.text-customstamp .custom-checkbox input:checked+label:after{content:\\\"\\\";position:absolute;inset-inline-start:4px;inset-block-start:9px;background:var(--gray-0);width:2px;height:2px;box-shadow:2px 0 0 var(--gray-0),4px 0 0 var(--gray-0),4px -2px 0 var(--gray-0),4px -4px 0 var(--gray-0),4px -6px 0 var(--gray-0),4px -8px 0 var(--gray-0);transform:rotate(45deg)}.text-customstamp .custom-checkbox label{align-items:center}\", \"\"]);\n\n// exports\nexports.locals = {\n\t\"LEFT_HEADER_WIDTH\": \"41px\",\n\t\"RIGHT_HEADER_WIDTH\": \"41px\"\n};","var api = require(\"!../../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\");\n var content = require(\"!!../../../../../node_modules/css-loader/index.js!../../../../../node_modules/postcss-loader/src/index.js??postcss!../../../../../node_modules/sass-loader/dist/cjs.js!./CreateStampModal.scss\");\n\n content = content.__esModule ? content.default : content;\n\n if (typeof content === 'string') {\n content = [[module.id, content, '']];\n }\n\nvar options = {};\n\noptions.insert = function(styleTag) {\n function findNestedWebComponents(tagName, root = document) {\n const elements = [];\n\n // Check direct children\n root.querySelectorAll(tagName).forEach((el) => elements.push(el));\n\n // Check shadow DOMs\n root.querySelectorAll('*').forEach((el) => {\n if (el.shadowRoot) {\n elements.push(...findNestedWebComponents(tagName, el.shadowRoot));\n }\n });\n\n return elements;\n }\n if (!window.isApryseWebViewerWebComponent) {\n document.head.appendChild(styleTag);\n return;\n }\n\n let webComponents;\n // First we see if the webcomponent is at the document level\n webComponents = document.getElementsByTagName('apryse-webviewer');\n // If not, we check have to check if it is nested in another webcomponent\n if (!webComponents.length) {\n webComponents = findNestedWebComponents('apryse-webviewer');\n }\n // Now we append the style tag to each webcomponent\n const clonedStyleTags = [];\n for (let i = 0; i < webComponents.length; i++) {\n const webComponent = webComponents[i];\n if (i === 0) {\n webComponent.shadowRoot.appendChild(styleTag);\n styleTag.onload = function() {\n if (clonedStyleTags.length > 0) {\n clonedStyleTags.forEach((styleNode) => {\n // eslint-disable-next-line no-unsanitized/property\n styleNode.innerHTML = styleTag.innerHTML;\n });\n }\n };\n } else {\n const styleNode = styleTag.cloneNode(true);\n webComponent.shadowRoot.appendChild(styleNode);\n clonedStyleTags.push(styleNode);\n }\n }\n };\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nmodule.exports = content.locals || {};","exports = module.exports = require(\"../../../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \".open.CustomStampModal{visibility:visible}.closed.CustomStampModal{visibility:hidden}:host{display:inline-block;container-type:inline-size;width:100%;height:100%;overflow:hidden}@media(min-width:901px){.App:not(.is-web-component) .hide-in-desktop{display:none}}@container (min-width: 901px){.hide-in-desktop{display:none}}@media(min-width:641px)and (max-width:900px){.App:not(.is-in-desktop-only-mode):not(.is-web-component) .hide-in-tablet{display:none}}@container (min-width: 641px) and (max-width: 900px){.App.is-web-component:not(.is-in-desktop-only-mode) .hide-in-tablet{display:none}}@media(max-width:640px)and (min-width:431px){.App:not(.is-web-component) .hide-in-mobile{display:none}}@container (max-width: 640px) and (min-width: 431px){.App.is-web-component .hide-in-mobile{display:none}}@media(max-width:430px){.App:not(.is-web-component) .hide-in-small-mobile{display:none}}@container (max-width: 430px){.App.is-web-component .hide-in-small-mobile{display:none}}.always-hide{display:none}.CustomStampModal .footer .modal-button.confirm:hover{background:var(--primary-button-hover);border-color:var(--primary-button-hover);color:var(--gray-0)}.CustomStampModal .footer .modal-button.confirm{background:var(--primary-button);border-color:var(--primary-button);color:var(--primary-button-text)}.CustomStampModal .footer .modal-button.confirm.disabled{cursor:default;background:var(--disabled-button-color);color:var(--primary-button-text)}.CustomStampModal .footer .modal-button.confirm.disabled span{color:var(--primary-button-text)}.CustomStampModal .footer .modal-button.cancel:hover,.CustomStampModal .footer .modal-button.secondary-btn-custom:hover{border:none;box-shadow:inset 0 0 0 1px var(--blue-6);color:var(--blue-6)}.CustomStampModal .footer .modal-button.cancel,.CustomStampModal .footer .modal-button.secondary-btn-custom{border:none;box-shadow:inset 0 0 0 1px var(--primary-button);color:var(--primary-button)}.CustomStampModal .footer .modal-button.cancel.disabled,.CustomStampModal .footer .modal-button.secondary-btn-custom.disabled{cursor:default;border:none;box-shadow:inset 0 0 0 1px rgba(43,115,171,.5);color:rgba(43,115,171,.5)}.CustomStampModal .footer .modal-button.cancel.disabled span,.CustomStampModal .footer .modal-button.secondary-btn-custom.disabled span{color:rgba(43,115,171,.5)}.CustomStampModal{position:fixed;inset-inline-start:0;inset-block-end:0;z-index:100;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:var(--modal-negative-space)}.CustomStampModal .modal-container .wrapper .modal-content{padding:10px}.CustomStampModal .footer{display:flex;flex-direction:row;justify-content:flex-end;width:100%;margin-top:13px}.CustomStampModal .footer.modal-footer{padding:16px;margin:0;border-top:1px solid var(--divider)}.CustomStampModal .footer .modal-button{display:flex;justify-content:center;align-items:center;padding:6px 18px;margin:8px 0 0;width:auto;width:-moz-fit-content;width:fit-content;border-radius:4px;height:30px;cursor:pointer}.CustomStampModal .footer .modal-button.confirm{margin-inline-start:4px}.CustomStampModal .footer .modal-button.secondary-btn-custom{border-radius:4px;padding:2px 20px 4px;cursor:pointer}@media(max-width:640px){.App:not(.is-in-desktop-only-mode):not(.is-web-component) .CustomStampModal .footer .modal-button{padding:23px 8px}}@container (max-width: 640px){.App.is-web-component:not(.is-in-desktop-only-mode) .CustomStampModal .footer .modal-button{padding:23px 8px}}.CustomStampModal .swipe-indicator{background:var(--swipe-indicator-bg);border-radius:2px;height:4px;width:38px;position:absolute;inset-block-start:12px;margin-inline-start:auto;margin-inline-end:auto;inset-inline-start:0;inset-inline-end:0}@media(min-width:641px){.App:not(.is-in-desktop-only-mode):not(.is-web-component) .CustomStampModal .swipe-indicator{display:none}}@container (min-width: 641px){.App.is-web-component:not(.is-in-desktop-only-mode) .CustomStampModal .swipe-indicator{display:none}}@media(max-width:640px){.App:not(.is-in-desktop-only-mode):not(.is-web-component) .CustomStampModal .swipe-indicator{width:32px}}@container (max-width: 640px){.App.is-web-component:not(.is-in-desktop-only-mode) .CustomStampModal .swipe-indicator{width:32px}}.CustomStampModal .modal-container{display:flex;flex-direction:column;width:480px;padding:0;border-radius:4px;background:var(--component-background);overflow:visible;max-height:100%}@media(max-width:640px){.App:not(.is-in-desktop-only-mode):not(.is-web-component) .CustomStampModal .modal-container{width:100%;border-radius:0;inset-inline-start:0;inset-block-end:0}}@container (max-width: 640px){.App.is-web-component:not(.is-in-desktop-only-mode) .CustomStampModal .modal-container{width:100%;border-radius:0;inset-inline-start:0;inset-block-end:0}}.CustomStampModal .modal-container .header{box-shadow:inset 0 -1px 0 var(--modal-stroke-and-border);margin:0;display:flex;align-items:center;width:100%;padding:16px}.CustomStampModal .modal-container .header p{font-size:16px;font-weight:700;width:89.286%;margin:0;margin-inline-end:16px}.CustomStampModal .modal-container .header .Button{position:static;height:32px;width:32px;border-radius:4px}.CustomStampModal .modal-container .header .Button:hover{background:var(--popup-button-hover)}.CustomStampModal .modal-container .header .Button.selected{background:var(--popup-button-active);cursor:default}.CustomStampModal .modal-container .footer{display:flex;align-items:center;flex-direction:row-reverse;justify-content:space-between;margin:0;inset-block-start:460px;padding:16px;box-shadow:inset 0 1px 0 var(--modal-stroke-and-border)}.CustomStampModal .modal-container .footer .stamp-close{border:none;background-color:transparent;color:var(--secondary-button-text);padding:0 8px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer}:host(:not([data-tabbing=true])) .CustomStampModal .modal-container .footer .stamp-close,html:not([data-tabbing=true]) .CustomStampModal .modal-container .footer .stamp-close{outline:none}.CustomStampModal .modal-container .footer .stamp-close:hover{color:var(--secondary-button-hover)}.CustomStampModal .modal-container .footer .stamp-create{border:none;background-color:transparent;background:var(--primary-button);border-radius:4px;height:32px;display:flex;align-items:center;padding:8px 16px;min-width:72px;width:-moz-fit-content;width:fit-content;justify-content:center;position:relative;color:var(--primary-button-text);cursor:pointer}:host(:not([data-tabbing=true])) .CustomStampModal .modal-container .footer .stamp-create,html:not([data-tabbing=true]) .CustomStampModal .modal-container .footer .stamp-create{outline:none}@media(max-width:640px){.App:not(.is-in-desktop-only-mode):not(.is-web-component) .CustomStampModal .modal-container .footer .stamp-create{font-size:13px}}@container (max-width: 640px){.App.is-web-component:not(.is-in-desktop-only-mode) .CustomStampModal .modal-container .footer .stamp-create{font-size:13px}}.CustomStampModal .modal-container .footer .stamp-create:hover{background:var(--primary-button-hover)}.CustomStampModal .modal-container .footer .stamp-create:disabled{background:var(--primary-button);opacity:.5;cursor:default}\", \"\"]);\n\n// exports\nexports.locals = {\n\t\"LEFT_HEADER_WIDTH\": \"41px\",\n\t\"RIGHT_HEADER_WIDTH\": \"41px\"\n};","import React, { useState, useEffect, useRef } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport Choice from 'components/Choice';\nimport Dropdown from 'components/Dropdown';\nimport Button from 'components/Button';\nimport Icon from 'components/Icon';\nimport ColorPalettePicker from 'components/ColorPalettePicker/ColorPalettePicker'; // ColorPalletPicker inner import required as we are not using the redux outer container\nimport Events from 'constants/events';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport core from 'core';\n\nimport './CustomStampForums.scss';\nimport { getInstanceNode } from 'helpers/getRootNode';\nimport { COMMON_COLORS } from 'constants/commonColors';\n\nconst FALLBACK_DATE_TIME_FORMAT = {\n date: 'MM/DD/YYYY',\n time: 'hh:mm A',\n timeFirst: false,\n};\n\nconst dateTimeFormatToString = (format, useDate = true, useTime = true) => {\n if (!useDate) {\n if (!format.time) {\n return '';\n }\n return format.time;\n }\n if (!useTime) {\n if (!format.date) {\n return '';\n }\n return format.date;\n }\n return format.timeFirst ?\n `${format.time} ${format.date}` :\n `${format.date} ${format.time}`;\n};\n\nconst propTypes = {\n state: PropTypes.object,\n setState: PropTypes.func,\n setEmptyInput: PropTypes.func,\n fonts: PropTypes.array,\n openColorPicker: PropTypes.func,\n getCustomColorAndRemove: PropTypes.func,\n openDeleteModal: PropTypes.func,\n dateTimeFormats: PropTypes.array,\n stampTool: PropTypes.object,\n userName: PropTypes.string,\n};\n\nconst CustomStampForums = ({\n state,\n setState,\n setEmptyInput,\n fonts,\n openColorPicker,\n getCustomColorAndRemove,\n openDeleteModal,\n dateTimeFormats,\n stampTool,\n userName,\n}) => {\n const updateTimestampLabel = (usernameChk, dateChk, dateTime) => {\n let tmpText = '';\n if (usernameChk) {\n tmpText += '[$currentUser] ';\n }\n if (dateChk) {\n tmpText += dateTime;\n }\n return tmpText;\n };\n\n const defaultDateTimeFormat = dateTimeFormats && dateTimeFormats[0] ? dateTimeFormats[0] : FALLBACK_DATE_TIME_FORMAT;\n const [dateTime, setDateTime] = useState(dateTimeFormatToString(defaultDateTimeFormat));\n const [usernameCheckbox, setUsernameCheckbox] = useState(true);\n const [dateCheckbox, setDateCheckbox] = useState(true);\n const [timeCheckbox, setTimeCheckbox] = useState(true);\n\n const [stampTextInputValue, setStampText] = useState('Draft');\n const [t] = useTranslation();\n\n const txt = updateTimestampLabel(usernameCheckbox, dateCheckbox, dateTime);\n const [timestampFormat, setTimestampFormat] = useState(txt);\n\n const [tooltipVisible, setTooltipVisible] = useState(false);\n const tooltipRef = useRef(null);\n const currentUser = core.getCurrentUser();\n const currentDateTime = new Date().toLocaleString();\n\n const handleClickOutside = (event) => {\n if (tooltipRef.current && !tooltipRef.current.contains(event.target)) {\n setTooltipVisible(false);\n }\n };\n\n useEffect(() => {\n if (tooltipVisible) {\n document.addEventListener('click', handleClickOutside);\n } else {\n document.removeEventListener('click', handleClickOutside);\n }\n\n return () => {\n document.removeEventListener('click', handleClickOutside);\n };\n }, [tooltipVisible]);\n\n const handleTooltipClick = () => {\n setTooltipVisible(!tooltipVisible);\n };\n\n const handleKeyDown = (event) => {\n if (event.key === 'Enter' || event.key === ' ') {\n event.preventDefault(); // Prevent default action for space key\n handleTooltipClick();\n }\n };\n\n const canvasRef = useRef();\n const canvasContainerRef = useRef();\n const inputRef = useRef();\n\n const updateCanvas = (title, subtitle, newState = state) => {\n const parameters = {\n canvas: canvasRef.current,\n title,\n subtitle,\n width: 300,\n height: 100,\n color: newState.color,\n textColor: newState.textColor,\n canvasParent: canvasContainerRef.current,\n font: newState.font,\n bold: newState.bold,\n italic: newState.italic,\n underline: newState.underline,\n strikeout: newState.strikeout,\n };\n\n const width = stampTool.drawCustomStamp(parameters);\n const dataURL = canvasRef.current.toDataURL();\n\n setState({\n ...newState,\n width,\n title,\n subtitle,\n height: parameters.height,\n dataURL,\n });\n };\n\n const handleInputChange = (e) => {\n const value = e.target.value || '';\n setStampText(value);\n setEmptyInput(!value);\n updateCanvas(value, timestampFormat);\n };\n\n useEffect(() => {\n updateCanvas(stampTextInputValue, timestampFormat, state);\n }, [userName]);\n\n const handleDateCheckboxChange = () => {\n setDateCheckbox(!dateCheckbox);\n const newDateTime = dateTimeFormatToString(defaultDateTimeFormat, !dateCheckbox, timeCheckbox);\n setDateTime(newDateTime);\n const txt = updateTimestampLabel(usernameCheckbox, (!dateCheckbox || timeCheckbox), newDateTime);\n setTimestampFormat(txt);\n updateCanvas(stampTextInputValue, txt);\n };\n\n const handleTimeCheckboxChange = () => {\n setTimeCheckbox(!timeCheckbox);\n const newDateTime = dateTimeFormatToString(defaultDateTimeFormat, dateCheckbox, !timeCheckbox);\n setDateTime(newDateTime);\n const txt = updateTimestampLabel(usernameCheckbox, (dateCheckbox || !timeCheckbox), newDateTime);\n setTimestampFormat(txt);\n updateCanvas(stampTextInputValue, txt);\n };\n\n const handleUsernameCheckbox = () => {\n setUsernameCheckbox(!usernameCheckbox);\n const txt = updateTimestampLabel(!usernameCheckbox, (dateCheckbox || timeCheckbox), dateTime);\n setTimestampFormat(txt);\n updateCanvas(stampTextInputValue, txt);\n };\n\n const handleFontChange = (font) => {\n updateCanvas(stampTextInputValue, timestampFormat, {\n ...state,\n font,\n });\n };\n\n const onDateFormatChange = (newFormat) => {\n setDateTime(newFormat);\n const txt = updateTimestampLabel(usernameCheckbox, (dateCheckbox || timeCheckbox), newFormat);\n setTimestampFormat(txt);\n updateCanvas(stampTextInputValue, txt);\n };\n\n const handleRichTextStyleChange = (style) => {\n updateCanvas(stampTextInputValue, timestampFormat, {\n ...state,\n [style]: !state[style],\n });\n };\n\n const toggleBold = () => handleRichTextStyleChange('bold');\n const toggleItalic = () => handleRichTextStyleChange('italic');\n const toggleStrikeout = () => handleRichTextStyleChange('strikeout');\n const toggleUnderline = () => handleRichTextStyleChange('underline');\n\n const stampInputLabel = t('option.customStampModal.stampText');\n\n const getHexColor = (givenColor) => {\n if (givenColor && givenColor.A) {\n return givenColor.toHexString().toLowerCase();\n }\n return COMMON_COLORS['black'];\n };\n const openPicker = (addNew, type) => {\n const isText = type === 'text';\n openColorPicker();\n const handleVisiblityChanged = (e) => {\n const { element, isVisible } = e.detail;\n if (element === 'ColorPickerModal' && !isVisible) {\n const color = getCustomColorAndRemove();\n if (color) {\n const colorToBeAdded = getHexColor(color);\n isText ? setTextColor(colorToBeAdded) : setBackgroundColor(colorToBeAdded);\n const toolColors = window.Core.Tools.RubberStampCreateTool[isText ? 'TEXT_COLORS' : 'FILL_COLORS'];\n toolColors.push(colorToBeAdded);\n isText ? setTextColors(toolColors) : setBackgroundColors(toolColors);\n state = {\n ...state,\n [isText ? 'textColor' : 'color']: colorToBeAdded,\n };\n updateCanvas(stampTextInputValue, timestampFormat, state);\n }\n getInstanceNode().instance.UI.removeEventListener(Events.VISIBILITY_CHANGED, handleVisiblityChanged);\n }\n };\n getInstanceNode().instance.UI.addEventListener(Events.VISIBILITY_CHANGED, handleVisiblityChanged);\n };\n const deleteColor = (type) => {\n const isText = type === 'text';\n openDeleteModal(() => {\n const newColors = isText ?\n textColors.filter((color) => color !== textColorToBeDeleted) :\n backgroundColors.filter((color) => color !== backgroundColorToBeDeleted);\n isText ? setTextColors(newColors) : setBackgroundColors(newColors);\n isText ? setTextColorToBeDeleted(null) : setBackgroundColorToBeDeleted(null);\n window.Core.Tools.RubberStampCreateTool[isText ? 'TEXT_COLORS' : 'FILL_COLORS'] = newColors;\n });\n };\n\n const [backgroundColors, setBackgroundColors] = useState(window.Core.Tools.RubberStampCreateTool['FILL_COLORS']);\n const [backgroundColor, setBackgroundColor] = useState(state.color || window.Core.Tools.RubberStampCreateTool['FILL_COLORS'][0]);\n const [backgroundColorToBeDeleted, setBackgroundColorToBeDeleted] = useState(null);\n\n const [textColors, setTextColors] = useState(window.Core.Tools.RubberStampCreateTool['TEXT_COLORS']);\n const [textColor, setTextColor] = useState(window.Core.Tools.RubberStampCreateTool['TEXT_COLORS'][0]);\n const [textColorToBeDeleted, setTextColorToBeDeleted] = useState(null);\n\n const openColorPickerText = (addNew) => openPicker(addNew, 'text');\n const handleTextColorChange = (newColor) => {\n setTextColor(newColor);\n state = {\n ...state,\n textColor: newColor,\n };\n updateCanvas(stampTextInputValue, timestampFormat, state);\n };\n const handleTextColorDelete = () => deleteColor('text');\n\n const openColorPickerBackground = (addNew) => openPicker(addNew, 'fill');\n const handleBackgroundColorChange = (newColor) => {\n setBackgroundColor(newColor);\n state = {\n ...state,\n color: newColor,\n };\n updateCanvas(stampTextInputValue, timestampFormat, state);\n };\n const handleBackgroundColorDelete = () => deleteColor('fill');\n\n const formatsList = dateTimeFormats || [FALLBACK_DATE_TIME_FORMAT];\n const dateTimeDropdownItems = Array.from(new Set(\n formatsList.map((format) => dateTimeFormatToString(format, dateCheckbox, timeCheckbox))\n )).filter((format) => format !== '');\n\n\n return (\n <div className=\"text-customstamp\">\n <div className=\"canvas-container\" ref={canvasContainerRef}>\n <canvas\n className=\"custom-stamp-canvas\"\n ref={canvasRef}\n role={'img'}\n aria-label={`${t('option.customStampModal.previewCustomStamp')} ${stampTextInputValue}, ${currentUser} ${currentDateTime}`}\n />\n </div>\n <div className=\"scroll-container\">\n <div className=\"stamp-input-container\">\n <label htmlFor=\"stampTextInput\" className=\"stamp-label\"> {stampInputLabel}*</label>\n <input\n id=\"stampTextInput\"\n className={classNames('text-customstamp-input', { 'error': !stampTextInputValue })}\n ref={inputRef}\n type=\"text\"\n aria-label={stampInputLabel}\n value={stampTextInputValue}\n onChange={handleInputChange}\n />\n {!stampTextInputValue && <Icon glyph=\"icon-alert\" className=\"error-icon\" role=\"presentation\" />}\n <div className=\"empty-stamp-input\" aria-live=\"assertive\" >\n {!stampTextInputValue && <p className=\"no-margin\">{t('message.emptyCustomStampInput')}</p>}\n </div>\n </div>\n <div className=\"font-container\">\n <div className=\"stamp-sublabel\" id=\"custom-stamp-font-family-label\"> {t('option.customStampModal.fontStyle')} </div>\n <div className=\"font-inner-container\">\n <Dropdown\n id='custom-stamp-font'\n labelledById='custom-stamp-font-family-label'\n items={fonts}\n ariaLabel={t('option.customStampModal.fontStyle')}\n onClickItem={handleFontChange}\n currentSelectionKey={state.font || fonts[0]}\n getCustomItemStyle={(item) => ({ fontFamily: item })}\n maxHeight={200}\n />\n <Button\n dataElement=\"stampTextBoldButton\"\n onClick={toggleBold}\n img=\"icon-menu-bold\"\n title=\"option.richText.bold\"\n isActive={state.bold}\n ariaPressed={state.bold}\n />\n <Button\n dataElement=\"stampTextItalicButton\"\n onClick={toggleItalic}\n img=\"icon-menu-italic\"\n title=\"option.richText.italic\"\n isActive={state.italic}\n ariaPressed={state.italic}\n />\n <Button\n dataElement=\"stampTextUnderlineButton\"\n onClick={toggleUnderline}\n img=\"icon-menu-text-underline\"\n title=\"option.richText.underline\"\n isActive={state.underline}\n ariaPressed={state.underline}\n />\n <Button\n dataElement=\"stampTextStrikeoutButton\"\n onClick={toggleStrikeout}\n img=\"icon-tool-text-manipulation-strikethrough\"\n title=\"option.richText.strikeout\"\n isActive={state.strikeout}\n ariaPressed={state.strikeout}\n />\n </div>\n </div>\n <div className=\"color-container\">\n <div id='stamp-text-color-label' className=\"stamp-sublabel\">\n {t('option.customStampModal.textColor')}\n </div>\n <div className=\"colorpalette-container\">\n <ColorPalettePicker\n getHexColor={getHexColor}\n color={textColor}\n setColorToBeDeleted={setTextColorToBeDeleted}\n colorToBeDeleted={textColorToBeDeleted}\n customColors={textColors}\n onStyleChange={setTextColor}\n handleColorOnClick={handleTextColorChange}\n handleOnClick={handleTextColorChange}\n openColorPicker={openColorPickerText}\n openDeleteModal={handleTextColorDelete}\n ariaLabelledBy={'stamp-text-color-label'}\n toolTipXOffset={-7}\n disableTitle\n enableEdit\n colorsAreHex\n />\n </div>\n </div>\n <div className=\"color-container\">\n <div id=\"stamp-background-color-label\" className=\"stamp-sublabel\">\n {t('option.customStampModal.backgroundColor')}\n </div>\n <div className=\"colorpalette-container\">\n <ColorPalettePicker\n getHexColor={getHexColor}\n color={backgroundColor}\n setColorToBeDeleted={setBackgroundColorToBeDeleted}\n colorToBeDeleted={backgroundColorToBeDeleted}\n customColors={backgroundColors}\n onStyleChange={setBackgroundColor}\n handleColorOnClick={handleBackgroundColorChange}\n handleOnClick={handleBackgroundColorChange}\n openColorPicker={openColorPickerBackground}\n openDeleteModal={handleBackgroundColorDelete}\n ariaLabelledBy={'stamp-background-color-label'}\n toolTipXOffset={-7}\n disableTitle\n enableEdit\n colorsAreHex\n />\n </div>\n </div>\n <div className=\"timestamp-container\">\n <div id=\"timestamp-label\" className=\"stamp-sublabel\">\n {t('option.customStampModal.timestampText')}\n </div>\n <div className=\"timeStamp-choice\" role=\"group\" aria-labelledby=\"timestamp-label\">\n <Choice\n id=\"default-username\"\n checked={usernameCheckbox}\n onChange={handleUsernameCheckbox}\n label={t('option.customStampModal.Username')}\n />\n <Choice\n id=\"default-date\"\n checked={dateCheckbox}\n onChange={handleDateCheckboxChange}\n label={t('option.customStampModal.Date')}\n />\n <Choice\n id=\"default-time\"\n checked={timeCheckbox}\n onChange={handleTimeCheckboxChange}\n label={t('option.customStampModal.Time')}\n />\n </div>\n </div>\n {(dateCheckbox || timeCheckbox) && <div className=\"date-format-container\">\n <div className=\"stamp-sublabel\" id=\"custom-stamp-date-format-label\">{t('option.customStampModal.dateFormat')}</div>\n <button\n className=\"hover-icon\"\n ref={tooltipRef}\n onClick={handleTooltipClick}\n aria-label={`${t('option.customStampModal.dateToolTipLabel')}`}\n type=\"button\"\n tabIndex=\"0\"\n onKeyDown={handleKeyDown}\n style={{\n background: 'none',\n border: 'none',\n padding: 0,\n display: 'flex',\n alignItems: 'flex-start', // Aligns the content to the top\n cursor: 'pointer'\n }}\n >\n <Icon glyph=\"icon-info\" />\n {tooltipVisible &&\n (<div className=\"date-format-description\">\n <div className=\"date-format-cell\">M = {t('option.customStampModal.month')}</div>\n <div className=\"date-format-cell\">D = {t('option.customStampModal.day')}</div>\n <div className=\"date-format-cell\">Y = {t('option.customStampModal.year')}</div>\n <div className=\"date-format-cell\">H = {t('option.customStampModal.hour')} (24hr)</div>\n <div className=\"date-format-cell\">h = {t('option.customStampModal.hour')} (12hr)</div>\n <div className=\"date-format-cell\">m = {t('option.customStampModal.minute')}</div>\n <div className=\"date-format-cell\">s = {t('option.customStampModal.second')}</div>\n <div className=\"date-format-cell\">A = AM/PM</div>\n </div>\n )\n }\n </button>\n <Dropdown\n id='custom-stamp-date-format-dropdown'\n labelledById='custom-stamp-date-format-label'\n items={dateTimeDropdownItems}\n ariaLabel={`${t('option.customStampModal.dateFormat')} - ${dateTime}`}\n currentSelectionKey={dateTime}\n onClickItem={onDateFormatChange}\n maxHeight={200}\n />\n </div>}\n </div>\n </div>\n );\n};\n\nCustomStampForums.propTypes = propTypes;\n\nexport default CustomStampForums;\n","import React, { useEffect, useState, useRef, useLayoutEffect } from 'react';\nimport classNames from 'classnames';\nimport { useSelector, useDispatch, useStore } from 'react-redux';\nimport core from 'core';\nimport actions from 'actions';\nimport selectors from 'selectors';\nimport { useTranslation } from 'react-i18next';\nimport CustomStampForums from './CustomStampForums';\nimport Button from 'components/Button';\nimport DataElements from 'constants/dataElement';\nimport ModalWrapper from 'components/ModalWrapper';\nimport useFocusOnClose from 'hooks/useFocusOnClose';\n\nimport './CreateStampModal.scss';\n\nconst TOOL_NAME = 'AnnotationCreateRubberStamp';\nconst fillColors = window.Core.Tools.RubberStampCreateTool['FILL_COLORS'];\n\nconst CustomStampModal = () => {\n const [state, setState] = useState({ font: 'Helvetica', bold: true, color: fillColors[0] });\n const stampToolArray = core.getToolsFromAllDocumentViewers(TOOL_NAME);\n const [t] = useTranslation();\n const store = useStore();\n const [emptyInput, setEmptyInput] = useState(false);\n const customStampModalOverlayRef = useRef(null);\n const modalWrapperRef = useRef(null);\n const [isOpen, fonts, dateTimeFormats, userName] = useSelector((state) => [\n selectors.isElementOpen(state, DataElements.CUSTOM_STAMP_MODAL),\n selectors.getFonts(state),\n selectors.getDateTimeFormats(state),\n selectors.getUserName(state),\n ]);\n const dispatch = useDispatch();\n\n const updateOverflow = () => {\n const currentModalOverlayElement = customStampModalOverlayRef.current;\n if (!currentModalOverlayElement) {\n return;\n }\n\n const modalElementContainer = modalWrapperRef.current;\n if (!modalElementContainer) {\n return;\n }\n\n const customStampModalRect = currentModalOverlayElement.getBoundingClientRect();\n const modalContainerRect = modalElementContainer.getBoundingClientRect();\n const enableScrollBar = customStampModalRect.height > 0 && modalContainerRect.height >= customStampModalRect.height;\n\n if (enableScrollBar) {\n modalElementContainer.style.overflow = 'auto';\n } else {\n modalElementContainer.style.overflow = 'visible';\n }\n };\n\n useLayoutEffect(() => {\n if (!isOpen) {\n return;\n }\n updateOverflow();\n window.addEventListener('resize', updateOverflow);\n\n return () => {\n window.removeEventListener('resize', updateOverflow);\n };\n }, [isOpen]);\n\n useEffect(() => {\n if (isOpen) {\n core.deselectAllAnnotations();\n }\n }, [isOpen]);\n\n const closeModal = useFocusOnClose(() => {\n dispatch(actions.closeElement(DataElements.CUSTOM_STAMP_MODAL));\n });\n\n const openColorPicker = () => {\n dispatch(actions.openElement('ColorPickerModal'));\n };\n\n const getCustomColorAndRemove = () => {\n const customColor = selectors.getCustomColor(store.getState());\n dispatch(actions.setCustomColor(null));\n return customColor;\n };\n\n const openDeleteModal = async (onConfirm) => {\n const message = t('warning.colorPicker.deleteMessage');\n const title = t('warning.colorPicker.deleteTitle');\n const confirmBtnText = t('action.ok');\n\n const warning = {\n message,\n title,\n confirmBtnText,\n onConfirm,\n };\n dispatch(actions.showWarningMessage(warning));\n };\n\n const modalClass = classNames({\n Modal: true,\n CustomStampModal: true,\n open: isOpen,\n closed: !isOpen,\n });\n\n const createCustomStamp = async () => {\n core.setToolMode(TOOL_NAME);\n for (const stampTool of stampToolArray) {\n stampTool.addCustomStamp(state);\n const annot = await stampTool.createCustomStampAnnotation(state);\n await stampTool.setRubberStamp(annot);\n stampTool.showPreview();\n }\n dispatch(actions.closeElement(DataElements.CUSTOM_STAMP_MODAL));\n const standardStampCount = stampToolArray[0].getStandardStamps().length;\n const customStampCount = stampToolArray[0].getCustomStamps().length;\n dispatch(actions.setSelectedStampIndex(standardStampCount + customStampCount - 1));\n };\n\n const onCreateCustomStampClick = useFocusOnClose(() => {\n if (emptyInput) {\n return;\n }\n createCustomStamp();\n });\n\n return (\n isOpen ?\n <div\n className={modalClass}\n data-element={DataElements.CUSTOM_STAMP_MODAL}\n ref={customStampModalOverlayRef}\n >\n <ModalWrapper\n ref={modalWrapperRef}\n title={t('option.customStampModal.modalName')}\n closeHandler={closeModal}\n onCloseClick={closeModal}\n isOpen={isOpen}\n swipeToClose\n >\n <div className=\"container\" onMouseDown={(e) => e.stopPropagation()}>\n <CustomStampForums\n openDeleteModal={openDeleteModal}\n getCustomColorAndRemove={getCustomColorAndRemove}\n openColorPicker={openColorPicker}\n isModalOpen={isOpen}\n state={state}\n setState={setState}\n closeModal={closeModal}\n setEmptyInput={setEmptyInput}\n fonts={fonts}\n dateTimeFormats={dateTimeFormats}\n stampTool={stampToolArray[0]}\n userName={userName}\n />\n <div className=\"footer\">\n <Button\n label={t('action.create')}\n title={t('action.create')}\n onClick={onCreateCustomStampClick}\n disabled={emptyInput}\n className=\"stamp-create\"\n />\n </div>\n </div>\n </ModalWrapper>\n </div>\n :\n null\n );\n};\n\nexport default CustomStampModal;\n","import CreateStampModal from './CreateStampModal';\n\nexport default CreateStampModal;\n"],"sourceRoot":""}