@apollosproject/canvas-embeds 2.1.1134 → 2.1.1136
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.
- package/README.md +1 -50
- package/package.json +1 -4
- package/widget/index.css +1 -1
- package/widget/index.js +451 -623
package/README.md
CHANGED
|
@@ -71,7 +71,6 @@ Navigate to your site builder (e.g., Webflow) and add a `div` element for each e
|
|
|
71
71
|
- FeatureFeed — curated content feeds
|
|
72
72
|
- Search — classic Algolia search and profile UI
|
|
73
73
|
- Ask — AI Q&A assistant (separate from Search)
|
|
74
|
-
- Donation — Stripe-powered giving
|
|
75
74
|
|
|
76
75
|
Each `div` must include the `apollos-widget` class.
|
|
77
76
|
|
|
@@ -99,20 +98,6 @@ Example:
|
|
|
99
98
|
|
|
100
99
|
<!-- Ask (AI assistant) -->
|
|
101
100
|
<div class="apollos-widget" data-type="Ask" data-church="example_church"></div>
|
|
102
|
-
|
|
103
|
-
<!-- Donation -->
|
|
104
|
-
<div
|
|
105
|
-
class="apollos-widget"
|
|
106
|
-
data-type="Donation"
|
|
107
|
-
data-church="example_church"
|
|
108
|
-
data-amount="50"
|
|
109
|
-
data-frequency="monthly"
|
|
110
|
-
data-campus="main"
|
|
111
|
-
data-fund="general"
|
|
112
|
-
data-message="Support our mission and make a difference today."
|
|
113
|
-
data-width="500px"
|
|
114
|
-
data-height="700px"
|
|
115
|
-
></div>
|
|
116
101
|
```
|
|
117
102
|
|
|
118
103
|
|
|
@@ -125,21 +110,11 @@ Use `data-attributes` (or **Custom Attributes** in Webflow) to customize the beh
|
|
|
125
110
|
|
|
126
111
|
| **Attribute** | **Description** |
|
|
127
112
|
| -------------------------- | ----------------------------------------------------------- |
|
|
128
|
-
| `data-type` | One of: `Auth`, `FeatureFeed`, `Search`, `Ask
|
|
113
|
+
| `data-type` | One of: `Auth`, `FeatureFeed`, `Search`, `Ask`. |
|
|
129
114
|
| `data-church` | Church slug (e.g., `bayside`). |
|
|
130
115
|
| `data-search-profile-size` | (Search) Width of the profile modal. |
|
|
131
116
|
| `data-hide-apollos-auth` | (Search) Hides the profile/auth UI. |
|
|
132
117
|
| `data-feature-feed` | (FeatureFeed) ID of the feed to show. |
|
|
133
|
-
| `data-amount` | (Donation) Default donation amount. |
|
|
134
|
-
| `data-frequency` | (Donation) `one-time`, `monthly`, or `yearly`. |
|
|
135
|
-
| `data-campus` | (Donation) Campus for the donation. |
|
|
136
|
-
| `data-fund` | (Donation) Fund for the donation. |
|
|
137
|
-
| `data-message` | (Donation) Message above the form. |
|
|
138
|
-
| `data-width` | (Donation) Width (e.g., `400`, `100%`). |
|
|
139
|
-
| `data-height` | (Donation) Height (e.g., `600`, `100vh`). |
|
|
140
|
-
| `data-display-logo` | (Donation) Show logo (`true`/`false`, default `true`). |
|
|
141
|
-
| `data-title` | (Donation) Custom title (empty hides title). |
|
|
142
|
-
| `data-display-header` | (Donation) Show header (`true`/`false`, default `true`). |
|
|
143
118
|
|
|
144
119
|
Example for a FeatureFeed embed:
|
|
145
120
|
|
|
@@ -153,26 +128,6 @@ Example for a FeatureFeed embed:
|
|
|
153
128
|
></div>
|
|
154
129
|
```
|
|
155
130
|
|
|
156
|
-
Example for a Donation embed:
|
|
157
|
-
|
|
158
|
-
```html
|
|
159
|
-
<div
|
|
160
|
-
class="apollos-widget"
|
|
161
|
-
data-type="Donation"
|
|
162
|
-
data-church="example_church"
|
|
163
|
-
data-amount="50"
|
|
164
|
-
data-frequency="monthly"
|
|
165
|
-
data-campus="main"
|
|
166
|
-
data-fund="general"
|
|
167
|
-
data-message="Support our mission and make a difference today."
|
|
168
|
-
data-width="500"
|
|
169
|
-
data-height="700"
|
|
170
|
-
data-title="Support Our Ministry"
|
|
171
|
-
data-display-logo="true"
|
|
172
|
-
data-display-header="true"
|
|
173
|
-
></div>
|
|
174
|
-
```
|
|
175
|
-
|
|
176
131
|
|
|
177
132
|
|
|
178
133
|
|
|
@@ -271,10 +226,6 @@ yarn flush
|
|
|
271
226
|
| `Search` | `data-church`, `data-search-profile-size` |
|
|
272
227
|
| | `data-hide-apollos-auth` |
|
|
273
228
|
| `Ask` | `data-church` |
|
|
274
|
-
| `Donation` | `data-church`, `data-amount`, `data-frequency` |
|
|
275
|
-
| | `data-campus`, `data-fund`, `data-message` |
|
|
276
|
-
| | `data-width`, `data-height` |
|
|
277
|
-
| | `data-display-logo`, `data-title`, `data-display-header` |
|
|
278
229
|
|
|
279
230
|
#### Path Routing
|
|
280
231
|
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@apollosproject/canvas-embeds",
|
|
3
3
|
"description": "Apollos React embed widgets",
|
|
4
|
-
"version": "2.1.
|
|
4
|
+
"version": "2.1.1136",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"main": "./dist/index.umd.js",
|
|
7
7
|
"module": "./dist/index.es.js",
|
|
@@ -23,12 +23,9 @@
|
|
|
23
23
|
"@algolia/autocomplete-theme-classic": "^1.9.2",
|
|
24
24
|
"@apollo/client": "^3.7.4",
|
|
25
25
|
"@apollosproject/canvas-ui-web": "workspace:^",
|
|
26
|
-
"@apollosproject/donation-embed": "workspace:^",
|
|
27
26
|
"@phosphor-icons/react": "2.1.10",
|
|
28
27
|
"@segment/analytics-next": "^1.62.0",
|
|
29
28
|
"@sentry/react": "^7.40.0",
|
|
30
|
-
"@stripe/react-stripe-js": "^2.4.0",
|
|
31
|
-
"@stripe/stripe-js": "^2.4.0",
|
|
32
29
|
"@styled-system/theme-get": "^5.1.2",
|
|
33
30
|
"algoliasearch": "^4.17.0",
|
|
34
31
|
"apollo-upload-client": "^17.0.0",
|