WEBDIENSTE/OpenSign
1
0
Fork 0
mirror of https://github.com/OpenSignLabs/OpenSign.git synced 2026-08-23 08:02:30 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix: tour messages display issue in all flow

Browse Source
This commit is contained in:
RaktimaNXG
2024-06-24 19:10:28 +05:30
parent b982ca5218
commit f6170e01f6
8 changed files with 38 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/OpenSign/src/components/pdf/PdfHeader.js
+2 -3
View File
@@ -29,7 +29,6 @@ function Header({
isShowHeader,
decline,
currentSigner,
dataTut4,
alreadySign,
isSignYourself,
setIsEmail,
@@ -180,7 +179,7 @@ function Header({
className={`${
isMailSend ? "" : "op-link-primary"
} op-link no-underline font-[650] text-[14px]`}
data-tut={dataTut4}
data-tut="headerArea"
>
{completeBtnTitle ? completeBtnTitle : "Send"}
</div>
@@ -284,7 +283,7 @@ function Header({
</button>
<button
disabled={isMailSend && true}
data-tut="reactourFour"
data-tut="headerArea"
className="op-btn op-btn-primary op-btn-sm mr-[3px]"
onClick={() => alertSendEmail()}
>
apps/OpenSign/src/components/pdf/RecipientList.js
+1 -1
View File
@@ -89,7 +89,7 @@ const RecipientList = (props) => {
onDrop={(e) =>
props.sendInOrder && !isMobile && handleChangeSequence(e, ind)
}
data-tut="reactourFirst"
data-tut="recipientArea"
onMouseEnter={() => setIsHover(ind)}
onMouseLeave={() => setIsHover(null)}
className={`${
apps/OpenSign/src/components/pdf/SignerListPlace.js
+1 -1
View File
@@ -72,7 +72,7 @@ function SignerListPlace(props) {
) : (
<div
role="button"
data-tut="reactourAddbtn"
data-tut="addRecipient"
className="op-btn op-btn-accent op-btn-outline w-full mt-[14px]"
disabled={props?.isMailSend ? true : false}
onClick={() => props.setIsAddSigner(true)}
apps/OpenSign/src/components/pdf/WidgetComponent.js
+3 -3
View File
@@ -250,7 +250,6 @@ function WidgetComponent({
{isMobile ? (
!isMailSend && (
<div
data-tut={dataTut}
id="navbar"
className="fixed z-[99] bottom-0 right-0"
style={{ width: window.innerWidth + "px" }}
@@ -258,7 +257,7 @@ function WidgetComponent({
<div className="mx-1">
{isSigners && (
<div
data-tut={dataTut}
data-tut="recipientArea"
className="py-[10px] flex justify-center items-center op-card"
style={{
background: blockColor
@@ -316,7 +315,7 @@ function WidgetComponent({
) : (
setIsAddSigner && (
<div
data-tut="reactourAddbtn"
data-tut="addRecipient"
className="op-btn op-btn-accent w-full my-[2px]"
onClick={() => setIsAddSigner(true)}
>
@@ -327,6 +326,7 @@ function WidgetComponent({
)}
</div>
<div
data-tut="addWidgets"
ref={scrollContainerRef}
className="bg-base-100 border-[2px] border-t-primary"
>
apps/OpenSign/src/pages/PdfRequestFiles.js
+10 -11
View File
@@ -182,7 +182,7 @@ function PdfRequestFiles() {
const localuser = localStorage.getItem(
`Parse/${appInfo.appId}/currentUser`
);
const currentUser = JSON.parse(JSON.stringify(localuser));
const currentUser = JSON.parse(localuser);
await handleSendOTP(currentUser?.email);
setOtpLoader(false);
alert("OTP sent on you email");
@@ -194,7 +194,7 @@ function PdfRequestFiles() {
const localuser = localStorage.getItem(
`Parse/${appInfo.appId}/currentUser`
);
const currentUser = JSON.parse(JSON.stringify(localuser));
const currentUser = JSON.parse(localuser);
try {
const resEmail = await Parse.Cloud.run("verifyemail", {
otp: otp,
@@ -221,7 +221,7 @@ function PdfRequestFiles() {
const localuser = localStorage.getItem(
`Parse/${appInfo.appId}/currentUser`
);
const currentUser = JSON.parse(JSON.stringify(localuser));
const currentUser = JSON.parse(localuser);
await handleSendOTP(currentUser?.email);
};
async function checkIsSubscribed(extUserId, contactId) {
@@ -500,7 +500,7 @@ function PdfRequestFiles() {
const localuser = localStorage.getItem(
`Parse/${appInfo.appId}/currentUser`
);
const currentUser = JSON.parse(JSON.stringify(localuser));
const currentUser = JSON.parse(localuser);
const currentUserEmail = currentUser.email;
const res = await contractUsers(currentUserEmail);
if (res === "Error: Something went wrong!") {
@@ -1288,7 +1288,7 @@ function PdfRequestFiles() {
style: { fontSize: "13px" }
},
{
selector: '[data-tut="reactourForth"]',
selector: '[data-tut="pdfArea"]',
content: () => (
<TourContentWithBtn
message={`Click any of the placeholders appearing on the document to sign. You will then see options to draw your signature, type it, or upload an image .`}
@@ -1706,11 +1706,7 @@ function PdfRequestFiles() {
zoomPercent={zoomPercent}
/>
<div
ref={divRef}
data-tut="reactourSecond"
className="h-[95%]"
>
<div ref={divRef} data-tut="pdfArea" className="h-[95%]">
{containerWH && (
<RenderPdf
pageNumber={pageNumber}
@@ -1776,7 +1772,10 @@ function PdfRequestFiles() {
{unsignedSigners.length > 0 && (
<>
<div className="mx-2 pr-2 pt-2 pb-1 text-[15px] text-base-content font-semibold border-b-[1px] border-base-300">
<div
data-tut="reactourFirst"
className="mx-2 pr-2 pt-2 pb-1 text-[15px] text-base-content font-semibold border-b-[1px] border-base-300"
>
<span>Yet to sign</span>
</div>
<div className="mt-[5px]">
apps/OpenSign/src/pages/PlaceHolderSign.js
+17 -13
View File
@@ -1278,7 +1278,7 @@ function PlaceHolderSign() {
const tourConfig = [
{
selector: '[data-tut="reactourFirst"]',
selector: '[data-tut="recipientArea"]',
content: () => (
<TourContentWithBtn
message={`Select a recipient from this list to add a place-holder where he is supposed to sign.The placeholder will appear in the same colour as the recipient name once you drop it on the document.`}
@@ -1289,7 +1289,18 @@ function PlaceHolderSign() {
style: { fontSize: "13px" }
},
{
selector: '[data-tut="reactourSecond"]',
selector: '[data-tut="addRecipient"]',
content: () => (
<TourContentWithBtn
message={`Clicking "Add recipients" button will allow you to add more signer.`}
isChecked={handleDontShow}
/>
),
position: "top",
style: { fontSize: "13px" }
},
{
selector: '[data-tut="addWidgets"]',
content: () => (
<TourContentWithBtn
message={`Drag or click on a field to add it to the document.`}
@@ -1300,7 +1311,7 @@ function PlaceHolderSign() {
style: { fontSize: "13px" }
},
{
selector: '[data-tut="reactourThird"]',
selector: '[data-tut="pdfArea"]',
content: () => (
<TourContentWithBtn
message={`The PDF content area already displays the template's existing placeholders. For your convenience, these placeholders will match the color of the recipient's name, making them easily identifiable.`}
@@ -1312,7 +1323,7 @@ function PlaceHolderSign() {
},
{
selector: '[data-tut="reactourFour"]',
selector: '[data-tut="headerArea"]',
content: () => (
<TourContentWithBtn
message={`Clicking "Send" will save the document. In the next step you can customize the emails to be sent out to the recipients or copy the signing links and share those with the recipients yourself.`}
@@ -2048,14 +2059,9 @@ function PlaceHolderSign() {
alertSendEmail={alertSendEmail}
isShowHeader={true}
currentSigner={true}
dataTut4="reactourFour"
/>
<div
ref={divRef}
data-tut="reactourSecond"
className="h-[95%]"
>
<div ref={divRef} data-tut="pdfArea" className="h-[95%]">
{containerWH && (
<RenderPdf
pageNumber={pageNumber}
@@ -2109,8 +2115,6 @@ function PlaceHolderSign() {
{isMobile ? (
<div>
<WidgetComponent
dataTut="reactourFirst"
dataTut2="reactourSecond"
pdfUrl={isMailSend}
dragSignature={dragSignature}
signRef={signRef}
@@ -2169,7 +2173,7 @@ function PlaceHolderSign() {
roleName={roleName}
// handleAddSigner={handleAddSigner}
/>
<div data-tut="reactourSecond">
<div data-tut="addWidgets">
<WidgetComponent
isMailSend={isMailSend}
dragSignature={dragSignature}
apps/OpenSign/src/pages/SignyourselfPdf.js
+1 -2
View File
@@ -986,7 +986,7 @@ function SignYourSelf() {
};
const tourConfig = [
{
selector: '[data-tut="reactourFirst"]',
selector: '[data-tut="addWidgets"]',
content: () => (
<TourContentWithBtn
message={`Select and drag your preferred widgets onto the PDF to customize your document before signing. Choose the perfect spots for each modification to tailor the document to your needs.`}
@@ -1382,7 +1382,6 @@ function SignYourSelf() {
{!isCompleted ? (
<div>
<WidgetComponent
dataTut="reactourFirst"
pdfUrl={pdfUrl}
dragSignature={dragSignature}
signRef={signRef}
apps/OpenSign/src/pages/TemplatePlaceholder.js
+3 -4
View File
@@ -813,7 +813,7 @@ const TemplatePlaceholder = () => {
action: () => handleCloseRoleModal()
},
{
selector: '[data-tut="reactourSecond"]',
selector: '[data-tut="addWidgets"]',
content: () => (
<TourContentWithBtn
message={`Drag or click on a field to add it to the document.`}
@@ -835,7 +835,7 @@ const TemplatePlaceholder = () => {
style: { fontSize: "13px" }
},
{
selector: '[data-tut="reactourFour"]',
selector: '[data-tut="headerArea"]',
content: () => (
<TourContentWithBtn
message={`Clicking ‘Save’ will store the current template. After saving, you’ll be prompted to create a new document from this template if you wish.`}
@@ -1545,7 +1545,6 @@ const TemplatePlaceholder = () => {
{isMobile ? (
<div>
<WidgetComponent
dataTut="reactourFirst"
dataTut2="reactourSecond"
pdfUrl={isMailSend}
dragSignature={dragSignature}
@@ -1609,7 +1608,7 @@ const TemplatePlaceholder = () => {
blockColor={blockColor}
setBlockColor={setBlockColor}
/>
<div data-tut="reactourSecond">
<div data-tut="addWidgets">
<WidgetComponent
isMailSend={isMailSend}
dragSignature={dragSignature}