From 6f25da9b75051c5c579eea72c4dcba515336bcfc Mon Sep 17 00:00:00 2001 From: mahajantejas Date: Wed, 10 Apr 2024 03:48:05 +0000 Subject: [PATCH] deploy: 89125a5883c565b215b3bd71414382426c31197e --- 404.html | 4 ++-- assets/js/05aa65b8.761cbb7d.js | 1 + assets/js/05aa65b8.a83b1b45.js | 1 - .../{runtime~main.ecde1094.js => runtime~main.ec8da656.js} | 2 +- blog/archive/index.html | 4 ++-- blog/first-blog-post/index.html | 4 ++-- blog/index.html | 4 ++-- blog/long-blog-post/index.html | 4 ++-- blog/mdx-blog-post/index.html | 4 ++-- blog/tags/docusaurus/index.html | 4 ++-- blog/tags/facebook/index.html | 4 ++-- blog/tags/hello/index.html | 4 ++-- blog/tags/hola/index.html | 4 ++-- blog/tags/index.html | 4 ++-- blog/welcome/index.html | 4 ++-- docs/FAQ/Add bulk contacts to my Glific account/index.html | 4 ++-- .../index.html | 4 ++-- docs/FAQ/Change admin in our FB business account/index.html | 4 ++-- .../index.html | 4 ++-- docs/FAQ/Check if contact is not opted in/index.html | 4 ++-- docs/FAQ/Check if user is opted-in in the flow/index.html | 4 ++-- .../index.html | 4 ++-- docs/FAQ/Find opt-in link of our NGO/index.html | 4 ++-- .../Find the QR Code of BOT for opt-in contacts./index.html | 4 ++-- docs/FAQ/Format the text in messages./index.html | 4 ++-- docs/FAQ/Get Glific Support/index.html | 4 ++-- docs/FAQ/Get WABA ID/index.html | 4 ++-- .../index.html | 4 ++-- .../Get upload attachment option in Send message/index.html | 4 ++-- .../index.html | 4 ++-- docs/FAQ/Gupshup wallet balance and Usage/index.html | 4 ++-- .../How to get Green Tick in Whatsapp Business/index.html | 4 ++-- docs/FAQ/Make a flow inactive/index.html | 4 ++-- .../index.html | 4 ++-- docs/FAQ/Read Receipts/index.html | 4 ++-- .../index.html | 4 ++-- .../index.html | 4 ++-- docs/FAQ/Update my profile picture of BOT/index.html | 4 ++-- .../FAQ/Using Glific APIs for OTP Authentication/index.html | 4 ++-- docs/Integrations/Bhashini ASR/index.html | 4 ++-- .../ChatGPT Integration via Jugalbandi/index.html | 4 ++-- docs/Integrations/ChatGPT using OpenAI APIs/index.html | 4 ++-- .../index.html | 4 ++-- .../Dialogflow for Natural Language Processing/index.html | 4 ++-- docs/Integrations/Setting up Exotel/index.html | 4 ++-- .../index.html | 4 ++-- .../index.html | 4 ++-- .../GCS Setup/Google Cloud Storage Setup/index.html | 4 ++-- docs/Onboarding/GCS Setup/Upload files on GCS/index.html | 4 ++-- docs/Onboarding/Glific Onboarding Toolkit/index.html | 4 ++-- docs/Onboarding/Pricing, Billing & Payment/index.html | 4 ++-- docs/Onboarding/Setup an organisation on GupShup/index.html | 4 ++-- docs/Pilot Essentials/index.html | 4 ++-- docs/Product Features/Chats/index.html | 4 ++-- .../Add or Remove the contact to a collection/index.html | 4 ++-- .../Flows/Flow Actions/Call a webhook/index.html | 4 ++-- .../Flows/Flow Actions/Enter another flow/index.html | 4 ++-- .../Flows/Flow Actions/Flow Actions Overview/index.html | 4 ++-- .../Flow Actions/Label the incoming message/index.html | 4 ++-- .../Flows/Flow Actions/Link Google Sheets/index.html | 4 ++-- .../Flows/Flow Actions/Manage profile/index.html | 4 ++-- .../Open a ticket with a human agent/index.html | 4 ++-- .../Flow Actions/Save a result for this flow/index.html | 4 ++-- .../Flow Actions/Send a staff member a message/index.html | 4 ++-- .../Flow Actions/Send the contact a message/index.html | 6 +++--- .../Send the contact an interactive message/index.html | 4 ++-- .../Flow Actions/Split By/Collection Membership/index.html | 4 ++-- .../Flows/Flow Actions/Split By/Contact Field/index.html | 4 ++-- .../Flow Actions/Split By/Custom Expression/index.html | 4 ++-- .../Split By/Random Chance for AB Tests/index.html | 4 ++-- .../Flow Actions/Split By/Result in the Flow/index.html | 4 ++-- .../Flow Actions/Start somebody else in a flow/index.html | 4 ++-- .../Flows/Flow Actions/Update the contact/index.html | 4 ++-- .../Flows/Flow Actions/Wait for result/index.html | 4 ++-- .../Flow Actions/Wait for the contact to respond/index.html | 4 ++-- .../Flows/Flow Actions/Wait for time/index.html | 4 ++-- docs/Product Features/Flows/Flow Overview/index.html | 4 ++-- .../Create a Counter Variable in a Flow/index.html | 4 ++-- .../Flow variables vs Contact variables/index.html | 4 ++-- .../index.html | 4 ++-- .../Flow Variables/Parent and Child variable/index.html | 4 ++-- .../Predefined Contact Variables in Glific/index.html | 4 ++-- .../Flows/Others/Background Flows/index.html | 4 ++-- .../index.html | 4 ++-- .../index.html | 4 ++-- .../Flows/Others/Flows Auto translate/index.html | 4 ++-- .../Flows not working - Troubleshoot checklist/index.html | 4 ++-- .../index.html | 4 ++-- docs/Product Features/Help/index.html | 4 ++-- docs/Product Features/Interactive Messages/index.html | 4 ++-- docs/Product Features/Notifications/index.html | 4 ++-- .../Product Features/Others/All product features/index.html | 4 ++-- docs/Product Features/Others/Collections/index.html | 4 ++-- .../Others/Contact Profile & History/index.html | 4 ++-- .../Others/Getting Started with Glific/index.html | 4 ++-- .../Others/Import & Export Flows/index.html | 4 ++-- docs/Product Features/Others/Keywords/index.html | 4 ++-- docs/Product Features/Others/Languages/index.html | 4 ++-- .../index.html | 4 ++-- .../Others/Staff Management & Role Management/index.html | 4 ++-- docs/Product Features/Others/Tags/index.html | 4 ++-- .../BigQuery Setup and link with Glific/index.html | 4 ++-- .../Capturing Data for Reports & Analytics/index.html | 4 ++-- .../index.html | 4 ++-- .../Making Custom Reports on DataStudio/index.html | 4 ++-- .../index.html | 4 ++-- .../Understanding V5 Data Studio Reports/index.html | 4 ++-- docs/Product Features/Searches/index.html | 4 ++-- docs/Product Features/Speed Sends/index.html | 4 ++-- docs/Product Features/Templates/index.html | 4 ++-- docs/Product Features/Triggers/index.html | 4 ++-- docs/Starter Kit/15 Pre-launch Chatbot Checks/index.html | 4 ++-- docs/category/faq/index.html | 4 ++-- docs/category/flow-actions/index.html | 4 ++-- docs/category/flow-variables/index.html | 4 ++-- docs/category/flows/index.html | 4 ++-- docs/category/gcs-setup/index.html | 4 ++-- docs/category/integrations/index.html | 4 ++-- docs/category/onboarding/index.html | 4 ++-- docs/category/others-1/index.html | 4 ++-- docs/category/others/index.html | 4 ++-- docs/category/product-features/index.html | 4 ++-- docs/category/reporting--dashboard/index.html | 4 ++-- docs/intro/index.html | 4 ++-- index.html | 4 ++-- markdown-page/index.html | 4 ++-- search/index.html | 4 ++-- 127 files changed, 251 insertions(+), 251 deletions(-) create mode 100644 assets/js/05aa65b8.761cbb7d.js delete mode 100644 assets/js/05aa65b8.a83b1b45.js rename assets/js/{runtime~main.ecde1094.js => runtime~main.ec8da656.js} (99%) diff --git a/404.html b/404.html index 9b1c58fbc..af8b32f8e 100644 --- a/404.html +++ b/404.html @@ -9,13 +9,13 @@ - +
Skip to main content

Page Not Found

We could not find what you were looking for.

Please contact the owner of the site that linked you to the original URL and let them know their link is broken.

- + \ No newline at end of file diff --git a/assets/js/05aa65b8.761cbb7d.js b/assets/js/05aa65b8.761cbb7d.js new file mode 100644 index 000000000..938fdefcd --- /dev/null +++ b/assets/js/05aa65b8.761cbb7d.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[3606],{3905:(e,t,a)=>{a.d(t,{Zo:()=>c,kt:()=>h});var n=a(7294);function i(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function o(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,n)}return a}function s(e){for(var t=1;t=0||(i[a]=e[a]);return i}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(i[a]=e[a])}return i}var r=n.createContext({}),p=function(e){var t=n.useContext(r),a=t;return e&&(a="function"==typeof e?e(t):s(s({},t),e)),a},c=function(e){var t=p(e.components);return n.createElement(r.Provider,{value:t},e.children)},m="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},u=n.forwardRef((function(e,t){var a=e.components,i=e.mdxType,o=e.originalType,r=e.parentName,c=l(e,["components","mdxType","originalType","parentName"]),m=p(a),u=i,h=m["".concat(r,".").concat(u)]||m[u]||d[u]||o;return a?n.createElement(h,s(s({ref:t},c),{},{components:a})):n.createElement(h,s({ref:t},c))}));function h(e,t){var a=arguments,i=t&&t.mdxType;if("string"==typeof e||i){var o=a.length,s=new Array(o);s[0]=u;var l={};for(var r in t)hasOwnProperty.call(t,r)&&(l[r]=t[r]);l.originalType=e,l[m]="string"==typeof e?e:i,s[1]=l;for(var p=2;p{a.r(t),a.d(t,{assets:()=>r,contentTitle:()=>s,default:()=>m,frontMatter:()=>o,metadata:()=>l,toc:()=>p});var n=a(7462),i=(a(7294),a(3905));const o={},s=void 0,l={unversionedId:"Product Features/Flows/Flow Actions/Send the contact a message",id:"Product Features/Flows/Flow Actions/Send the contact a message",title:"Send the contact a message",description:"3 minutes read                                                                                                                         Beginner",source:"@site/docs/3. Product Features/03. Flows/2. Flow Actions/02. Send the contact a message.md",sourceDirName:"3. Product Features/03. Flows/2. Flow Actions",slug:"/Product Features/Flows/Flow Actions/Send the contact a message",permalink:"/docs/docs/Product Features/Flows/Flow Actions/Send the contact a message",draft:!1,editUrl:"https://github.com/glific/docs/tree/main/docs/3. Product Features/03. Flows/2. Flow Actions/02. Send the contact a message.md",tags:[],version:"current",sidebarPosition:2,frontMatter:{},sidebar:"tutorialSidebar",previous:{title:"Flow Actions Overview",permalink:"/docs/docs/Product Features/Flows/Flow Actions/Flow Actions Overview"},next:{title:"Send the contact an interactive message",permalink:"/docs/docs/Product Features/Flows/Flow Actions/Send the contact an interactive message"}},r={},p=[{value:"3 minutes read \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 Beginner",id:"3-minutes-read-------------------------------------------------------------beginner",level:3},{value:"Send the contact a message",id:"send-the-contact-a-message",level:2},{value:"Send media files in a Message",id:"send-media-files-in-a-message",level:2},{value:"Upload the media files directly from your computer.",id:"upload-the-media-files-directly-from-your-computer",level:2},{value:"Upload media file in GCS",id:"upload-media-file-in-gcs",level:2},{value:"Send media file with dynamic file names",id:"send-media-file-with-dynamic-file-names",level:2},{value:"Attach the media file in a message",id:"attach-the-media-file-in-a-message",level:2},{value:"Test the media message in the simulator",id:"test-the-media-message-in-the-simulator",level:2},{value:"Size of image",id:"size-of-image",level:2},{value:"File Formats works",id:"file-formats-works",level:2},{value:"Store media files using GCS Integration",id:"store-media-files-using-gcs-integration",level:2},{value:"Save the JSON in Glific to integrate",id:"save-the-json-in-glific-to-integrate",level:2}],c={toc:p};function m(e){let{components:t,...a}=e;return(0,i.kt)("wrapper",(0,n.Z)({},c,a,{components:t,mdxType:"MDXLayout"}),(0,i.kt)("h3",{id:"3-minutes-read-------------------------------------------------------------beginner"},(0,i.kt)("strong",{parentName:"h3"},"3 minutes read ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ",(0,i.kt)("inlineCode",{parentName:"strong"},"Beginner"))),(0,i.kt)("hr",null),(0,i.kt)("h2",{id:"send-the-contact-a-message"},"Send the contact a message"),(0,i.kt)("p",null,"It sends the message to the contact in the flow. You can also add variables in the content of the message to publish the value in the message. "),(0,i.kt)("br",null),(0,i.kt)("p",null,"Refer ",(0,i.kt)("a",{parentName:"p",href:"https://glific.github.io/docs/docs/Product%20Features/Flows/Flow%20Variables/Flow%20variables%20vs%20Contact%20variables"},"Flow level & Contact level variables")," to know more about how to use variables in flow."),(0,i.kt)("img",{width:"644",alt:"image",src:"https://github.com/glific/docs/assets/143380171/6da80418-254e-4dc9-9d4b-eac1f8c65025"}),(0,i.kt)("hr",null),(0,i.kt)("h2",{id:"send-media-files-in-a-message"},"Send media files in a Message"),(0,i.kt)("p",null,"Glific users can ",(0,i.kt)("strong",{parentName:"p"},"upload the media files directly from their computer")),(0,i.kt)("p",null,"or"),(0,i.kt)("p",null,(0,i.kt)("strong",{parentName:"p"},(0,i.kt)("a",{parentName:"strong",href:"https://glific.github.io/docs/docs/Onboarding/GCS%20Setup/Upload%20files%20on%20GCS"},"Upload the files on GCS"))," and use the URL as attachment in multiple flow."),(0,i.kt)("h2",{id:"upload-the-media-files-directly-from-your-computer"},"Upload the media files directly from your computer."),(0,i.kt)("p",null,"1 . Open a flow from where you want to send the file as an attachment."),(0,i.kt)("p",null,"2 . Create a ",(0,i.kt)("inlineCode",{parentName:"p"},"Send message")," Note."),(0,i.kt)("p",null,"3 . Click on ",(0,i.kt)("inlineCode",{parentName:"p"},"attachment")," tab."),(0,i.kt)("img",{width:"644",alt:"Screenshot 2024-03-05 at 1 38 48\u202fPM",src:"https://github.com/glific/docs/assets/143380171/79a904b7-b24b-40af-ad1e-7da489a3cd07"}),(0,i.kt)("p",null,"4 . Choose ",(0,i.kt)("strong",{parentName:"p"},"upload attachment")," option from dropdown"),(0,i.kt)("img",{width:"644",alt:"Screenshot 2024-03-05 at 2 05 02\u202fPM",src:"https://github.com/glific/docs/assets/143380171/d9686a98-3521-452d-908c-1e91cd2aef68"}),(0,i.kt)("p",null,"5 . Computer folders window will open up. Choose the file you want to upload."),(0,i.kt)("p",null,(0,i.kt)("strong",{parentName:"p"},(0,i.kt)("em",{parentName:"strong"},"Note :"))," ",(0,i.kt)("em",{parentName:"p"},"WhatsApp business API")," ",(0,i.kt)("strong",{parentName:"p"},(0,i.kt)("em",{parentName:"strong"},"doesn","'","t support .gif files"))," ",(0,i.kt)("em",{parentName:"p"},"to be send as messages. Use .jpeg or .png to send as an attachment. For more details please refer")," ",(0,i.kt)("a",{parentName:"p",href:"https://developers.facebook.com/docs/whatsapp/cloud-api/reference/media/"},"https://developers.facebook.com/docs/whatsapp/cloud-api/reference/media/")),(0,i.kt)("p",null,"6 . After successful upload, option to ",(0,i.kt)("strong",{parentName:"p"},"download")," and ",(0,i.kt)("strong",{parentName:"p"},"remove")," the attachment will be shown."),(0,i.kt)("p",null,"7 . Click on ",(0,i.kt)("inlineCode",{parentName:"p"},"ok")," button to save the attachment in the node."),(0,i.kt)("p",null,(0,i.kt)("img",{parentName:"p",src:"https://user-images.githubusercontent.com/32592458/218255061-1cea068d-c206-44b7-ba2a-217e1e61d687.png",alt:"image"})),(0,i.kt)("h2",{id:""}),(0,i.kt)("p",null,"8 . Test the flow to verify the attachment sent with the message."),(0,i.kt)("p",null,(0,i.kt)("img",{parentName:"p",src:"https://user-images.githubusercontent.com/32592458/218255067-5df94168-f97a-456b-a73d-8a8231e74821.png",alt:"image"})),(0,i.kt)("p",null,(0,i.kt)("strong",{parentName:"p"},"Note :-")," To give a name to the attachment, Enter the name in the send message box. Other wise the attachment will be names ad NULL."),(0,i.kt)("hr",null),(0,i.kt)("h2",{id:"upload-media-file-in-gcs"},"Upload media file in GCS"),(0,i.kt)("ol",null,(0,i.kt)("li",{parentName:"ol"},"Upload the file you want to send to the contact. Refer to the ",(0,i.kt)("a",{parentName:"li",href:"https://glific.github.io/docs/docs/Onboarding/GCS%20Setup/Upload%20files%20on%20GCS/#upload-media-files-in-the-gcs-bucket"},"integration with the GCS")," article for detailed steps.")),(0,i.kt)("p",null,(0,i.kt)("img",{parentName:"p",src:"https://user-images.githubusercontent.com/32592458/218255076-94608d82-8ee0-4baf-9324-de902bbd1e33.png",alt:"image"})),(0,i.kt)("ol",{start:2},(0,i.kt)("li",{parentName:"ol"},"Copy the public URL of the image uploaded.")),(0,i.kt)("p",null,(0,i.kt)("img",{parentName:"p",src:"https://user-images.githubusercontent.com/32592458/218255079-a502b011-d960-4236-8645-d619b8da1806.png",alt:"image"})),(0,i.kt)("hr",null),(0,i.kt)("h2",{id:"send-media-file-with-dynamic-file-names"},"Send media file with dynamic file names"),(0,i.kt)("p",null,(0,i.kt)("strong",{parentName:"p"},"Note")," - ",(0,i.kt)("em",{parentName:"p"},"It will require a developers assistance to use this feature. Please check with your tech team or consult Glific team, if you wish to use this feature.")),(0,i.kt)("p",null,(0,i.kt)("strong",{parentName:"p"},"Use case")," :- ",(0,i.kt)("inlineCode",{parentName:"p"},"Expression")," option is used in attachment, when there is a requirement to send media files with dynamic names."),(0,i.kt)("p",null,"For an example: The requirement is to send the map on the basis of the city contact belongs to."),(0,i.kt)("p",null,"1 . Upload map files of all cities in the GCS."),(0,i.kt)("p",null,"2 . Use the expression to pass the contact","'","s city name in the attachment ."),(0,i.kt)("p",null,"Syntax- ",(0,i.kt)("inlineCode",{parentName:"p"},'<%= "@results.city_name" %>.')),(0,i.kt)("p",null,"3 . In a flow, city map will be send as per the contact","'","s city"),(0,i.kt)("p",null,"Use ",(0,i.kt)("inlineCode",{parentName:"p"},"Expression")," option from the dropdown, if media files name are needed to send with dynamic name."),(0,i.kt)("img",{width:"646",alt:"Screenshot 2024-03-05 at 2 08 43\u202fPM",src:"https://github.com/glific/docs/assets/143380171/00867879-fa27-4a09-9c42-604425960d83"}),(0,i.kt)("p",null,"The value of expression will be a variable and the syntax used in is ",(0,i.kt)("inlineCode",{parentName:"p"},'<%= "@results.fieldname" %>')),(0,i.kt)("p",null,(0,i.kt)("img",{parentName:"p",src:"https://user-images.githubusercontent.com/32592458/218255093-f78abcd6-7502-4ab7-9db4-deca30c1a4dc.png",alt:"image"})),(0,i.kt)("hr",null),(0,i.kt)("h2",{id:"attach-the-media-file-in-a-message"},"Attach the media file in a message"),(0,i.kt)("ol",null,(0,i.kt)("li",{parentName:"ol"},(0,i.kt)("p",{parentName:"li"},"While editing a flow, select ",(0,i.kt)("inlineCode",{parentName:"p"},"Send a message")," node.")),(0,i.kt)("li",{parentName:"ol"},(0,i.kt)("p",{parentName:"li"},"Click on the ",(0,i.kt)("inlineCode",{parentName:"p"},"Attachments")," tab."))),(0,i.kt)("img",{width:"644",alt:"Screenshot 2024-03-05 at 1 38 48\u202fPM",src:"https://github.com/glific/docs/assets/143380171/96241266-864d-4963-a3c5-5aa467c0a64d"}),(0,i.kt)("ol",{start:3},(0,i.kt)("li",{parentName:"ol"},"Select the relevant media file option from the dropdown and paste the URL copied from GCS.")),(0,i.kt)("p",null,(0,i.kt)("strong",{parentName:"p"},"Note:")," ",(0,i.kt)("em",{parentName:"p"},"google drive URLs will")," ",(0,i.kt)("strong",{parentName:"p"},(0,i.kt)("em",{parentName:"strong"},"not"))," ",(0,i.kt)("em",{parentName:"p"},"work in this attachment")),(0,i.kt)("img",{width:"650",alt:"Screenshot 2024-03-05 at 2 15 23\u202fPM",src:"https://github.com/glific/docs/assets/143380171/b469ff3d-4abf-49ca-acef-c871693353a0"}),(0,i.kt)("p",null,(0,i.kt)("img",{parentName:"p",src:"https://user-images.githubusercontent.com/32592458/218255111-7fc55f48-74a4-4f49-b126-97bd4e694179.png",alt:"image"})),(0,i.kt)("p",null,"4 . Click ",(0,i.kt)("inlineCode",{parentName:"p"},"ok")," to save."),(0,i.kt)("hr",null),(0,i.kt)("h2",{id:"test-the-media-message-in-the-simulator"},"Test the media message in the simulator"),(0,i.kt)("ol",null,(0,i.kt)("li",{parentName:"ol"},"Run the simulator with the ",(0,i.kt)("inlineCode",{parentName:"li"},"preview")," button(bottom right) on the flow editor screen. Select the required response and you will see the media file in the simulator.")),(0,i.kt)("p",null,(0,i.kt)("img",{parentName:"p",src:"https://user-images.githubusercontent.com/32592458/218255115-c412b26f-f9ad-46c8-a40b-2b3192e86674.png",alt:"image"})),(0,i.kt)("p",null,(0,i.kt)("strong",{parentName:"p"},"Note:-")," Need to ",(0,i.kt)("strong",{parentName:"p"},"add some text in the send message node"),", otherwise the attachment will not be sent through flows"),(0,i.kt)("p",null,(0,i.kt)("img",{parentName:"p",src:"https://user-images.githubusercontent.com/16541548/210726298-2a705406-f00a-42fd-9826-56b8e5cac4ab.png",alt:"image"})),(0,i.kt)("hr",null),(0,i.kt)("h2",{id:"size-of-image"},"Size of image"),(0,i.kt)("p",null,"Please use images of less than ",(0,i.kt)("strong",{parentName:"p"},"5 MB"),". It is the maximum size limit currently."),(0,i.kt)("p",null,"Maximum size limit"),(0,i.kt)("ol",null,(0,i.kt)("li",{parentName:"ol"},"image file=",">"," ",(0,i.kt)("strong",{parentName:"li"},"5.120 MB")),(0,i.kt)("li",{parentName:"ol"},"Video file =",">"," ",(0,i.kt)("strong",{parentName:"li"},"16.384 MB")),(0,i.kt)("li",{parentName:"ol"},"Audio file =",">"," ",(0,i.kt)("strong",{parentName:"li"},"16.384 MB")),(0,i.kt)("li",{parentName:"ol"},"Document file =",">"," ",(0,i.kt)("strong",{parentName:"li"},"102.400 MB")),(0,i.kt)("li",{parentName:"ol"},"Sticker file =",">"," ",(0,i.kt)("strong",{parentName:"li"},"0.09 MB"))),(0,i.kt)("hr",null),(0,i.kt)("h2",{id:"file-formats-works"},"File Formats works"),(0,i.kt)("p",null,"Please check the list of file formats that work in the below document. ",(0,i.kt)("a",{parentName:"p",href:"https://developers.facebook.com/docs/whatsapp/on-premises/reference/media"},"https://developers.facebook.com/docs/whatsapp/on-premises/reference/media")),(0,i.kt)("p",null,(0,i.kt)("strong",{parentName:"p"},"Note: Stickers")," - .webp ( ",(0,i.kt)("strong",{parentName:"p"},(0,i.kt)("em",{parentName:"strong"},"Note:- Animated stickers are not allowed by WhatsApp")),")."),(0,i.kt)("p",null,"WhatsApp supports stickers with a ",(0,i.kt)("strong",{parentName:"p"},"dimension of 512","*","512 px")," only. It needs to be exactly the same."),(0,i.kt)("p",null,(0,i.kt)("img",{parentName:"p",src:"https://user-images.githubusercontent.com/32592458/218255148-973143ab-a092-47d9-984a-662da9e418b6.png",alt:"image"})),(0,i.kt)("hr",null),(0,i.kt)("h2",{id:"store-media-files-using-gcs-integration"},"Store media files using GCS Integration"),(0,i.kt)("p",null,"Go to your Google Cloud storage GCS account (",(0,i.kt)("a",{parentName:"p",href:"https://console.cloud.google.com/apis/credentials/serviceaccountkey"},"https://console.cloud.google.com/apis/credentials/serviceaccountkey"),") to generate project API keys."),(0,i.kt)("p",null,"If you don","'","t have an account in GCS please refer to ",(0,i.kt)("a",{parentName:"p",href:"https://cloud.google.com/storage/docs/quickstart-console"},"Create an account in Google Cloud Storage (GCS)")," to set up a new account in Google Cloud storage GCS?."),(0,i.kt)("p",null,"Below screens may get change by Google. Refer below article from google for more details. ",(0,i.kt)("a",{parentName:"p",href:"https://cloud.google.com/iam/docs/creating-managing-service-account-keys"},"https://cloud.google.com/iam/docs/creating-managing-service-account-keys")),(0,i.kt)("p",null,"1 . At top Bar enter Service account. Select ",(0,i.kt)("inlineCode",{parentName:"p"},"Service account")," from the drop down."),(0,i.kt)("p",null,(0,i.kt)("img",{parentName:"p",src:"https://user-images.githubusercontent.com/32592458/218255188-c6dc7c0a-843f-4e8e-b9fd-443744bebf26.png",alt:"image"})),(0,i.kt)("p",null,"2 . Click on ",(0,i.kt)("inlineCode",{parentName:"p"},"+Create Service account")," link from top bar."),(0,i.kt)("p",null,(0,i.kt)("img",{parentName:"p",src:"https://user-images.githubusercontent.com/32592458/218255191-f3b0c425-878b-4874-9447-776b61e23f76.png",alt:"image"})),(0,i.kt)("p",null,"3 . Enter the details."),(0,i.kt)("pre",null,(0,i.kt)("code",{parentName:"pre"},"a) Serive account name\n\nb)Service account id auto filled.\n\nc) Description.\n")),(0,i.kt)("p",null,"4 . Click on ",(0,i.kt)("inlineCode",{parentName:"p"},"Done"),"."),(0,i.kt)("p",null,(0,i.kt)("img",{parentName:"p",src:"https://user-images.githubusercontent.com/32592458/218255192-70bec877-205c-4c32-a895-3dfdd35d85af.png",alt:"image"})),(0,i.kt)("p",null,"5 . Click on ",(0,i.kt)("inlineCode",{parentName:"p"},"Add Key")," button."),(0,i.kt)("p",null,(0,i.kt)("img",{parentName:"p",src:"https://user-images.githubusercontent.com/32592458/218255199-d4d1c0dd-5fb8-4617-a825-bd8dde5d167a.png",alt:"image"})),(0,i.kt)("p",null,"6 . Select ",(0,i.kt)("inlineCode",{parentName:"p"},"json")," and click on ",(0,i.kt)("inlineCode",{parentName:"p"},"create")," button."),(0,i.kt)("p",null,(0,i.kt)("img",{parentName:"p",src:"https://user-images.githubusercontent.com/32592458/218255204-8598019b-23bf-4ebe-b895-94cfa2a45a9a.png",alt:"image"})),(0,i.kt)("hr",null),(0,i.kt)("h2",{id:"save-the-json-in-glific-to-integrate"},"Save the JSON in Glific to integrate"),(0,i.kt)("ol",null,(0,i.kt)("li",{parentName:"ol"},(0,i.kt)("p",{parentName:"li"},"Save the JSON file downloaded and copy its content.")),(0,i.kt)("li",{parentName:"ol"},(0,i.kt)("p",{parentName:"li"},"Login to your Glific account. Go to the ",(0,i.kt)("inlineCode",{parentName:"p"},"setting")," option in Glific and click on ",(0,i.kt)("strong",{parentName:"p"},"Google Cloud Storage"),"."),(0,i.kt)("img",{width:"185",alt:"Screenshot 2024-03-05 at 2 19 54\u202fPM",src:"https://github.com/glific/docs/assets/143380171/b00ff5a1-c8fd-4e7f-a6dc-aed5ed4c9b15"}))),(0,i.kt)("ol",{start:3},(0,i.kt)("li",{parentName:"ol"},"Click on the ",(0,i.kt)("inlineCode",{parentName:"li"},"is_active")," check.")),(0,i.kt)("img",{width:"920",alt:"Screenshot 2024-03-05 at 2 21 28\u202fPM",src:"https://github.com/glific/docs/assets/143380171/34d275f1-20f8-4401-b483-f919f1e01265"}),(0,i.kt)("ol",{start:4},(0,i.kt)("li",{parentName:"ol"},(0,i.kt)("p",{parentName:"li"},"Fill in the details from the downloaded JSON file."),(0,i.kt)("ol",{parentName:"li"},(0,i.kt)("li",{parentName:"ol"},"Paste the copied JSON content inside Goth Credentials input."),(0,i.kt)("li",{parentName:"ol"},"Project Email as ",(0,i.kt)("inlineCode",{parentName:"li"},"client_email")," in the JSON file."),(0,i.kt)("li",{parentName:"ol"},(0,i.kt)("strong",{parentName:"li"},(0,i.kt)("em",{parentName:"strong"},'"',"client_email",'"',": ",'"',(0,i.kt)("a",{parentName:"em",href:"mailto:xxx@xxx.iam.gserviceaccount.com"},"xxx@xxx.iam.gserviceaccount.com"),'"',","))," "),(0,i.kt)("li",{parentName:"ol"},"Bucket as the ",(0,i.kt)("strong",{parentName:"li"},"bucket name")," of the newly created bucket in the GCS dashboard")))),(0,i.kt)("p",null,(0,i.kt)("img",{parentName:"p",src:"https://user-images.githubusercontent.com/32592458/218255222-24334f6f-d437-4705-97c6-707e25528446.png",alt:"image"})),(0,i.kt)("ol",{start:5},(0,i.kt)("li",{parentName:"ol"},(0,i.kt)("p",{parentName:"li"},"Click on ",(0,i.kt)("inlineCode",{parentName:"p"},"Save")," button")),(0,i.kt)("li",{parentName:"ol"},(0,i.kt)("p",{parentName:"li"},"Once Credentials are set up, all media files will be synced in a bucket inside the uploads directory.")),(0,i.kt)("li",{parentName:"ol"},(0,i.kt)("p",{parentName:"li"},"Now all the media files you will receive from the beneficiary contact (Via WhatsApp), will save in the Google cloud bucket in ",(0,i.kt)("strong",{parentName:"p"},"uploads")," folder."))),(0,i.kt)("p",null,(0,i.kt)("img",{parentName:"p",src:"https://user-images.githubusercontent.com/32592458/218255243-9e5d9e3e-648e-43ac-8952-8b98d59339ce.png",alt:"image"})),(0,i.kt)("p",null,(0,i.kt)("img",{parentName:"p",src:"https://user-images.githubusercontent.com/32592458/218255247-f5887a21-328b-4217-ac62-2d37a61f8d5f.png",alt:"image"})))}m.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/05aa65b8.a83b1b45.js b/assets/js/05aa65b8.a83b1b45.js deleted file mode 100644 index dd91ca057..000000000 --- a/assets/js/05aa65b8.a83b1b45.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[3606],{3905:(e,t,a)=>{a.d(t,{Zo:()=>c,kt:()=>h});var n=a(7294);function i(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function o(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,n)}return a}function s(e){for(var t=1;t=0||(i[a]=e[a]);return i}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(i[a]=e[a])}return i}var r=n.createContext({}),p=function(e){var t=n.useContext(r),a=t;return e&&(a="function"==typeof e?e(t):s(s({},t),e)),a},c=function(e){var t=p(e.components);return n.createElement(r.Provider,{value:t},e.children)},m="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},u=n.forwardRef((function(e,t){var a=e.components,i=e.mdxType,o=e.originalType,r=e.parentName,c=l(e,["components","mdxType","originalType","parentName"]),m=p(a),u=i,h=m["".concat(r,".").concat(u)]||m[u]||d[u]||o;return a?n.createElement(h,s(s({ref:t},c),{},{components:a})):n.createElement(h,s({ref:t},c))}));function h(e,t){var a=arguments,i=t&&t.mdxType;if("string"==typeof e||i){var o=a.length,s=new Array(o);s[0]=u;var l={};for(var r in t)hasOwnProperty.call(t,r)&&(l[r]=t[r]);l.originalType=e,l[m]="string"==typeof e?e:i,s[1]=l;for(var p=2;p{a.r(t),a.d(t,{assets:()=>r,contentTitle:()=>s,default:()=>m,frontMatter:()=>o,metadata:()=>l,toc:()=>p});var n=a(7462),i=(a(7294),a(3905));const o={},s=void 0,l={unversionedId:"Product Features/Flows/Flow Actions/Send the contact a message",id:"Product Features/Flows/Flow Actions/Send the contact a message",title:"Send the contact a message",description:"3 minutes read                                                                                                                         Beginner",source:"@site/docs/3. Product Features/03. Flows/2. Flow Actions/02. Send the contact a message.md",sourceDirName:"3. Product Features/03. Flows/2. Flow Actions",slug:"/Product Features/Flows/Flow Actions/Send the contact a message",permalink:"/docs/docs/Product Features/Flows/Flow Actions/Send the contact a message",draft:!1,editUrl:"https://github.com/glific/docs/tree/main/docs/3. Product Features/03. Flows/2. Flow Actions/02. Send the contact a message.md",tags:[],version:"current",sidebarPosition:2,frontMatter:{},sidebar:"tutorialSidebar",previous:{title:"Flow Actions Overview",permalink:"/docs/docs/Product Features/Flows/Flow Actions/Flow Actions Overview"},next:{title:"Send the contact an interactive message",permalink:"/docs/docs/Product Features/Flows/Flow Actions/Send the contact an interactive message"}},r={},p=[{value:"3 minutes read \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 \xa0 Beginner",id:"3-minutes-read-------------------------------------------------------------beginner",level:3},{value:"Send the contact a message",id:"send-the-contact-a-message",level:2},{value:"Send media files in a Message",id:"send-media-files-in-a-message",level:2},{value:"Upload the media files directly from your computer.",id:"upload-the-media-files-directly-from-your-computer",level:2},{value:"Upload media file in GCS",id:"upload-media-file-in-gcs",level:2},{value:"Send media file with dynamic file names",id:"send-media-file-with-dynamic-file-names",level:2},{value:"Attach the media file in a message",id:"attach-the-media-file-in-a-message",level:2},{value:"Test the media message in the simulator",id:"test-the-media-message-in-the-simulator",level:2},{value:"Size of image",id:"size-of-image",level:2},{value:"File Formats works",id:"file-formats-works",level:2},{value:"Store media files using GCS Integration",id:"store-media-files-using-gcs-integration",level:2},{value:"Save the JSON in Glific to integrate",id:"save-the-json-in-glific-to-integrate",level:2}],c={toc:p};function m(e){let{components:t,...a}=e;return(0,i.kt)("wrapper",(0,n.Z)({},c,a,{components:t,mdxType:"MDXLayout"}),(0,i.kt)("h3",{id:"3-minutes-read-------------------------------------------------------------beginner"},(0,i.kt)("strong",{parentName:"h3"},"3 minutes read ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ","\xa0"," ",(0,i.kt)("inlineCode",{parentName:"strong"},"Beginner"))),(0,i.kt)("hr",null),(0,i.kt)("h2",{id:"send-the-contact-a-message"},"Send the contact a message"),(0,i.kt)("p",null,"It sends the message to the contact in the flow. You can also add variables in the content of the message to publish the value in the message. "),(0,i.kt)("br",null),(0,i.kt)("p",null,"Refer ",(0,i.kt)("a",{parentName:"p",href:"https://glific.github.io/docs/docs/Product%20Features/Flows/Flow%20Variables/Flow%20variables%20vs%20Contact%20variables"},"Flow level & Contact level variables")," to know more about how to use variables in flow."),(0,i.kt)("img",{width:"644",alt:"image",src:"https://github.com/glific/docs/assets/143380171/6da80418-254e-4dc9-9d4b-eac1f8c65025"}),(0,i.kt)("hr",null),(0,i.kt)("h2",{id:"send-media-files-in-a-message"},"Send media files in a Message"),(0,i.kt)("p",null,"Glific users can ",(0,i.kt)("strong",{parentName:"p"},"upload the media files directly from their computer")),(0,i.kt)("p",null,"or"),(0,i.kt)("p",null,(0,i.kt)("strong",{parentName:"p"},(0,i.kt)("a",{parentName:"strong",href:"https://glific.github.io/docs/docs/Onboarding/GCS%20Setup/Upload%20files%20on%20GCS"},"Upload the files on GCS"))," and use the URL as attachment in multiple flow."),(0,i.kt)("h2",{id:"upload-the-media-files-directly-from-your-computer"},"Upload the media files directly from your computer."),(0,i.kt)("p",null,"1 . Open a flow from where you want to send the file as an attachment."),(0,i.kt)("p",null,"2 . Create a ",(0,i.kt)("inlineCode",{parentName:"p"},"Send message")," Note."),(0,i.kt)("p",null,"3 . Click on ",(0,i.kt)("inlineCode",{parentName:"p"},"attachment")," tab."),(0,i.kt)("img",{width:"644",alt:"Screenshot 2024-03-05 at 1 38 48\u202fPM",src:"https://github.com/glific/docs/assets/143380171/79a904b7-b24b-40af-ad1e-7da489a3cd07"}),(0,i.kt)("p",null,"4 . Choose ",(0,i.kt)("strong",{parentName:"p"},"upload attachment")," option from dropdown"),(0,i.kt)("img",{width:"644",alt:"Screenshot 2024-03-05 at 2 05 02\u202fPM",src:"https://github.com/glific/docs/assets/143380171/d9686a98-3521-452d-908c-1e91cd2aef68"}),(0,i.kt)("p",null,"5 . Computer folders window will open up. Choose the file you want to upload."),(0,i.kt)("p",null,(0,i.kt)("strong",{parentName:"p"},(0,i.kt)("em",{parentName:"strong"},"Note :"))," ",(0,i.kt)("em",{parentName:"p"},"WhatsApp business API")," ",(0,i.kt)("strong",{parentName:"p"},(0,i.kt)("em",{parentName:"strong"},"doesn","'","t support .gif files"))," ",(0,i.kt)("em",{parentName:"p"},"to be send as messages. Use .jpeg or .png to send as an attachment. For more details please refer")," ",(0,i.kt)("a",{parentName:"p",href:"https://developers.facebook.com/docs/whatsapp/api/media/"},"https://developers.facebook.com/docs/whatsapp/api/media/")),(0,i.kt)("p",null,"6 . After successful upload, option to ",(0,i.kt)("strong",{parentName:"p"},"download")," and ",(0,i.kt)("strong",{parentName:"p"},"remove")," the attachment will be shown."),(0,i.kt)("p",null,"7 . Click on ",(0,i.kt)("inlineCode",{parentName:"p"},"ok")," button to save the attachment in the node."),(0,i.kt)("p",null,(0,i.kt)("img",{parentName:"p",src:"https://user-images.githubusercontent.com/32592458/218255061-1cea068d-c206-44b7-ba2a-217e1e61d687.png",alt:"image"})),(0,i.kt)("h2",{id:""}),(0,i.kt)("p",null,"8 . Test the flow to verify the attachment sent with the message."),(0,i.kt)("p",null,(0,i.kt)("img",{parentName:"p",src:"https://user-images.githubusercontent.com/32592458/218255067-5df94168-f97a-456b-a73d-8a8231e74821.png",alt:"image"})),(0,i.kt)("p",null,(0,i.kt)("strong",{parentName:"p"},"Note :-")," To give a name to the attachment, Enter the name in the send message box. Other wise the attachment will be names ad NULL."),(0,i.kt)("hr",null),(0,i.kt)("h2",{id:"upload-media-file-in-gcs"},"Upload media file in GCS"),(0,i.kt)("ol",null,(0,i.kt)("li",{parentName:"ol"},"Upload the file you want to send to the contact. Refer to the ",(0,i.kt)("a",{parentName:"li",href:"https://glific.github.io/docs/docs/Onboarding/GCS%20Setup/Upload%20files%20on%20GCS/#upload-media-files-in-the-gcs-bucket"},"integration with the GCS")," article for detailed steps.")),(0,i.kt)("p",null,(0,i.kt)("img",{parentName:"p",src:"https://user-images.githubusercontent.com/32592458/218255076-94608d82-8ee0-4baf-9324-de902bbd1e33.png",alt:"image"})),(0,i.kt)("ol",{start:2},(0,i.kt)("li",{parentName:"ol"},"Copy the public URL of the image uploaded.")),(0,i.kt)("p",null,(0,i.kt)("img",{parentName:"p",src:"https://user-images.githubusercontent.com/32592458/218255079-a502b011-d960-4236-8645-d619b8da1806.png",alt:"image"})),(0,i.kt)("hr",null),(0,i.kt)("h2",{id:"send-media-file-with-dynamic-file-names"},"Send media file with dynamic file names"),(0,i.kt)("p",null,(0,i.kt)("strong",{parentName:"p"},"Note")," - ",(0,i.kt)("em",{parentName:"p"},"It will require a developers assistance to use this feature. Please check with your tech team or consult Glific team, if you wish to use this feature.")),(0,i.kt)("p",null,(0,i.kt)("strong",{parentName:"p"},"Use case")," :- ",(0,i.kt)("inlineCode",{parentName:"p"},"Expression")," option is used in attachment, when there is a requirement to send media files with dynamic names."),(0,i.kt)("p",null,"For an example: The requirement is to send the map on the basis of the city contact belongs to."),(0,i.kt)("p",null,"1 . Upload map files of all cities in the GCS."),(0,i.kt)("p",null,"2 . Use the expression to pass the contact","'","s city name in the attachment ."),(0,i.kt)("p",null,"Syntax- ",(0,i.kt)("inlineCode",{parentName:"p"},'<%= "@results.city_name" %>.')),(0,i.kt)("p",null,"3 . In a flow, city map will be send as per the contact","'","s city"),(0,i.kt)("p",null,"Use ",(0,i.kt)("inlineCode",{parentName:"p"},"Expression")," option from the dropdown, if media files name are needed to send with dynamic name."),(0,i.kt)("img",{width:"646",alt:"Screenshot 2024-03-05 at 2 08 43\u202fPM",src:"https://github.com/glific/docs/assets/143380171/00867879-fa27-4a09-9c42-604425960d83"}),(0,i.kt)("p",null,"The value of expression will be a variable and the syntax used in is ",(0,i.kt)("inlineCode",{parentName:"p"},'<%= "@results.fieldname" %>')),(0,i.kt)("p",null,(0,i.kt)("img",{parentName:"p",src:"https://user-images.githubusercontent.com/32592458/218255093-f78abcd6-7502-4ab7-9db4-deca30c1a4dc.png",alt:"image"})),(0,i.kt)("hr",null),(0,i.kt)("h2",{id:"attach-the-media-file-in-a-message"},"Attach the media file in a message"),(0,i.kt)("ol",null,(0,i.kt)("li",{parentName:"ol"},(0,i.kt)("p",{parentName:"li"},"While editing a flow, select ",(0,i.kt)("inlineCode",{parentName:"p"},"Send a message")," node.")),(0,i.kt)("li",{parentName:"ol"},(0,i.kt)("p",{parentName:"li"},"Click on the ",(0,i.kt)("inlineCode",{parentName:"p"},"Attachments")," tab."))),(0,i.kt)("img",{width:"644",alt:"Screenshot 2024-03-05 at 1 38 48\u202fPM",src:"https://github.com/glific/docs/assets/143380171/96241266-864d-4963-a3c5-5aa467c0a64d"}),(0,i.kt)("ol",{start:3},(0,i.kt)("li",{parentName:"ol"},"Select the relevant media file option from the dropdown and paste the URL copied from GCS.")),(0,i.kt)("p",null,(0,i.kt)("strong",{parentName:"p"},"Note:")," ",(0,i.kt)("em",{parentName:"p"},"google drive URLs will")," ",(0,i.kt)("strong",{parentName:"p"},(0,i.kt)("em",{parentName:"strong"},"not"))," ",(0,i.kt)("em",{parentName:"p"},"work in this attachment")),(0,i.kt)("img",{width:"650",alt:"Screenshot 2024-03-05 at 2 15 23\u202fPM",src:"https://github.com/glific/docs/assets/143380171/b469ff3d-4abf-49ca-acef-c871693353a0"}),(0,i.kt)("p",null,(0,i.kt)("img",{parentName:"p",src:"https://user-images.githubusercontent.com/32592458/218255111-7fc55f48-74a4-4f49-b126-97bd4e694179.png",alt:"image"})),(0,i.kt)("p",null,"4 . Click ",(0,i.kt)("inlineCode",{parentName:"p"},"ok")," to save."),(0,i.kt)("hr",null),(0,i.kt)("h2",{id:"test-the-media-message-in-the-simulator"},"Test the media message in the simulator"),(0,i.kt)("ol",null,(0,i.kt)("li",{parentName:"ol"},"Run the simulator with the ",(0,i.kt)("inlineCode",{parentName:"li"},"preview")," button(bottom right) on the flow editor screen. Select the required response and you will see the media file in the simulator.")),(0,i.kt)("p",null,(0,i.kt)("img",{parentName:"p",src:"https://user-images.githubusercontent.com/32592458/218255115-c412b26f-f9ad-46c8-a40b-2b3192e86674.png",alt:"image"})),(0,i.kt)("p",null,(0,i.kt)("strong",{parentName:"p"},"Note:-")," Need to ",(0,i.kt)("strong",{parentName:"p"},"add some text in the send message node"),", otherwise the attachment will not be sent through flows"),(0,i.kt)("p",null,(0,i.kt)("img",{parentName:"p",src:"https://user-images.githubusercontent.com/16541548/210726298-2a705406-f00a-42fd-9826-56b8e5cac4ab.png",alt:"image"})),(0,i.kt)("hr",null),(0,i.kt)("h2",{id:"size-of-image"},"Size of image"),(0,i.kt)("p",null,"Please use images of less than ",(0,i.kt)("strong",{parentName:"p"},"5 MB"),". It is the maximum size limit currently."),(0,i.kt)("p",null,"Maximum size limit"),(0,i.kt)("ol",null,(0,i.kt)("li",{parentName:"ol"},"image file=",">"," ",(0,i.kt)("strong",{parentName:"li"},"5.120 MB")),(0,i.kt)("li",{parentName:"ol"},"Video file =",">"," ",(0,i.kt)("strong",{parentName:"li"},"16.384 MB")),(0,i.kt)("li",{parentName:"ol"},"Audio file =",">"," ",(0,i.kt)("strong",{parentName:"li"},"16.384 MB")),(0,i.kt)("li",{parentName:"ol"},"Document file =",">"," ",(0,i.kt)("strong",{parentName:"li"},"102.400 MB")),(0,i.kt)("li",{parentName:"ol"},"Sticker file =",">"," ",(0,i.kt)("strong",{parentName:"li"},"0.09 MB"))),(0,i.kt)("hr",null),(0,i.kt)("h2",{id:"file-formats-works"},"File Formats works"),(0,i.kt)("p",null,"Please check the list of file formats that work in the below document. ",(0,i.kt)("a",{parentName:"p",href:"https://developers.facebook.com/docs/whatsapp/on-premises/reference/media"},"https://developers.facebook.com/docs/whatsapp/on-premises/reference/media")),(0,i.kt)("p",null,(0,i.kt)("strong",{parentName:"p"},"Note: Stickers")," - .webp ( ",(0,i.kt)("strong",{parentName:"p"},(0,i.kt)("em",{parentName:"strong"},"Note:- Animated stickers are not allowed by WhatsApp")),")."),(0,i.kt)("p",null,"WhatsApp supports stickers with a ",(0,i.kt)("strong",{parentName:"p"},"dimension of 512","*","512 px")," only. It needs to be exactly the same."),(0,i.kt)("p",null,(0,i.kt)("img",{parentName:"p",src:"https://user-images.githubusercontent.com/32592458/218255148-973143ab-a092-47d9-984a-662da9e418b6.png",alt:"image"})),(0,i.kt)("hr",null),(0,i.kt)("h2",{id:"store-media-files-using-gcs-integration"},"Store media files using GCS Integration"),(0,i.kt)("p",null,"Go to your Google Cloud storage GCS account (",(0,i.kt)("a",{parentName:"p",href:"https://console.cloud.google.com/apis/credentials/serviceaccountkey"},"https://console.cloud.google.com/apis/credentials/serviceaccountkey"),") to generate project API keys."),(0,i.kt)("p",null,"If you don","'","t have an account in GCS please refer to ",(0,i.kt)("a",{parentName:"p",href:"https://cloud.google.com/storage/docs/quickstart-console"},"Create an account in Google Cloud Storage (GCS)")," to set up a new account in Google Cloud storage GCS?."),(0,i.kt)("p",null,"Below screens may get change by Google. Refer below article from google for more details. ",(0,i.kt)("a",{parentName:"p",href:"https://cloud.google.com/iam/docs/creating-managing-service-account-keys"},"https://cloud.google.com/iam/docs/creating-managing-service-account-keys")),(0,i.kt)("p",null,"1 . At top Bar enter Service account. Select ",(0,i.kt)("inlineCode",{parentName:"p"},"Service account")," from the drop down."),(0,i.kt)("p",null,(0,i.kt)("img",{parentName:"p",src:"https://user-images.githubusercontent.com/32592458/218255188-c6dc7c0a-843f-4e8e-b9fd-443744bebf26.png",alt:"image"})),(0,i.kt)("p",null,"2 . Click on ",(0,i.kt)("inlineCode",{parentName:"p"},"+Create Service account")," link from top bar."),(0,i.kt)("p",null,(0,i.kt)("img",{parentName:"p",src:"https://user-images.githubusercontent.com/32592458/218255191-f3b0c425-878b-4874-9447-776b61e23f76.png",alt:"image"})),(0,i.kt)("p",null,"3 . Enter the details."),(0,i.kt)("pre",null,(0,i.kt)("code",{parentName:"pre"},"a) Serive account name\n\nb)Service account id auto filled.\n\nc) Description.\n")),(0,i.kt)("p",null,"4 . Click on ",(0,i.kt)("inlineCode",{parentName:"p"},"Done"),"."),(0,i.kt)("p",null,(0,i.kt)("img",{parentName:"p",src:"https://user-images.githubusercontent.com/32592458/218255192-70bec877-205c-4c32-a895-3dfdd35d85af.png",alt:"image"})),(0,i.kt)("p",null,"5 . Click on ",(0,i.kt)("inlineCode",{parentName:"p"},"Add Key")," button."),(0,i.kt)("p",null,(0,i.kt)("img",{parentName:"p",src:"https://user-images.githubusercontent.com/32592458/218255199-d4d1c0dd-5fb8-4617-a825-bd8dde5d167a.png",alt:"image"})),(0,i.kt)("p",null,"6 . Select ",(0,i.kt)("inlineCode",{parentName:"p"},"json")," and click on ",(0,i.kt)("inlineCode",{parentName:"p"},"create")," button."),(0,i.kt)("p",null,(0,i.kt)("img",{parentName:"p",src:"https://user-images.githubusercontent.com/32592458/218255204-8598019b-23bf-4ebe-b895-94cfa2a45a9a.png",alt:"image"})),(0,i.kt)("hr",null),(0,i.kt)("h2",{id:"save-the-json-in-glific-to-integrate"},"Save the JSON in Glific to integrate"),(0,i.kt)("ol",null,(0,i.kt)("li",{parentName:"ol"},(0,i.kt)("p",{parentName:"li"},"Save the JSON file downloaded and copy its content.")),(0,i.kt)("li",{parentName:"ol"},(0,i.kt)("p",{parentName:"li"},"Login to your Glific account. Go to the ",(0,i.kt)("inlineCode",{parentName:"p"},"setting")," option in Glific and click on ",(0,i.kt)("strong",{parentName:"p"},"Google Cloud Storage"),"."),(0,i.kt)("img",{width:"185",alt:"Screenshot 2024-03-05 at 2 19 54\u202fPM",src:"https://github.com/glific/docs/assets/143380171/b00ff5a1-c8fd-4e7f-a6dc-aed5ed4c9b15"}))),(0,i.kt)("ol",{start:3},(0,i.kt)("li",{parentName:"ol"},"Click on the ",(0,i.kt)("inlineCode",{parentName:"li"},"is_active")," check.")),(0,i.kt)("img",{width:"920",alt:"Screenshot 2024-03-05 at 2 21 28\u202fPM",src:"https://github.com/glific/docs/assets/143380171/34d275f1-20f8-4401-b483-f919f1e01265"}),(0,i.kt)("ol",{start:4},(0,i.kt)("li",{parentName:"ol"},(0,i.kt)("p",{parentName:"li"},"Fill in the details from the downloaded JSON file."),(0,i.kt)("ol",{parentName:"li"},(0,i.kt)("li",{parentName:"ol"},"Paste the copied JSON content inside Goth Credentials input."),(0,i.kt)("li",{parentName:"ol"},"Project Email as ",(0,i.kt)("inlineCode",{parentName:"li"},"client_email")," in the JSON file."),(0,i.kt)("li",{parentName:"ol"},(0,i.kt)("strong",{parentName:"li"},(0,i.kt)("em",{parentName:"strong"},'"',"client_email",'"',": ",'"',(0,i.kt)("a",{parentName:"em",href:"mailto:xxx@xxx.iam.gserviceaccount.com"},"xxx@xxx.iam.gserviceaccount.com"),'"',","))," "),(0,i.kt)("li",{parentName:"ol"},"Bucket as the ",(0,i.kt)("strong",{parentName:"li"},"bucket name")," of the newly created bucket in the GCS dashboard")))),(0,i.kt)("p",null,(0,i.kt)("img",{parentName:"p",src:"https://user-images.githubusercontent.com/32592458/218255222-24334f6f-d437-4705-97c6-707e25528446.png",alt:"image"})),(0,i.kt)("ol",{start:5},(0,i.kt)("li",{parentName:"ol"},(0,i.kt)("p",{parentName:"li"},"Click on ",(0,i.kt)("inlineCode",{parentName:"p"},"Save")," button")),(0,i.kt)("li",{parentName:"ol"},(0,i.kt)("p",{parentName:"li"},"Once Credentials are set up, all media files will be synced in a bucket inside the uploads directory.")),(0,i.kt)("li",{parentName:"ol"},(0,i.kt)("p",{parentName:"li"},"Now all the media files you will receive from the beneficiary contact (Via WhatsApp), will save in the Google cloud bucket in ",(0,i.kt)("strong",{parentName:"p"},"uploads")," folder."))),(0,i.kt)("p",null,(0,i.kt)("img",{parentName:"p",src:"https://user-images.githubusercontent.com/32592458/218255243-9e5d9e3e-648e-43ac-8952-8b98d59339ce.png",alt:"image"})),(0,i.kt)("p",null,(0,i.kt)("img",{parentName:"p",src:"https://user-images.githubusercontent.com/32592458/218255247-f5887a21-328b-4217-ac62-2d37a61f8d5f.png",alt:"image"})))}m.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/assets/js/runtime~main.ecde1094.js b/assets/js/runtime~main.ec8da656.js similarity index 99% rename from assets/js/runtime~main.ecde1094.js rename to assets/js/runtime~main.ec8da656.js index 45819cfdc..3e18b1a79 100644 --- a/assets/js/runtime~main.ecde1094.js +++ b/assets/js/runtime~main.ec8da656.js @@ -1 +1 @@ -(()=>{"use strict";var e,a,f,c,b,d={},t={};function r(e){var a=t[e];if(void 0!==a)return a.exports;var f=t[e]={id:e,loaded:!1,exports:{}};return d[e].call(f.exports,f,f.exports,r),f.loaded=!0,f.exports}r.m=d,r.c=t,e=[],r.O=(a,f,c,b)=>{if(!f){var d=1/0;for(i=0;i=b)&&Object.keys(r.O).every((e=>r.O[e](f[o])))?f.splice(o--,1):(t=!1,b0&&e[i-1][2]>b;i--)e[i]=e[i-1];e[i]=[f,c,b]},r.n=e=>{var a=e&&e.__esModule?()=>e.default:()=>e;return r.d(a,{a:a}),a},f=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,r.t=function(e,c){if(1&c&&(e=this(e)),8&c)return e;if("object"==typeof e&&e){if(4&c&&e.__esModule)return e;if(16&c&&"function"==typeof e.then)return e}var b=Object.create(null);r.r(b);var d={};a=a||[null,f({}),f([]),f(f)];for(var t=2&c&&e;"object"==typeof t&&!~a.indexOf(t);t=f(t))Object.getOwnPropertyNames(t).forEach((a=>d[a]=()=>e[a]));return d.default=()=>e,r.d(b,d),b},r.d=(e,a)=>{for(var f in a)r.o(a,f)&&!r.o(e,f)&&Object.defineProperty(e,f,{enumerable:!0,get:a[f]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce(((a,f)=>(r.f[f](e,a),a)),[])),r.u=e=>"assets/js/"+({53:"935f2afb",77:"db56099b",100:"edb92ad1",113:"a1a6deee",118:"65939189",135:"f98ba6a5",284:"a3cb5a79",302:"02ee1ede",338:"7ba62296",400:"5902c23e",674:"c0f58765",737:"bf225fbf",741:"077b5eae",748:"7d2122a7",804:"9434f7c2",823:"81309b22",860:"7e311ce9",948:"8717b14a",971:"96cd1e66",1054:"3a2f8c29",1090:"75a1f606",1293:"c8bfc3c3",1515:"0b55ed45",1756:"bbff592c",1914:"d9f32620",1969:"f435b9e5",2018:"76bab187",2130:"479f9f02",2183:"f38e51bd",2210:"75a0b613",2267:"59362658",2286:"5c0b858e",2298:"356fcfba",2319:"fa54ebc9",2362:"e273c56f",2503:"225b9bb9",2535:"814f3328",2553:"b6d6dc1f",2557:"ef391634",2669:"e8f307c8",2676:"04a7a3dc",2717:"e14e76e6",2751:"60594fed",2756:"33cd366b",2861:"b467e9a3",3085:"1f391b9e",3089:"a6aa9e1f",3114:"0e3208da",3142:"6b427d76",3213:"8af6ac7f",3237:"1df93b7f",3272:"85aaa281",3450:"1a50de3a",3514:"73664a40",3542:"86fd28db",3548:"09c4f5fe",3606:"05aa65b8",3608:"9e4087bc",3626:"46298a74",3783:"47466670",3817:"6402471d",4013:"01a85c17",4021:"4f51738e",4101:"a3237f67",4156:"3f238e7e",4180:"ff1aa532",4367:"e9dbc252",4419:"c8a5b5fa",4560:"12fc8e8e",4669:"2c8cbbce",4706:"ce90b77f",4713:"58d5199e",4738:"e5524078",4758:"4086eb81",4814:"c17682bc",4867:"03e928b1",4913:"0e2ac77a",4994:"e2ded9a7",5009:"e9addcec",5242:"ffee94e8",5254:"8dcef946",5309:"2630308a",5401:"8a629c35",5410:"c626a2c5",5640:"3c3a6d04",5711:"03448f8d",5799:"9bd0bcb1",5882:"ee5850f2",6006:"5d60f430",6053:"11979435",6103:"ccc49370",6117:"afc43adc",6146:"5e23d281",6385:"59b068d1",6411:"9124b4b8",6483:"ecf47335",6500:"1664884e",6654:"2a451712",6816:"2da06643",6864:"27dfb011",6888:"856c019d",6921:"37442637",7006:"6c7075a0",7237:"087eafa8",7241:"049ea00c",7372:"4da85f81",7414:"393be207",7575:"58b0271c",7645:"a7434565",7714:"4c04bac1",7770:"aaaeca1a",7774:"f7f4e350",7853:"2f1c48be",7899:"f03811bd",7918:"17896441",7920:"1a4e3797",7954:"904d810f",8052:"da44e7c5",8097:"3f8780d5",8163:"f1087ee1",8184:"0c032c40",8266:"7dd7419e",8271:"1c091541",8274:"e097e83f",8340:"0f0a217c",8484:"9ee85e38",8610:"6875c492",8636:"f4f34a3a",8695:"6e59e873",8775:"d9fa27b6",8963:"be8d92c2",9003:"925b3f96",9122:"5e26c4bd",9187:"a218533e",9254:"b0ccc11d",9300:"7904627e",9334:"247783bb",9430:"40961fc6",9479:"516ae4bd",9512:"846fbd80",9514:"1be78505",9642:"7661071f",9671:"0e384e19",9765:"3cff1ddb",9773:"b50dee57",9817:"14eb3368"}[e]||e)+"."+{53:"63256f40",77:"262650df",100:"62dec932",113:"29dd80f7",118:"128a0933",135:"f34417da",143:"863c94a5",284:"a34ab040",302:"cfdd32f2",338:"d0caaf8f",400:"784d4947",674:"650c2100",737:"40dbcf66",741:"1b00d052",748:"0b3fbef4",804:"a5bcf814",823:"3198e4f1",860:"e05c513f",948:"302fe9b1",971:"17859950",1054:"893ff0e5",1090:"bfcc45c1",1293:"f6f5e5a9",1515:"36e845b9",1756:"8cd0b908",1914:"01df75db",1969:"de749e10",2018:"73575d5a",2130:"3d222295",2183:"b56a2485",2210:"b18db291",2267:"ce1b21de",2286:"b04b450d",2298:"052fb16d",2319:"764a4716",2362:"9af3d4a7",2503:"7c49093d",2529:"1f31d3af",2535:"9ab2586f",2553:"1f0137ef",2557:"95f23442",2669:"1441d878",2676:"1f532204",2717:"baf27677",2751:"1a13901b",2756:"9246e476",2861:"a1c9a503",3085:"a91713fb",3089:"49f825b1",3114:"befb92aa",3142:"2e69775d",3213:"c064789b",3237:"e38a1c94",3272:"8963cf13",3450:"76518f42",3514:"a68ea524",3542:"5a908851",3548:"76104566",3606:"a83b1b45",3608:"996bc6a6",3626:"ef02b30a",3783:"72f0b101",3817:"7151b0b3",4013:"bed7f789",4021:"343208f8",4101:"dca31bf2",4156:"b1104eee",4180:"22c759e7",4367:"99049c48",4419:"0c4981c9",4560:"95915b79",4669:"bed0934c",4706:"09c29b3c",4713:"6df1f42f",4738:"4e4d7def",4758:"ca186c50",4814:"c0ddeb0e",4867:"d13c2d70",4913:"5cdf1ff6",4972:"4a3c05d9",4994:"7cba14c1",5009:"fafce5c8",5242:"64b21934",5254:"f80867cb",5309:"a9d82837",5401:"b13dfa4b",5410:"7eda3f09",5640:"bb5102a9",5711:"d61965a7",5799:"71fb79cd",5882:"b58f8c2f",6006:"e72f7184",6053:"985607fe",6103:"7284d7b5",6117:"9c75469e",6146:"bb36e842",6385:"9bf402a8",6411:"9e8438bd",6483:"89406851",6500:"54477c38",6654:"81ad0740",6816:"57af61fc",6864:"8a32f3b5",6888:"a1356aaa",6921:"add6ac87",6945:"e6ca558a",7006:"96f7638b",7237:"fc6fe1ac",7241:"07d53dc7",7372:"6bdd045e",7414:"4c9ea4ae",7575:"985d76e5",7645:"8a3a8041",7713:"824d4f46",7714:"8b0cd1d1",7770:"41b014f0",7774:"bbb23520",7853:"9a768a10",7899:"d4a102de",7918:"da693b0a",7920:"56234580",7954:"092608d9",8052:"52394f3f",8097:"32d25836",8163:"f7242e77",8184:"6bf144d6",8266:"ae5827de",8271:"60b718c6",8274:"2bd0c8cf",8340:"dda56756",8484:"6526a1aa",8610:"b35ecf69",8636:"b86c1f8e",8695:"6f169769",8775:"c453fd89",8894:"7c49b0c7",8963:"0d070d90",9003:"8cfb601b",9122:"fb49844b",9187:"ed9cebd0",9254:"fd692801",9300:"4e0d7d0a",9334:"dadfb5a6",9430:"e3d9b996",9479:"6437c498",9512:"974050b8",9514:"ac5966ce",9642:"4cff3279",9671:"b3067e00",9765:"545bbca1",9773:"ee577f48",9817:"883982ec"}[e]+".js",r.miniCssF=e=>{},r.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),r.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),c={},b="docs:",r.l=(e,a,f,d)=>{if(c[e])c[e].push(a);else{var t,o;if(void 0!==f)for(var n=document.getElementsByTagName("script"),i=0;i{t.onerror=t.onload=null,clearTimeout(s);var b=c[e];if(delete c[e],t.parentNode&&t.parentNode.removeChild(t),b&&b.forEach((e=>e(f))),a)return a(f)},s=setTimeout(l.bind(null,void 0,{type:"timeout",target:t}),12e4);t.onerror=l.bind(null,t.onerror),t.onload=l.bind(null,t.onload),o&&document.head.appendChild(t)}},r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.p="/docs/",r.gca=function(e){return e={11979435:"6053",17896441:"7918",37442637:"6921",47466670:"3783",59362658:"2267",65939189:"118","935f2afb":"53",db56099b:"77",edb92ad1:"100",a1a6deee:"113",f98ba6a5:"135",a3cb5a79:"284","02ee1ede":"302","7ba62296":"338","5902c23e":"400",c0f58765:"674",bf225fbf:"737","077b5eae":"741","7d2122a7":"748","9434f7c2":"804","81309b22":"823","7e311ce9":"860","8717b14a":"948","96cd1e66":"971","3a2f8c29":"1054","75a1f606":"1090",c8bfc3c3:"1293","0b55ed45":"1515",bbff592c:"1756",d9f32620:"1914",f435b9e5:"1969","76bab187":"2018","479f9f02":"2130",f38e51bd:"2183","75a0b613":"2210","5c0b858e":"2286","356fcfba":"2298",fa54ebc9:"2319",e273c56f:"2362","225b9bb9":"2503","814f3328":"2535",b6d6dc1f:"2553",ef391634:"2557",e8f307c8:"2669","04a7a3dc":"2676",e14e76e6:"2717","60594fed":"2751","33cd366b":"2756",b467e9a3:"2861","1f391b9e":"3085",a6aa9e1f:"3089","0e3208da":"3114","6b427d76":"3142","8af6ac7f":"3213","1df93b7f":"3237","85aaa281":"3272","1a50de3a":"3450","73664a40":"3514","86fd28db":"3542","09c4f5fe":"3548","05aa65b8":"3606","9e4087bc":"3608","46298a74":"3626","6402471d":"3817","01a85c17":"4013","4f51738e":"4021",a3237f67:"4101","3f238e7e":"4156",ff1aa532:"4180",e9dbc252:"4367",c8a5b5fa:"4419","12fc8e8e":"4560","2c8cbbce":"4669",ce90b77f:"4706","58d5199e":"4713",e5524078:"4738","4086eb81":"4758",c17682bc:"4814","03e928b1":"4867","0e2ac77a":"4913",e2ded9a7:"4994",e9addcec:"5009",ffee94e8:"5242","8dcef946":"5254","2630308a":"5309","8a629c35":"5401",c626a2c5:"5410","3c3a6d04":"5640","03448f8d":"5711","9bd0bcb1":"5799",ee5850f2:"5882","5d60f430":"6006",ccc49370:"6103",afc43adc:"6117","5e23d281":"6146","59b068d1":"6385","9124b4b8":"6411",ecf47335:"6483","1664884e":"6500","2a451712":"6654","2da06643":"6816","27dfb011":"6864","856c019d":"6888","6c7075a0":"7006","087eafa8":"7237","049ea00c":"7241","4da85f81":"7372","393be207":"7414","58b0271c":"7575",a7434565:"7645","4c04bac1":"7714",aaaeca1a:"7770",f7f4e350:"7774","2f1c48be":"7853",f03811bd:"7899","1a4e3797":"7920","904d810f":"7954",da44e7c5:"8052","3f8780d5":"8097",f1087ee1:"8163","0c032c40":"8184","7dd7419e":"8266","1c091541":"8271",e097e83f:"8274","0f0a217c":"8340","9ee85e38":"8484","6875c492":"8610",f4f34a3a:"8636","6e59e873":"8695",d9fa27b6:"8775",be8d92c2:"8963","925b3f96":"9003","5e26c4bd":"9122",a218533e:"9187",b0ccc11d:"9254","7904627e":"9300","247783bb":"9334","40961fc6":"9430","516ae4bd":"9479","846fbd80":"9512","1be78505":"9514","7661071f":"9642","0e384e19":"9671","3cff1ddb":"9765",b50dee57:"9773","14eb3368":"9817"}[e]||e,r.p+r.u(e)},(()=>{var e={1303:0,532:0};r.f.j=(a,f)=>{var c=r.o(e,a)?e[a]:void 0;if(0!==c)if(c)f.push(c[2]);else if(/^(1303|532)$/.test(a))e[a]=0;else{var b=new Promise(((f,b)=>c=e[a]=[f,b]));f.push(c[2]=b);var d=r.p+r.u(a),t=new Error;r.l(d,(f=>{if(r.o(e,a)&&(0!==(c=e[a])&&(e[a]=void 0),c)){var b=f&&("load"===f.type?"missing":f.type),d=f&&f.target&&f.target.src;t.message="Loading chunk "+a+" failed.\n("+b+": "+d+")",t.name="ChunkLoadError",t.type=b,t.request=d,c[1](t)}}),"chunk-"+a,a)}},r.O.j=a=>0===e[a];var a=(a,f)=>{var c,b,d=f[0],t=f[1],o=f[2],n=0;if(d.some((a=>0!==e[a]))){for(c in t)r.o(t,c)&&(r.m[c]=t[c]);if(o)var i=o(r)}for(a&&a(f);n{"use strict";var e,a,f,c,b,d={},t={};function r(e){var a=t[e];if(void 0!==a)return a.exports;var f=t[e]={id:e,loaded:!1,exports:{}};return d[e].call(f.exports,f,f.exports,r),f.loaded=!0,f.exports}r.m=d,r.c=t,e=[],r.O=(a,f,c,b)=>{if(!f){var d=1/0;for(i=0;i=b)&&Object.keys(r.O).every((e=>r.O[e](f[o])))?f.splice(o--,1):(t=!1,b0&&e[i-1][2]>b;i--)e[i]=e[i-1];e[i]=[f,c,b]},r.n=e=>{var a=e&&e.__esModule?()=>e.default:()=>e;return r.d(a,{a:a}),a},f=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,r.t=function(e,c){if(1&c&&(e=this(e)),8&c)return e;if("object"==typeof e&&e){if(4&c&&e.__esModule)return e;if(16&c&&"function"==typeof e.then)return e}var b=Object.create(null);r.r(b);var d={};a=a||[null,f({}),f([]),f(f)];for(var t=2&c&&e;"object"==typeof t&&!~a.indexOf(t);t=f(t))Object.getOwnPropertyNames(t).forEach((a=>d[a]=()=>e[a]));return d.default=()=>e,r.d(b,d),b},r.d=(e,a)=>{for(var f in a)r.o(a,f)&&!r.o(e,f)&&Object.defineProperty(e,f,{enumerable:!0,get:a[f]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce(((a,f)=>(r.f[f](e,a),a)),[])),r.u=e=>"assets/js/"+({53:"935f2afb",77:"db56099b",100:"edb92ad1",113:"a1a6deee",118:"65939189",135:"f98ba6a5",284:"a3cb5a79",302:"02ee1ede",338:"7ba62296",400:"5902c23e",674:"c0f58765",737:"bf225fbf",741:"077b5eae",748:"7d2122a7",804:"9434f7c2",823:"81309b22",860:"7e311ce9",948:"8717b14a",971:"96cd1e66",1054:"3a2f8c29",1090:"75a1f606",1293:"c8bfc3c3",1515:"0b55ed45",1756:"bbff592c",1914:"d9f32620",1969:"f435b9e5",2018:"76bab187",2130:"479f9f02",2183:"f38e51bd",2210:"75a0b613",2267:"59362658",2286:"5c0b858e",2298:"356fcfba",2319:"fa54ebc9",2362:"e273c56f",2503:"225b9bb9",2535:"814f3328",2553:"b6d6dc1f",2557:"ef391634",2669:"e8f307c8",2676:"04a7a3dc",2717:"e14e76e6",2751:"60594fed",2756:"33cd366b",2861:"b467e9a3",3085:"1f391b9e",3089:"a6aa9e1f",3114:"0e3208da",3142:"6b427d76",3213:"8af6ac7f",3237:"1df93b7f",3272:"85aaa281",3450:"1a50de3a",3514:"73664a40",3542:"86fd28db",3548:"09c4f5fe",3606:"05aa65b8",3608:"9e4087bc",3626:"46298a74",3783:"47466670",3817:"6402471d",4013:"01a85c17",4021:"4f51738e",4101:"a3237f67",4156:"3f238e7e",4180:"ff1aa532",4367:"e9dbc252",4419:"c8a5b5fa",4560:"12fc8e8e",4669:"2c8cbbce",4706:"ce90b77f",4713:"58d5199e",4738:"e5524078",4758:"4086eb81",4814:"c17682bc",4867:"03e928b1",4913:"0e2ac77a",4994:"e2ded9a7",5009:"e9addcec",5242:"ffee94e8",5254:"8dcef946",5309:"2630308a",5401:"8a629c35",5410:"c626a2c5",5640:"3c3a6d04",5711:"03448f8d",5799:"9bd0bcb1",5882:"ee5850f2",6006:"5d60f430",6053:"11979435",6103:"ccc49370",6117:"afc43adc",6146:"5e23d281",6385:"59b068d1",6411:"9124b4b8",6483:"ecf47335",6500:"1664884e",6654:"2a451712",6816:"2da06643",6864:"27dfb011",6888:"856c019d",6921:"37442637",7006:"6c7075a0",7237:"087eafa8",7241:"049ea00c",7372:"4da85f81",7414:"393be207",7575:"58b0271c",7645:"a7434565",7714:"4c04bac1",7770:"aaaeca1a",7774:"f7f4e350",7853:"2f1c48be",7899:"f03811bd",7918:"17896441",7920:"1a4e3797",7954:"904d810f",8052:"da44e7c5",8097:"3f8780d5",8163:"f1087ee1",8184:"0c032c40",8266:"7dd7419e",8271:"1c091541",8274:"e097e83f",8340:"0f0a217c",8484:"9ee85e38",8610:"6875c492",8636:"f4f34a3a",8695:"6e59e873",8775:"d9fa27b6",8963:"be8d92c2",9003:"925b3f96",9122:"5e26c4bd",9187:"a218533e",9254:"b0ccc11d",9300:"7904627e",9334:"247783bb",9430:"40961fc6",9479:"516ae4bd",9512:"846fbd80",9514:"1be78505",9642:"7661071f",9671:"0e384e19",9765:"3cff1ddb",9773:"b50dee57",9817:"14eb3368"}[e]||e)+"."+{53:"63256f40",77:"262650df",100:"62dec932",113:"29dd80f7",118:"128a0933",135:"f34417da",143:"863c94a5",284:"a34ab040",302:"cfdd32f2",338:"d0caaf8f",400:"784d4947",674:"650c2100",737:"40dbcf66",741:"1b00d052",748:"0b3fbef4",804:"a5bcf814",823:"3198e4f1",860:"e05c513f",948:"302fe9b1",971:"17859950",1054:"893ff0e5",1090:"bfcc45c1",1293:"f6f5e5a9",1515:"36e845b9",1756:"8cd0b908",1914:"01df75db",1969:"de749e10",2018:"73575d5a",2130:"3d222295",2183:"b56a2485",2210:"b18db291",2267:"ce1b21de",2286:"b04b450d",2298:"052fb16d",2319:"764a4716",2362:"9af3d4a7",2503:"7c49093d",2529:"1f31d3af",2535:"9ab2586f",2553:"1f0137ef",2557:"95f23442",2669:"1441d878",2676:"1f532204",2717:"baf27677",2751:"1a13901b",2756:"9246e476",2861:"a1c9a503",3085:"a91713fb",3089:"49f825b1",3114:"befb92aa",3142:"2e69775d",3213:"c064789b",3237:"e38a1c94",3272:"8963cf13",3450:"76518f42",3514:"a68ea524",3542:"5a908851",3548:"76104566",3606:"761cbb7d",3608:"996bc6a6",3626:"ef02b30a",3783:"72f0b101",3817:"7151b0b3",4013:"bed7f789",4021:"343208f8",4101:"dca31bf2",4156:"b1104eee",4180:"22c759e7",4367:"99049c48",4419:"0c4981c9",4560:"95915b79",4669:"bed0934c",4706:"09c29b3c",4713:"6df1f42f",4738:"4e4d7def",4758:"ca186c50",4814:"c0ddeb0e",4867:"d13c2d70",4913:"5cdf1ff6",4972:"4a3c05d9",4994:"7cba14c1",5009:"fafce5c8",5242:"64b21934",5254:"f80867cb",5309:"a9d82837",5401:"b13dfa4b",5410:"7eda3f09",5640:"bb5102a9",5711:"d61965a7",5799:"71fb79cd",5882:"b58f8c2f",6006:"e72f7184",6053:"985607fe",6103:"7284d7b5",6117:"9c75469e",6146:"bb36e842",6385:"9bf402a8",6411:"9e8438bd",6483:"89406851",6500:"54477c38",6654:"81ad0740",6816:"57af61fc",6864:"8a32f3b5",6888:"a1356aaa",6921:"add6ac87",6945:"e6ca558a",7006:"96f7638b",7237:"fc6fe1ac",7241:"07d53dc7",7372:"6bdd045e",7414:"4c9ea4ae",7575:"985d76e5",7645:"8a3a8041",7713:"824d4f46",7714:"8b0cd1d1",7770:"41b014f0",7774:"bbb23520",7853:"9a768a10",7899:"d4a102de",7918:"da693b0a",7920:"56234580",7954:"092608d9",8052:"52394f3f",8097:"32d25836",8163:"f7242e77",8184:"6bf144d6",8266:"ae5827de",8271:"60b718c6",8274:"2bd0c8cf",8340:"dda56756",8484:"6526a1aa",8610:"b35ecf69",8636:"b86c1f8e",8695:"6f169769",8775:"c453fd89",8894:"7c49b0c7",8963:"0d070d90",9003:"8cfb601b",9122:"fb49844b",9187:"ed9cebd0",9254:"fd692801",9300:"4e0d7d0a",9334:"dadfb5a6",9430:"e3d9b996",9479:"6437c498",9512:"974050b8",9514:"ac5966ce",9642:"4cff3279",9671:"b3067e00",9765:"545bbca1",9773:"ee577f48",9817:"883982ec"}[e]+".js",r.miniCssF=e=>{},r.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),r.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),c={},b="docs:",r.l=(e,a,f,d)=>{if(c[e])c[e].push(a);else{var t,o;if(void 0!==f)for(var n=document.getElementsByTagName("script"),i=0;i{t.onerror=t.onload=null,clearTimeout(s);var b=c[e];if(delete c[e],t.parentNode&&t.parentNode.removeChild(t),b&&b.forEach((e=>e(f))),a)return a(f)},s=setTimeout(l.bind(null,void 0,{type:"timeout",target:t}),12e4);t.onerror=l.bind(null,t.onerror),t.onload=l.bind(null,t.onload),o&&document.head.appendChild(t)}},r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.p="/docs/",r.gca=function(e){return e={11979435:"6053",17896441:"7918",37442637:"6921",47466670:"3783",59362658:"2267",65939189:"118","935f2afb":"53",db56099b:"77",edb92ad1:"100",a1a6deee:"113",f98ba6a5:"135",a3cb5a79:"284","02ee1ede":"302","7ba62296":"338","5902c23e":"400",c0f58765:"674",bf225fbf:"737","077b5eae":"741","7d2122a7":"748","9434f7c2":"804","81309b22":"823","7e311ce9":"860","8717b14a":"948","96cd1e66":"971","3a2f8c29":"1054","75a1f606":"1090",c8bfc3c3:"1293","0b55ed45":"1515",bbff592c:"1756",d9f32620:"1914",f435b9e5:"1969","76bab187":"2018","479f9f02":"2130",f38e51bd:"2183","75a0b613":"2210","5c0b858e":"2286","356fcfba":"2298",fa54ebc9:"2319",e273c56f:"2362","225b9bb9":"2503","814f3328":"2535",b6d6dc1f:"2553",ef391634:"2557",e8f307c8:"2669","04a7a3dc":"2676",e14e76e6:"2717","60594fed":"2751","33cd366b":"2756",b467e9a3:"2861","1f391b9e":"3085",a6aa9e1f:"3089","0e3208da":"3114","6b427d76":"3142","8af6ac7f":"3213","1df93b7f":"3237","85aaa281":"3272","1a50de3a":"3450","73664a40":"3514","86fd28db":"3542","09c4f5fe":"3548","05aa65b8":"3606","9e4087bc":"3608","46298a74":"3626","6402471d":"3817","01a85c17":"4013","4f51738e":"4021",a3237f67:"4101","3f238e7e":"4156",ff1aa532:"4180",e9dbc252:"4367",c8a5b5fa:"4419","12fc8e8e":"4560","2c8cbbce":"4669",ce90b77f:"4706","58d5199e":"4713",e5524078:"4738","4086eb81":"4758",c17682bc:"4814","03e928b1":"4867","0e2ac77a":"4913",e2ded9a7:"4994",e9addcec:"5009",ffee94e8:"5242","8dcef946":"5254","2630308a":"5309","8a629c35":"5401",c626a2c5:"5410","3c3a6d04":"5640","03448f8d":"5711","9bd0bcb1":"5799",ee5850f2:"5882","5d60f430":"6006",ccc49370:"6103",afc43adc:"6117","5e23d281":"6146","59b068d1":"6385","9124b4b8":"6411",ecf47335:"6483","1664884e":"6500","2a451712":"6654","2da06643":"6816","27dfb011":"6864","856c019d":"6888","6c7075a0":"7006","087eafa8":"7237","049ea00c":"7241","4da85f81":"7372","393be207":"7414","58b0271c":"7575",a7434565:"7645","4c04bac1":"7714",aaaeca1a:"7770",f7f4e350:"7774","2f1c48be":"7853",f03811bd:"7899","1a4e3797":"7920","904d810f":"7954",da44e7c5:"8052","3f8780d5":"8097",f1087ee1:"8163","0c032c40":"8184","7dd7419e":"8266","1c091541":"8271",e097e83f:"8274","0f0a217c":"8340","9ee85e38":"8484","6875c492":"8610",f4f34a3a:"8636","6e59e873":"8695",d9fa27b6:"8775",be8d92c2:"8963","925b3f96":"9003","5e26c4bd":"9122",a218533e:"9187",b0ccc11d:"9254","7904627e":"9300","247783bb":"9334","40961fc6":"9430","516ae4bd":"9479","846fbd80":"9512","1be78505":"9514","7661071f":"9642","0e384e19":"9671","3cff1ddb":"9765",b50dee57:"9773","14eb3368":"9817"}[e]||e,r.p+r.u(e)},(()=>{var e={1303:0,532:0};r.f.j=(a,f)=>{var c=r.o(e,a)?e[a]:void 0;if(0!==c)if(c)f.push(c[2]);else if(/^(1303|532)$/.test(a))e[a]=0;else{var b=new Promise(((f,b)=>c=e[a]=[f,b]));f.push(c[2]=b);var d=r.p+r.u(a),t=new Error;r.l(d,(f=>{if(r.o(e,a)&&(0!==(c=e[a])&&(e[a]=void 0),c)){var b=f&&("load"===f.type?"missing":f.type),d=f&&f.target&&f.target.src;t.message="Loading chunk "+a+" failed.\n("+b+": "+d+")",t.name="ChunkLoadError",t.type=b,t.request=d,c[1](t)}}),"chunk-"+a,a)}},r.O.j=a=>0===e[a];var a=(a,f)=>{var c,b,d=f[0],t=f[1],o=f[2],n=0;if(d.some((a=>0!==e[a]))){for(c in t)r.o(t,c)&&(r.m[c]=t[c]);if(o)var i=o(r)}for(a&&a(f);n