Datepicker is not working on my server

[mukeshvirtual]

I have download this datepcker code from GitHub and push on our server. Secondly I just follow the developing commands like npm install. Please help me and send to me exact information.

[Andarist]

You need to install and build the datepicker example. This should result in ./examples/datepicker/dist/ directory being created and you can serve that directory as static assets from your server.

[mukeshvirtual]

Inside my project folder, I have create a new folder i.e moments-apps-examples-master and in same way as shown on github I have pushed all files which come under moments-apps-examples-master folder. After that install npm, vue as shown on github after that run npm run build. Main issue is here that command is not running on my server aftyer installation of all things related to date picker. So I am not getting what is the issue. I have attached faced issue screenshot. Please have a look and help me.

[walaszczykm]

@mukeshvirtual The error says that lerna could not be found locally to run. Please make sure that you run npm install command inside the root directory of the project. After that, you will have all the required dependencies. Then you can call npm run bootstrap to bootstrap Lerna project and finally npm run build to produce build artefacts which @Andarist have described.

[mukeshvirtual]

@walaszczykm - As you suggested I follow and get these errors :-

[walaszczykm]

@mukeshvirtual right this is a common issue with the node-sass on Windows. You need to have appropriate build tools installed to successfully compile native node modules on Windows.

Fortunately, there is a convenient package that can handle this complicated installing process for you called windows-build-tools 🙂

Simply run in your command prompt this command: npm install --global windows-build-tools and be patient because it can take some time to finish.

[mukeshvirtual]

I have a WordPress website and live chat is integrated in it. But I want to send a form(like pre survey form) from agent to customer and current customer fill the form and send to agent. How can I do this with running live chat? Is anybody have an idea ? I am searching but not getting exact solution for this .

[mukeshvirtual]

@Andarist

You need to install and build the datepicker example. This should result in ./examples/datepicker/dist/ directory being created and you can serve that directory as static assets from your server.

As you said result show in ./examples/datepicker/dist/ this directory. But how I can integrate this date picker with running live chat. I am going to share screenshot where I want to show the date picker icon like other icon( like calendly icon is here, in same way I want date picker icon and after click on it date picker pop up open and I can send this on chat )

[mukeshvirtual]

@Andarist I am eagerly waiting for your response on my query.

[konradk]

Hi @mukeshvirtual,

If you need to send the custom form as Moment, your applications need to contain two elements:

• Form applications, to be filled up by a customer
• Agent app application, to allow agents to send Rich message Cards with Moment button

Agent App SDK will help you build it: https://developers.livechatinc.com/docs/extending-ui/extending-agent-app/agent-app-sdk/#messagebox

I've prepared the sample project. It contains two files

• form.html - sample form send as the Moment to customer
• index.html - message box Agent App widget

Code is available here: https://glitch.com/edit/#!/lc-agent-moment Do create Message box integration, go to https://developers.livechatinc.com/console/ and create new Agent App Widget app:

then edit widget, set correct Widget placement and Widget URL, set app icon, URL, and hit "private installation" button.

[mukeshvirtual]

@konradk First of all Thank you so much for your reply. It is very helpful for me.

[mukeshvirtual]

customer have a from which agent sent. As a customer click and open form and submit, after fill the details in form customer want to send it back to agent. How we can manage this bold highlighted task? Is there any document related to this in live chat ?

[mukeshvirtual]

Chat conversation between customer and agent working fine. Agent send a Form with fields (Name, Surname) to the Customer.(See screen shot) but the issue is when customer fill this form and send back to the agent, Actually I am unable to send back this form to agent window. so help me out that how can we do this by code or by any existing api ?

[qasim5611]

Chat conversation between customer and agent working fine. Agent send a Form with fields (Name, Surname) to the Customer.(See screen shot) but the issue is when customer fill this form and send back to the agent, Actually I am unable to send back this form to agent window. so help me out that how can we do this by code or by any existing api ?

waiting for same question, I think on the form code we should add MomentSdk and send forms data to that's moment, but unfortunately, whenever I try to use moment, it displays error of timeout , every time,