@embeddables/cli 0.1.0
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 +116 -0
- package/bin/embeddables.mjs +2 -0
- package/dist/auth/index.d.ts +43 -0
- package/dist/auth/index.d.ts.map +1 -0
- package/dist/auth/index.js +100 -0
- package/dist/cli.d.ts +2 -0
- package/dist/cli.d.ts.map +1 -0
- package/dist/cli.js +75 -0
- package/dist/commands/build-workbench.d.ts +5 -0
- package/dist/commands/build-workbench.d.ts.map +1 -0
- package/dist/commands/build-workbench.js +122 -0
- package/dist/commands/build.d.ts +7 -0
- package/dist/commands/build.d.ts.map +1 -0
- package/dist/commands/build.js +22 -0
- package/dist/commands/dev.d.ts +11 -0
- package/dist/commands/dev.d.ts.map +1 -0
- package/dist/commands/dev.js +153 -0
- package/dist/commands/login.d.ts +2 -0
- package/dist/commands/login.d.ts.map +1 -0
- package/dist/commands/login.js +112 -0
- package/dist/commands/logout.d.ts +2 -0
- package/dist/commands/logout.d.ts.map +1 -0
- package/dist/commands/logout.js +18 -0
- package/dist/commands/pull.d.ts +7 -0
- package/dist/commands/pull.d.ts.map +1 -0
- package/dist/commands/pull.js +97 -0
- package/dist/compiler/errors.d.ts +20 -0
- package/dist/compiler/errors.d.ts.map +1 -0
- package/dist/compiler/errors.js +35 -0
- package/dist/compiler/evalStatic.d.ts +3 -0
- package/dist/compiler/evalStatic.d.ts.map +1 -0
- package/dist/compiler/evalStatic.js +57 -0
- package/dist/compiler/flatten.js +1 -0
- package/dist/compiler/helpers/duplicateIds.d.ts +9 -0
- package/dist/compiler/helpers/duplicateIds.d.ts.map +1 -0
- package/dist/compiler/helpers/duplicateIds.js +71 -0
- package/dist/compiler/index.d.ts +16 -0
- package/dist/compiler/index.d.ts.map +1 -0
- package/dist/compiler/index.js +934 -0
- package/dist/compiler/parsePage.d.ts +15 -0
- package/dist/compiler/parsePage.d.ts.map +1 -0
- package/dist/compiler/parsePage.js +562 -0
- package/dist/compiler/registry.d.ts +4 -0
- package/dist/compiler/registry.d.ts.map +1 -0
- package/dist/compiler/registry.js +44 -0
- package/dist/compiler/reverse.d.ts +17 -0
- package/dist/compiler/reverse.d.ts.map +1 -0
- package/dist/compiler/reverse.js +1632 -0
- package/dist/compiler/types.d.ts +21 -0
- package/dist/compiler/types.d.ts.map +1 -0
- package/dist/compiler/types.js +1 -0
- package/dist/components/index.d.ts +21 -0
- package/dist/components/index.d.ts.map +1 -0
- package/dist/components/index.js +21 -0
- package/dist/components/primitives/BaseComponent.d.ts +32 -0
- package/dist/components/primitives/BaseComponent.d.ts.map +1 -0
- package/dist/components/primitives/BaseComponent.js +26 -0
- package/dist/components/primitives/BookMeeting.d.ts +18 -0
- package/dist/components/primitives/BookMeeting.d.ts.map +1 -0
- package/dist/components/primitives/BookMeeting.js +5 -0
- package/dist/components/primitives/Chart.d.ts +41 -0
- package/dist/components/primitives/Chart.d.ts.map +1 -0
- package/dist/components/primitives/Chart.js +5 -0
- package/dist/components/primitives/Container.d.ts +8 -0
- package/dist/components/primitives/Container.d.ts.map +1 -0
- package/dist/components/primitives/Container.js +5 -0
- package/dist/components/primitives/CustomButton.d.ts +37 -0
- package/dist/components/primitives/CustomButton.d.ts.map +1 -0
- package/dist/components/primitives/CustomButton.js +10 -0
- package/dist/components/primitives/CustomHTML.d.ts +8 -0
- package/dist/components/primitives/CustomHTML.d.ts.map +1 -0
- package/dist/components/primitives/CustomHTML.js +5 -0
- package/dist/components/primitives/FileUpload.d.ts +18 -0
- package/dist/components/primitives/FileUpload.d.ts.map +1 -0
- package/dist/components/primitives/FileUpload.js +16 -0
- package/dist/components/primitives/InputBox.d.ts +34 -0
- package/dist/components/primitives/InputBox.d.ts.map +1 -0
- package/dist/components/primitives/InputBox.js +25 -0
- package/dist/components/primitives/Lottie.d.ts +11 -0
- package/dist/components/primitives/Lottie.d.ts.map +1 -0
- package/dist/components/primitives/Lottie.js +5 -0
- package/dist/components/primitives/MediaEmbed.d.ts +13 -0
- package/dist/components/primitives/MediaEmbed.d.ts.map +1 -0
- package/dist/components/primitives/MediaEmbed.js +6 -0
- package/dist/components/primitives/MediaImage.d.ts +8 -0
- package/dist/components/primitives/MediaImage.d.ts.map +1 -0
- package/dist/components/primitives/MediaImage.js +5 -0
- package/dist/components/primitives/OptionSelector.d.ts +35 -0
- package/dist/components/primitives/OptionSelector.d.ts.map +1 -0
- package/dist/components/primitives/OptionSelector.js +8 -0
- package/dist/components/primitives/PaypalCheckout.d.ts +25 -0
- package/dist/components/primitives/PaypalCheckout.d.ts.map +1 -0
- package/dist/components/primitives/PaypalCheckout.js +5 -0
- package/dist/components/primitives/PlainText.d.ts +6 -0
- package/dist/components/primitives/PlainText.d.ts.map +1 -0
- package/dist/components/primitives/PlainText.js +5 -0
- package/dist/components/primitives/ProgressBar.d.ts +15 -0
- package/dist/components/primitives/ProgressBar.d.ts.map +1 -0
- package/dist/components/primitives/ProgressBar.js +5 -0
- package/dist/components/primitives/RichText.d.ts +6 -0
- package/dist/components/primitives/RichText.d.ts.map +1 -0
- package/dist/components/primitives/RichText.js +5 -0
- package/dist/components/primitives/RichTextMarkdown.d.ts +6 -0
- package/dist/components/primitives/RichTextMarkdown.d.ts.map +1 -0
- package/dist/components/primitives/RichTextMarkdown.js +5 -0
- package/dist/components/primitives/Rive.d.ts +16 -0
- package/dist/components/primitives/Rive.d.ts.map +1 -0
- package/dist/components/primitives/Rive.js +8 -0
- package/dist/components/primitives/StripeCheckout.d.ts +52 -0
- package/dist/components/primitives/StripeCheckout.d.ts.map +1 -0
- package/dist/components/primitives/StripeCheckout.js +5 -0
- package/dist/components/primitives/StripeCheckout2.d.ts +30 -0
- package/dist/components/primitives/StripeCheckout2.d.ts.map +1 -0
- package/dist/components/primitives/StripeCheckout2.js +7 -0
- package/dist/proxy/injectApiInterceptor.d.ts +6 -0
- package/dist/proxy/injectApiInterceptor.d.ts.map +1 -0
- package/dist/proxy/injectApiInterceptor.js +66 -0
- package/dist/proxy/injectReload.d.ts +2 -0
- package/dist/proxy/injectReload.d.ts.map +1 -0
- package/dist/proxy/injectReload.js +14 -0
- package/dist/proxy/injectWorkbench.d.ts +4 -0
- package/dist/proxy/injectWorkbench.d.ts.map +1 -0
- package/dist/proxy/injectWorkbench.js +16 -0
- package/dist/proxy/server.d.ts +11 -0
- package/dist/proxy/server.d.ts.map +1 -0
- package/dist/proxy/server.js +246 -0
- package/dist/proxy/sse.d.ts +5 -0
- package/dist/proxy/sse.d.ts.map +1 -0
- package/dist/proxy/sse.js +17 -0
- package/dist/types-builder.d.ts +800 -0
- package/dist/types-builder.d.ts.map +1 -0
- package/dist/types-builder.js +20 -0
- package/dist/workbench/ActionsPanel.d.ts +6 -0
- package/dist/workbench/ActionsPanel.d.ts.map +1 -0
- package/dist/workbench/ActionsPanel.js +47 -0
- package/dist/workbench/AutofillPanel.d.ts +6 -0
- package/dist/workbench/AutofillPanel.d.ts.map +1 -0
- package/dist/workbench/AutofillPanel.js +543 -0
- package/dist/workbench/ComputedFieldsPanel.d.ts +6 -0
- package/dist/workbench/ComputedFieldsPanel.d.ts.map +1 -0
- package/dist/workbench/ComputedFieldsPanel.js +31 -0
- package/dist/workbench/ExperimentsPanel.d.ts +6 -0
- package/dist/workbench/ExperimentsPanel.d.ts.map +1 -0
- package/dist/workbench/ExperimentsPanel.js +182 -0
- package/dist/workbench/FieldEditorPanel.d.ts +9 -0
- package/dist/workbench/FieldEditorPanel.d.ts.map +1 -0
- package/dist/workbench/FieldEditorPanel.js +650 -0
- package/dist/workbench/InspectorPanel.d.ts +6 -0
- package/dist/workbench/InspectorPanel.d.ts.map +1 -0
- package/dist/workbench/InspectorPanel.js +341 -0
- package/dist/workbench/PageNavigator.d.ts +6 -0
- package/dist/workbench/PageNavigator.d.ts.map +1 -0
- package/dist/workbench/PageNavigator.js +123 -0
- package/dist/workbench/SchemaPanel.d.ts +6 -0
- package/dist/workbench/SchemaPanel.d.ts.map +1 -0
- package/dist/workbench/SchemaPanel.js +222 -0
- package/dist/workbench/UserDataPanel.d.ts +6 -0
- package/dist/workbench/UserDataPanel.d.ts.map +1 -0
- package/dist/workbench/UserDataPanel.js +350 -0
- package/dist/workbench/WorkbenchApp.d.ts +6 -0
- package/dist/workbench/WorkbenchApp.d.ts.map +1 -0
- package/dist/workbench/WorkbenchApp.js +193 -0
- package/dist/workbench/cloudflare-worker/README.md +31 -0
- package/dist/workbench/cloudflare-worker/public/workbench.css +1614 -0
- package/dist/workbench/cloudflare-worker/public/workbench.js +77 -0
- package/dist/workbench/cloudflare-worker/worker.js +40 -0
- package/dist/workbench/cloudflare-worker/wrangler.toml +10 -0
- package/dist/workbench/index.d.ts +9 -0
- package/dist/workbench/index.d.ts.map +1 -0
- package/dist/workbench/index.js +44 -0
- package/dist/workbench/workbench.css +1614 -0
- package/dist/workbench/workbench.js +77 -0
- package/package.json +79 -0
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
export type PageJson = {
|
|
2
|
+
key: string;
|
|
3
|
+
showNav: boolean;
|
|
4
|
+
tags: string[];
|
|
5
|
+
id: string;
|
|
6
|
+
components: ComponentJson[];
|
|
7
|
+
};
|
|
8
|
+
export type ComponentJson = Record<string, any> & {
|
|
9
|
+
type: string;
|
|
10
|
+
id: string;
|
|
11
|
+
key: string;
|
|
12
|
+
tags: string[];
|
|
13
|
+
parent_id?: string;
|
|
14
|
+
};
|
|
15
|
+
export type CompileResult = {
|
|
16
|
+
pages: PageJson[];
|
|
17
|
+
embeddable: {
|
|
18
|
+
pages: PageJson[];
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/compiler/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,GAAG;IACrB,GAAG,EAAE,MAAM,CAAA;IACX,OAAO,EAAE,OAAO,CAAA;IAChB,IAAI,EAAE,MAAM,EAAE,CAAA;IACd,EAAE,EAAE,MAAM,CAAA;IACV,UAAU,EAAE,aAAa,EAAE,CAAA;CAC5B,CAAA;AAED,MAAM,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG;IAChD,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,EAAE,MAAM,CAAA;IACV,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,EAAE,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,QAAQ,EAAE,CAAA;IAEjB,UAAU,EAAE;QAAE,KAAK,EAAE,QAAQ,EAAE,CAAA;KAAE,CAAA;CAClC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
export * from './primitives/BaseComponent';
|
|
2
|
+
export * from './primitives/BookMeeting';
|
|
3
|
+
export * from './primitives/Chart';
|
|
4
|
+
export * from './primitives/Container';
|
|
5
|
+
export * from './primitives/CustomButton';
|
|
6
|
+
export * from './primitives/CustomHTML';
|
|
7
|
+
export * from './primitives/FileUpload';
|
|
8
|
+
export * from './primitives/InputBox';
|
|
9
|
+
export * from './primitives/Lottie';
|
|
10
|
+
export * from './primitives/MediaEmbed';
|
|
11
|
+
export * from './primitives/MediaImage';
|
|
12
|
+
export * from './primitives/OptionSelector';
|
|
13
|
+
export * from './primitives/PaypalCheckout';
|
|
14
|
+
export * from './primitives/PlainText';
|
|
15
|
+
export * from './primitives/ProgressBar';
|
|
16
|
+
export * from './primitives/RichText';
|
|
17
|
+
export * from './primitives/RichTextMarkdown';
|
|
18
|
+
export * from './primitives/Rive';
|
|
19
|
+
export * from './primitives/StripeCheckout';
|
|
20
|
+
export * from './primitives/StripeCheckout2';
|
|
21
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,cAAc,4BAA4B,CAAA;AAC1C,cAAc,0BAA0B,CAAA;AACxC,cAAc,oBAAoB,CAAA;AAClC,cAAc,wBAAwB,CAAA;AACtC,cAAc,2BAA2B,CAAA;AACzC,cAAc,yBAAyB,CAAA;AACvC,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,yBAAyB,CAAA;AACvC,cAAc,yBAAyB,CAAA;AACvC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,wBAAwB,CAAA;AACtC,cAAc,0BAA0B,CAAA;AACxC,cAAc,uBAAuB,CAAA;AACrC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,mBAAmB,CAAA;AACjC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,8BAA8B,CAAA"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
// Primitive components
|
|
2
|
+
export * from './primitives/BaseComponent';
|
|
3
|
+
export * from './primitives/BookMeeting';
|
|
4
|
+
export * from './primitives/Chart';
|
|
5
|
+
export * from './primitives/Container';
|
|
6
|
+
export * from './primitives/CustomButton';
|
|
7
|
+
export * from './primitives/CustomHTML';
|
|
8
|
+
export * from './primitives/FileUpload';
|
|
9
|
+
export * from './primitives/InputBox';
|
|
10
|
+
export * from './primitives/Lottie';
|
|
11
|
+
export * from './primitives/MediaEmbed';
|
|
12
|
+
export * from './primitives/MediaImage';
|
|
13
|
+
export * from './primitives/OptionSelector';
|
|
14
|
+
export * from './primitives/PaypalCheckout';
|
|
15
|
+
export * from './primitives/PlainText';
|
|
16
|
+
export * from './primitives/ProgressBar';
|
|
17
|
+
export * from './primitives/RichText';
|
|
18
|
+
export * from './primitives/RichTextMarkdown';
|
|
19
|
+
export * from './primitives/Rive';
|
|
20
|
+
export * from './primitives/StripeCheckout';
|
|
21
|
+
export * from './primitives/StripeCheckout2';
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { Condition, ConditionalTag, GlobalComponentLocation } from '../../types-builder';
|
|
3
|
+
export interface BaseComponentProps {
|
|
4
|
+
id: string;
|
|
5
|
+
key: string;
|
|
6
|
+
parent_id?: string;
|
|
7
|
+
_location?: GlobalComponentLocation;
|
|
8
|
+
hide?: boolean;
|
|
9
|
+
conditions?: Condition[];
|
|
10
|
+
tags?: string[];
|
|
11
|
+
repeater_key?: string;
|
|
12
|
+
element_id?: string;
|
|
13
|
+
tooltip?: string;
|
|
14
|
+
page_reactive_classes?: boolean;
|
|
15
|
+
conditional_tags?: ConditionalTag[];
|
|
16
|
+
outputs_onmounted?: string[];
|
|
17
|
+
outputs_onunmounted?: string[];
|
|
18
|
+
outputs_onrepeatablerender?: string[];
|
|
19
|
+
always_rerender?: boolean;
|
|
20
|
+
ignore_in_qa_tests?: boolean;
|
|
21
|
+
ignore_recording?: boolean;
|
|
22
|
+
props?: Record<string, any>;
|
|
23
|
+
}
|
|
24
|
+
export interface InputComponentProps extends BaseComponentProps {
|
|
25
|
+
isRequired?: boolean;
|
|
26
|
+
doNotSave?: 'cloud' | boolean;
|
|
27
|
+
}
|
|
28
|
+
export declare function BaseComponentWrapper({ id, key: componentKey, element_id, hide, tooltip, children, className, ...rest }: BaseComponentProps & {
|
|
29
|
+
children: React.ReactNode;
|
|
30
|
+
className?: string;
|
|
31
|
+
}): import("react/jsx-runtime").JSX.Element | null;
|
|
32
|
+
//# sourceMappingURL=BaseComponent.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BaseComponent.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/BaseComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAA;AAE7F,MAAM,WAAW,kBAAkB;IACjC,EAAE,EAAE,MAAM,CAAA;IACV,GAAG,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,uBAAuB,CAAA;IACnC,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,UAAU,CAAC,EAAE,SAAS,EAAE,CAAA;IACxB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAA;IACf,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,gBAAgB,CAAC,EAAE,cAAc,EAAE,CAAA;IACnC,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC5B,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC9B,0BAA0B,CAAC,EAAE,MAAM,EAAE,CAAA;IACrC,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAC5B;AAED,MAAM,WAAW,mBAAoB,SAAQ,kBAAkB;IAC7D,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,GAAG,OAAO,CAAA;CAC9B;AAED,wBAAgB,oBAAoB,CAAC,EACnC,EAAE,EACF,GAAG,EAAE,YAAY,EACjB,UAAU,EACV,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,kBAAkB,GAAG;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,kDA+BA"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
export function BaseComponentWrapper({ id, key: componentKey, element_id, hide, tooltip, children, className, ...rest }) {
|
|
3
|
+
if (hide) {
|
|
4
|
+
return null;
|
|
5
|
+
}
|
|
6
|
+
const dataAttributes = {
|
|
7
|
+
'data-id': id,
|
|
8
|
+
'data-key': componentKey,
|
|
9
|
+
};
|
|
10
|
+
if (rest.parent_id) {
|
|
11
|
+
dataAttributes['data-parent-id'] = rest.parent_id;
|
|
12
|
+
}
|
|
13
|
+
if (rest._location) {
|
|
14
|
+
dataAttributes['data-location'] = rest._location;
|
|
15
|
+
}
|
|
16
|
+
if (rest.repeater_key) {
|
|
17
|
+
dataAttributes['data-repeater-key'] = rest.repeater_key;
|
|
18
|
+
}
|
|
19
|
+
if (rest.tags && rest.tags.length > 0) {
|
|
20
|
+
dataAttributes['data-tags'] = rest.tags.join(',');
|
|
21
|
+
}
|
|
22
|
+
if (rest.page_reactive_classes) {
|
|
23
|
+
dataAttributes['data-page-reactive-classes'] = 'true';
|
|
24
|
+
}
|
|
25
|
+
return (_jsx("div", { ...dataAttributes, id: element_id, className: className, title: tooltip, children: children }));
|
|
26
|
+
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { type BaseComponentProps } from './BaseComponent';
|
|
2
|
+
export interface BookMeetingProps extends BaseComponentProps {
|
|
3
|
+
service: 'hubspot' | 'calendly';
|
|
4
|
+
next_on_complete?: boolean;
|
|
5
|
+
next_on_complete_timeout?: number;
|
|
6
|
+
embedUrl: string;
|
|
7
|
+
store_scheduled_event_id?: string;
|
|
8
|
+
prefill_keys?: string[];
|
|
9
|
+
prefill?: {
|
|
10
|
+
firstname?: string;
|
|
11
|
+
lastname?: string;
|
|
12
|
+
email?: string;
|
|
13
|
+
[key: string]: string | undefined;
|
|
14
|
+
};
|
|
15
|
+
isTesting?: boolean;
|
|
16
|
+
}
|
|
17
|
+
export declare function BookMeeting({ id, key, service, embedUrl, next_on_complete, next_on_complete_timeout, store_scheduled_event_id, prefill_keys, prefill, isTesting, ...baseProps }: BookMeetingProps): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
//# sourceMappingURL=BookMeeting.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BookMeeting.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/BookMeeting.tsx"],"names":[],"mappings":"AACA,OAAO,EAAwB,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAE/E,MAAM,WAAW,gBAAiB,SAAQ,kBAAkB;IAC1D,OAAO,EAAE,SAAS,GAAG,UAAU,CAAA;IAC/B,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,wBAAwB,CAAC,EAAE,MAAM,CAAA;IACjC,QAAQ,EAAE,MAAM,CAAA;IAChB,wBAAwB,CAAC,EAAE,MAAM,CAAA;IACjC,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,OAAO,CAAC,EAAE;QACR,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;KAClC,CAAA;IACD,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,wBAAgB,WAAW,CAAC,EAC1B,EAAE,EACF,GAAG,EACH,OAAO,EACP,QAAQ,EACR,gBAAgB,EAChB,wBAAwB,EACxB,wBAAwB,EACxB,YAAY,EACZ,OAAO,EACP,SAAS,EACT,GAAG,SAAS,EACb,EAAE,gBAAgB,2CA4BlB"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { BaseComponentWrapper } from './BaseComponent';
|
|
3
|
+
export function BookMeeting({ id, key, service, embedUrl, next_on_complete, next_on_complete_timeout, store_scheduled_event_id, prefill_keys, prefill, isTesting, ...baseProps }) {
|
|
4
|
+
return (_jsx(BaseComponentWrapper, { id: id, ...baseProps, className: `book-meeting book-meeting-${service}`, children: _jsx("div", { className: "booking-widget", "data-service": service, "data-embed-url": embedUrl, "data-next-on-complete": next_on_complete, "data-timeout": next_on_complete_timeout, "data-store-event-id": store_scheduled_event_id, "data-prefill-keys": prefill_keys?.join(','), "data-testing": isTesting, children: prefill && (_jsx("div", { className: "prefill-data", "data-prefill": JSON.stringify(prefill), style: { display: 'none' } })) }) }, key));
|
|
5
|
+
}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { type BaseComponentProps } from './BaseComponent';
|
|
2
|
+
export interface ChartProps extends BaseComponentProps {
|
|
3
|
+
chart_type?: 'line' | 'bar' | 'radar' | 'bubble' | 'doughnut' | 'pie' | 'polarArea' | 'scatter';
|
|
4
|
+
data?: {
|
|
5
|
+
labels?: string | string[];
|
|
6
|
+
datasets?: [
|
|
7
|
+
{
|
|
8
|
+
label?: string;
|
|
9
|
+
data?: [number | {
|
|
10
|
+
x: number;
|
|
11
|
+
y: number;
|
|
12
|
+
r: number;
|
|
13
|
+
}] | string;
|
|
14
|
+
fill?: boolean;
|
|
15
|
+
border_color?: string | string[];
|
|
16
|
+
border_width?: number;
|
|
17
|
+
background_color?: string[];
|
|
18
|
+
line_tension?: number;
|
|
19
|
+
hover_offset?: number;
|
|
20
|
+
}
|
|
21
|
+
];
|
|
22
|
+
};
|
|
23
|
+
options?: any;
|
|
24
|
+
scales?: {
|
|
25
|
+
y?: {
|
|
26
|
+
begin_at_zero?: boolean;
|
|
27
|
+
};
|
|
28
|
+
x?: {
|
|
29
|
+
begin_at_zero?: boolean;
|
|
30
|
+
};
|
|
31
|
+
};
|
|
32
|
+
elements?: {
|
|
33
|
+
line?: {
|
|
34
|
+
border_width?: number;
|
|
35
|
+
};
|
|
36
|
+
};
|
|
37
|
+
responsive?: boolean;
|
|
38
|
+
maintain_aspect_ratio?: boolean;
|
|
39
|
+
}
|
|
40
|
+
export declare function Chart({ id, key, chart_type, data, options, scales, elements, responsive, maintain_aspect_ratio, ...baseProps }: ChartProps): import("react/jsx-runtime").JSX.Element;
|
|
41
|
+
//# sourceMappingURL=Chart.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/Chart.tsx"],"names":[],"mappings":"AACA,OAAO,EAAwB,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAE/E,MAAM,WAAW,UAAW,SAAQ,kBAAkB;IACpD,UAAU,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,KAAK,GAAG,WAAW,GAAG,SAAS,CAAA;IAC/F,IAAI,CAAC,EAAE;QACL,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;QAC1B,QAAQ,CAAC,EAAE;YACT;gBACE,KAAK,CAAC,EAAE,MAAM,CAAA;gBACd,IAAI,CAAC,EAAE,CAAC,MAAM,GAAG;oBAAE,CAAC,EAAE,MAAM,CAAC;oBAAC,CAAC,EAAE,MAAM,CAAC;oBAAC,CAAC,EAAE,MAAM,CAAA;iBAAE,CAAC,GAAG,MAAM,CAAA;gBAC9D,IAAI,CAAC,EAAE,OAAO,CAAA;gBACd,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;gBAChC,YAAY,CAAC,EAAE,MAAM,CAAA;gBACrB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAA;gBAC3B,YAAY,CAAC,EAAE,MAAM,CAAA;gBACrB,YAAY,CAAC,EAAE,MAAM,CAAA;aACtB;SACF,CAAA;KACF,CAAA;IACD,OAAO,CAAC,EAAE,GAAG,CAAA;IACb,MAAM,CAAC,EAAE;QACP,CAAC,CAAC,EAAE;YACF,aAAa,CAAC,EAAE,OAAO,CAAA;SACxB,CAAA;QACD,CAAC,CAAC,EAAE;YACF,aAAa,CAAC,EAAE,OAAO,CAAA;SACxB,CAAA;KACF,CAAA;IACD,QAAQ,CAAC,EAAE;QACT,IAAI,CAAC,EAAE;YACL,YAAY,CAAC,EAAE,MAAM,CAAA;SACtB,CAAA;KACF,CAAA;IACD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,qBAAqB,CAAC,EAAE,OAAO,CAAA;CAChC;AAED,wBAAgB,KAAK,CAAC,EACpB,EAAE,EACF,GAAG,EACH,UAAkB,EAClB,IAAI,EACJ,OAAO,EACP,MAAM,EACN,QAAQ,EACR,UAAU,EACV,qBAAqB,EACrB,GAAG,SAAS,EACb,EAAE,UAAU,2CAeZ"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { BaseComponentWrapper } from './BaseComponent';
|
|
3
|
+
export function Chart({ id, key, chart_type = 'bar', data, options, scales, elements, responsive, maintain_aspect_ratio, ...baseProps }) {
|
|
4
|
+
return (_jsx(BaseComponentWrapper, { id: id, ...baseProps, className: `chart chart-${chart_type}`, children: _jsx("canvas", { className: "chart-canvas", "data-chart-type": chart_type, "data-responsive": responsive, "data-maintain-aspect-ratio": maintain_aspect_ratio, "data-chart-data": data ? JSON.stringify(data) : undefined, "data-chart-options": options ? JSON.stringify(options) : undefined, "data-chart-scales": scales ? JSON.stringify(scales) : undefined, "data-chart-elements": elements ? JSON.stringify(elements) : undefined }) }, key));
|
|
5
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { type BaseComponentProps } from './BaseComponent';
|
|
3
|
+
export interface ContainerProps extends BaseComponentProps {
|
|
4
|
+
container_type?: string;
|
|
5
|
+
children?: React.ReactNode;
|
|
6
|
+
}
|
|
7
|
+
export declare function Container({ id, key, container_type, children, ...baseProps }: ContainerProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
//# sourceMappingURL=Container.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAwB,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAE/E,MAAM,WAAW,cAAe,SAAQ,kBAAkB;IAExD,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,wBAAgB,SAAS,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE,cAAc,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,EAAE,cAAc,2CAW5F"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { BaseComponentWrapper } from './BaseComponent';
|
|
3
|
+
export function Container({ id, key, container_type, children, ...baseProps }) {
|
|
4
|
+
return (_jsx(BaseComponentWrapper, { id: id, ...baseProps, className: `container container-${container_type || 'container'}`, children: children }, key));
|
|
5
|
+
}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { type BaseComponentProps } from './BaseComponent';
|
|
2
|
+
export interface CustomButtonProps extends BaseComponentProps {
|
|
3
|
+
text?: string;
|
|
4
|
+
action?: 'no-action' | 'next-page' | 'prev-page' | 'open-url' | 'open-info-box' | 'close-popup' | 'reset' | `page-${string}`;
|
|
5
|
+
conversions?: Record<string, unknown>[];
|
|
6
|
+
actionUrl?: string;
|
|
7
|
+
toggle?: boolean;
|
|
8
|
+
icon?: string;
|
|
9
|
+
emojiIcon?: string;
|
|
10
|
+
imageUrl?: string;
|
|
11
|
+
imageAltText?: string;
|
|
12
|
+
richText?: boolean;
|
|
13
|
+
description?: string;
|
|
14
|
+
richDescription?: boolean;
|
|
15
|
+
openUrlInNewTab?: boolean;
|
|
16
|
+
ariaLabel?: string;
|
|
17
|
+
info_box_key?: string;
|
|
18
|
+
allow_skip_validation?: boolean;
|
|
19
|
+
hide_if_no_nav_target?: boolean;
|
|
20
|
+
needs_validation_passed?: boolean;
|
|
21
|
+
validation_show_state?: 'disable' | 'hide' | 'always_show';
|
|
22
|
+
shouldDownloadUrl?: boolean;
|
|
23
|
+
downloadFilename?: string;
|
|
24
|
+
outputs_onclick?: string | string[];
|
|
25
|
+
use_custom_code?: boolean;
|
|
26
|
+
custom_code?: string;
|
|
27
|
+
output_key?: string;
|
|
28
|
+
track_clicks?: boolean;
|
|
29
|
+
show_loading_until_actions_resolved?: boolean;
|
|
30
|
+
success_message?: string;
|
|
31
|
+
loading_message?: string;
|
|
32
|
+
fail_message?: string;
|
|
33
|
+
primary_button?: boolean;
|
|
34
|
+
always_disabled?: boolean;
|
|
35
|
+
}
|
|
36
|
+
export declare function CustomButton({ id, key, text, description, icon, emojiIcon, imageUrl, imageAltText, richText, richDescription, ariaLabel, primary_button, always_disabled, ...baseProps }: CustomButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
37
|
+
//# sourceMappingURL=CustomButton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CustomButton.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/CustomButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAwB,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAE/E,MAAM,WAAW,iBAAkB,SAAQ,kBAAkB;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EACH,WAAW,GACX,WAAW,GACX,WAAW,GACX,UAAU,GACV,eAAe,GACf,aAAa,GACb,OAAO,GACP,QAAQ,MAAM,EAAE,CAAA;IAEpB,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAA;IACvC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,qBAAqB,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,aAAa,CAAA;IAC1D,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACnC,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,mCAAmC,CAAC,EAAE,OAAO,CAAA;IAC7C,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B;AAED,wBAAgB,YAAY,CAAC,EAC3B,EAAE,EACF,GAAG,EACH,IAAI,EACJ,WAAW,EACX,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,eAAe,EACf,SAAS,EACT,cAAc,EACd,eAAe,EACf,GAAG,SAAS,EACb,EAAE,iBAAiB,2CAiCnB"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { BaseComponentWrapper } from './BaseComponent';
|
|
3
|
+
export function CustomButton({ id, key, text, description, icon, emojiIcon, imageUrl, imageAltText, richText, richDescription, ariaLabel, primary_button, always_disabled, ...baseProps }) {
|
|
4
|
+
const buttonContent = (_jsxs(_Fragment, { children: [icon && _jsx("span", { className: "icon", children: icon }), emojiIcon && _jsx("span", { className: "emoji-icon", children: emojiIcon }), imageUrl && _jsx("img", { src: imageUrl, alt: imageAltText || '', className: "button-image" }), text &&
|
|
5
|
+
(richText ? _jsx("span", { dangerouslySetInnerHTML: { __html: text } }) : _jsx("span", { children: text })), description && (_jsx("span", { className: "description", children: richDescription ? (_jsx("span", { dangerouslySetInnerHTML: { __html: description } })) : (description) }))] }));
|
|
6
|
+
return (_jsx(BaseComponentWrapper // This actually gets rendered as a <button> element, meaning we can pass the disabled prop directly to it
|
|
7
|
+
, { id: id, ...baseProps, className: primary_button ? 'primary-button' : '',
|
|
8
|
+
// @ts-ignore
|
|
9
|
+
disabled: always_disabled, "aria-label": ariaLabel, children: buttonContent }, key));
|
|
10
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { type BaseComponentProps } from './BaseComponent';
|
|
3
|
+
export interface CustomHTMLProps extends BaseComponentProps {
|
|
4
|
+
text?: string;
|
|
5
|
+
children?: React.ReactNode;
|
|
6
|
+
}
|
|
7
|
+
export declare function CustomHTML({ id, key, text, children, ...baseProps }: CustomHTMLProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
//# sourceMappingURL=CustomHTML.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CustomHTML.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/CustomHTML.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAwB,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAE/E,MAAM,WAAW,eAAgB,SAAQ,kBAAkB;IACzD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,wBAAgB,UAAU,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,EAAE,eAAe,2CAMpF"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { BaseComponentWrapper } from './BaseComponent';
|
|
3
|
+
export function CustomHTML({ id, key, text, children, ...baseProps }) {
|
|
4
|
+
return (_jsx(BaseComponentWrapper, { id: id, ...baseProps, children: children || (text && _jsx("div", { dangerouslySetInnerHTML: { __html: text } })) }, key));
|
|
5
|
+
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { type InputComponentProps } from './BaseComponent';
|
|
2
|
+
export interface FileUploadProps extends InputComponentProps {
|
|
3
|
+
label?: string;
|
|
4
|
+
upload_type?: 'all' | 'image' | 'audio' | 'video' | 'doc' | 'custom';
|
|
5
|
+
custom_upload_type?: string;
|
|
6
|
+
icon?: string;
|
|
7
|
+
sublabel?: string;
|
|
8
|
+
validate_value?: boolean;
|
|
9
|
+
empty_invalid_message?: string;
|
|
10
|
+
invalid_message?: string;
|
|
11
|
+
validation_formula?: string;
|
|
12
|
+
uploadFile?: boolean;
|
|
13
|
+
outputs_onchange?: string[];
|
|
14
|
+
multiple?: boolean;
|
|
15
|
+
files_max_limit?: number;
|
|
16
|
+
}
|
|
17
|
+
export declare function FileUpload({ id, key, label, upload_type, custom_upload_type, icon, sublabel, element_id, isRequired, ...baseProps }: FileUploadProps): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
//# sourceMappingURL=FileUpload.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FileUpload.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/FileUpload.tsx"],"names":[],"mappings":"AACA,OAAO,EAAwB,KAAK,mBAAmB,EAAE,MAAM,iBAAiB,CAAA;AAEhF,MAAM,WAAW,eAAgB,SAAQ,mBAAmB;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAA;IACpE,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB;AAED,wBAAgB,UAAU,CAAC,EACzB,EAAE,EACF,GAAG,EACH,KAAK,EACL,WAAmB,EACnB,kBAAkB,EAClB,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,UAAU,EACV,GAAG,SAAS,EACb,EAAE,eAAe,2CA4BjB"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { BaseComponentWrapper } from './BaseComponent';
|
|
3
|
+
export function FileUpload({ id, key, label, upload_type = 'all', custom_upload_type, icon, sublabel, element_id, isRequired, ...baseProps }) {
|
|
4
|
+
const accept = upload_type === 'custom' && custom_upload_type
|
|
5
|
+
? custom_upload_type
|
|
6
|
+
: upload_type === 'image'
|
|
7
|
+
? 'image/*'
|
|
8
|
+
: upload_type === 'audio'
|
|
9
|
+
? 'audio/*'
|
|
10
|
+
: upload_type === 'video'
|
|
11
|
+
? 'video/*'
|
|
12
|
+
: upload_type === 'doc'
|
|
13
|
+
? '.pdf,.doc,.docx,.txt'
|
|
14
|
+
: undefined;
|
|
15
|
+
return (_jsxs(BaseComponentWrapper, { id: id, ...baseProps, children: [label && _jsx("label", { children: label }), sublabel && _jsx("div", { className: "sublabel", children: sublabel }), icon && _jsx("span", { className: "icon", children: icon }), _jsx("input", { type: "file", id: element_id, required: isRequired, accept: accept, multiple: baseProps.multiple })] }, key));
|
|
16
|
+
}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { type InputComponentProps } from './BaseComponent';
|
|
2
|
+
export interface InputBoxProps extends InputComponentProps {
|
|
3
|
+
input_type?: 'text' | 'email' | 'number' | 'phone' | 'date' | 'time' | 'month' | 'password' | 'confirm' | 'range' | 'switch' | 'checkbox';
|
|
4
|
+
label?: string;
|
|
5
|
+
placeholder?: string;
|
|
6
|
+
use_tel_input?: boolean;
|
|
7
|
+
mismatch_values_message?: string;
|
|
8
|
+
invalid_message?: string;
|
|
9
|
+
empty_invalid_message?: string;
|
|
10
|
+
max_length?: string;
|
|
11
|
+
icon?: string;
|
|
12
|
+
range_min?: number | string;
|
|
13
|
+
range_max?: number | string;
|
|
14
|
+
range_step?: number;
|
|
15
|
+
width?: number;
|
|
16
|
+
label_on_both_side?: boolean;
|
|
17
|
+
off_label?: string;
|
|
18
|
+
multiline?: boolean;
|
|
19
|
+
trim_whitespace_on_blur?: boolean;
|
|
20
|
+
format_email_on_blur?: boolean;
|
|
21
|
+
validation_formula?: string;
|
|
22
|
+
validate_on_blur?: boolean;
|
|
23
|
+
outputs_onchange?: string[];
|
|
24
|
+
integer_only?: boolean;
|
|
25
|
+
debounce_time?: number;
|
|
26
|
+
disable_auto_next?: boolean;
|
|
27
|
+
validate_value?: boolean;
|
|
28
|
+
phone_display_format?: 'no_formatting_no_country_code' | 'no_formatting_with_country_code' | 'formatting_no_country_code' | 'formatting_with_country_code';
|
|
29
|
+
phone_store_format?: 'no_formatting_no_country_code' | 'no_formatting_with_country_code' | 'formatting_no_country_code' | 'formatting_with_country_code';
|
|
30
|
+
custom_validation_function?: string;
|
|
31
|
+
always_disabled?: boolean;
|
|
32
|
+
}
|
|
33
|
+
export declare function InputBox({ id, key, label, placeholder, input_type, icon, multiline, range_min, range_max, range_step, width, label_on_both_side, off_label, always_disabled, element_id, isRequired, ...baseProps }: InputBoxProps): import("react/jsx-runtime").JSX.Element;
|
|
34
|
+
//# sourceMappingURL=InputBox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"InputBox.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/InputBox.tsx"],"names":[],"mappings":"AACA,OAAO,EAAwB,KAAK,mBAAmB,EAAE,MAAM,iBAAiB,CAAA;AAEhF,MAAM,WAAW,aAAc,SAAQ,mBAAmB;IACxD,UAAU,CAAC,EACP,MAAM,GACN,OAAO,GACP,QAAQ,GACR,OAAO,GACP,MAAM,GACN,MAAM,GACN,OAAO,GACP,UAAU,GACV,SAAS,GACT,OAAO,GACP,QAAQ,GACR,UAAU,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAChC,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,oBAAoB,CAAC,EACjB,+BAA+B,GAC/B,iCAAiC,GACjC,4BAA4B,GAC5B,8BAA8B,CAAA;IAClC,kBAAkB,CAAC,EACf,+BAA+B,GAC/B,iCAAiC,GACjC,4BAA4B,GAC5B,8BAA8B,CAAA;IAClC,0BAA0B,CAAC,EAAE,MAAM,CAAA;IACnC,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B;AAED,wBAAgB,QAAQ,CAAC,EACvB,EAAE,EACF,GAAG,EACH,KAAK,EACL,WAAW,EACX,UAAmB,EACnB,IAAI,EACJ,SAAS,EACT,SAAS,EACT,SAAS,EACT,UAAU,EACV,KAAK,EACL,kBAAkB,EAClB,SAAS,EACT,eAAe,EACf,UAAU,EACV,UAAU,EACV,GAAG,SAAS,EACb,EAAE,aAAa,2CAqEf"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { BaseComponentWrapper } from './BaseComponent';
|
|
3
|
+
export function InputBox({ id, key, label, placeholder, input_type = 'text', icon, multiline, range_min, range_max, range_step, width, label_on_both_side, off_label, always_disabled, element_id, isRequired, ...baseProps }) {
|
|
4
|
+
const inputProps = {
|
|
5
|
+
type: input_type,
|
|
6
|
+
placeholder,
|
|
7
|
+
disabled: always_disabled,
|
|
8
|
+
required: isRequired,
|
|
9
|
+
min: range_min !== undefined ? Number(range_min) : undefined,
|
|
10
|
+
max: range_max !== undefined ? Number(range_max) : undefined,
|
|
11
|
+
step: range_step,
|
|
12
|
+
style: width ? { width: `${width}px` } : undefined,
|
|
13
|
+
id: element_id,
|
|
14
|
+
};
|
|
15
|
+
if (input_type === 'range') {
|
|
16
|
+
return (_jsxs(BaseComponentWrapper, { id: id, ...baseProps, children: [label && (_jsxs("label", { children: [label, label_on_both_side && (_jsxs("span", { children: [range_min, " - ", range_max] }))] })), _jsx("input", { ...inputProps }), label_on_both_side && (_jsxs("span", { children: [range_min, " - ", range_max] }))] }, key));
|
|
17
|
+
}
|
|
18
|
+
if (input_type === 'switch' || input_type === 'checkbox') {
|
|
19
|
+
return (_jsx(BaseComponentWrapper, { id: id, ...baseProps, children: _jsxs("label", { children: [_jsx("input", { ...inputProps, type: "checkbox" }), label || off_label] }) }, key));
|
|
20
|
+
}
|
|
21
|
+
if (multiline) {
|
|
22
|
+
return (_jsxs(BaseComponentWrapper, { id: id, ...baseProps, children: [label && _jsx("label", { children: label }), icon && _jsx("span", { className: "icon", children: icon }), _jsx("textarea", { placeholder: placeholder, disabled: always_disabled, required: isRequired, id: element_id })] }, key));
|
|
23
|
+
}
|
|
24
|
+
return (_jsxs(BaseComponentWrapper, { id: id, ...baseProps, children: [label && _jsx("label", { children: label }), icon && _jsx("span", { className: "icon", children: icon }), _jsx("input", { ...inputProps })] }, key));
|
|
25
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { type BaseComponentProps } from './BaseComponent';
|
|
2
|
+
export interface LottieProps extends BaseComponentProps {
|
|
3
|
+
src?: string;
|
|
4
|
+
mode?: 'normal' | 'bounce';
|
|
5
|
+
autoplay?: boolean;
|
|
6
|
+
loop?: boolean;
|
|
7
|
+
controls?: boolean;
|
|
8
|
+
hover?: boolean;
|
|
9
|
+
}
|
|
10
|
+
export declare function Lottie({ id, key, src, mode, autoplay, loop, controls, hover, ...baseProps }: LottieProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
//# sourceMappingURL=Lottie.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Lottie.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/Lottie.tsx"],"names":[],"mappings":"AACA,OAAO,EAAwB,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAE/E,MAAM,WAAW,WAAY,SAAQ,kBAAkB;IACrD,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED,wBAAgB,MAAM,CAAC,EACrB,EAAE,EACF,GAAG,EACH,GAAG,EACH,IAAe,EACf,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,GAAG,SAAS,EACb,EAAE,WAAW,2CAqBb"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { BaseComponentWrapper } from './BaseComponent';
|
|
3
|
+
export function Lottie({ id, key, src, mode = 'normal', autoplay, loop, controls, hover, ...baseProps }) {
|
|
4
|
+
return (_jsx(BaseComponentWrapper, { id: id, ...baseProps, className: `lottie lottie-${mode} ${autoplay ? 'autoplay' : ''} ${loop ? 'loop' : ''} ${controls ? 'controls' : ''} ${hover ? 'hover' : ''}`, children: src && (_jsx("div", { className: "lottie-container", "data-src": src, "data-mode": mode, "data-autoplay": autoplay, "data-loop": loop, "data-controls": controls, "data-hover": hover })) }, key));
|
|
5
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { type BaseComponentProps } from './BaseComponent';
|
|
2
|
+
export interface MediaEmbedProps extends BaseComponentProps {
|
|
3
|
+
src?: string;
|
|
4
|
+
embed_code?: string;
|
|
5
|
+
embed_code_raw?: string;
|
|
6
|
+
roundedCorners?: boolean;
|
|
7
|
+
silentAutoplayPreview?: boolean;
|
|
8
|
+
hide_controls?: boolean;
|
|
9
|
+
centralPlayButton?: boolean;
|
|
10
|
+
placeholder_image_url?: string;
|
|
11
|
+
}
|
|
12
|
+
export declare function MediaEmbed({ id, key, src, embed_code, embed_code_raw, roundedCorners, hide_controls, centralPlayButton, placeholder_image_url, ...baseProps }: MediaEmbedProps): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
//# sourceMappingURL=MediaEmbed.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MediaEmbed.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/MediaEmbed.tsx"],"names":[],"mappings":"AACA,OAAO,EAAwB,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAE/E,MAAM,WAAW,eAAgB,SAAQ,kBAAkB;IACzD,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,qBAAqB,CAAC,EAAE,MAAM,CAAA;CAC/B;AAED,wBAAgB,UAAU,CAAC,EACzB,EAAE,EACF,GAAG,EACH,GAAG,EACH,UAAU,EACV,cAAc,EACd,cAAc,EACd,aAAa,EACb,iBAAiB,EACjB,qBAAqB,EACrB,GAAG,SAAS,EACb,EAAE,eAAe,2CAiBjB"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { BaseComponentWrapper } from './BaseComponent';
|
|
3
|
+
export function MediaEmbed({ id, key, src, embed_code, embed_code_raw, roundedCorners, hide_controls, centralPlayButton, placeholder_image_url, ...baseProps }) {
|
|
4
|
+
const content = embed_code_raw || embed_code || (src ? `<iframe src="${src}"></iframe>` : null);
|
|
5
|
+
return (_jsx(BaseComponentWrapper, { id: id, ...baseProps, className: `media-embed ${roundedCorners ? 'rounded-corners' : ''} ${hide_controls ? 'hide-controls' : ''} ${centralPlayButton ? 'central-play-button' : ''}`, children: content ? (_jsx("div", { dangerouslySetInnerHTML: { __html: content } })) : placeholder_image_url ? (_jsx("img", { src: placeholder_image_url, alt: "Placeholder" })) : null }, key));
|
|
6
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { type BaseComponentProps } from './BaseComponent';
|
|
2
|
+
export interface MediaImageProps extends BaseComponentProps {
|
|
3
|
+
src?: string;
|
|
4
|
+
caption?: string;
|
|
5
|
+
alt_text?: string;
|
|
6
|
+
}
|
|
7
|
+
export declare function MediaImage({ id, key, src, caption, alt_text, ...baseProps }: MediaImageProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
//# sourceMappingURL=MediaImage.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MediaImage.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/MediaImage.tsx"],"names":[],"mappings":"AACA,OAAO,EAAwB,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAE/E,MAAM,WAAW,eAAgB,SAAQ,kBAAkB;IACzD,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,wBAAgB,UAAU,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,EAAE,eAAe,2CAO5F"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { BaseComponentWrapper } from './BaseComponent';
|
|
3
|
+
export function MediaImage({ id, key, src, caption, alt_text, ...baseProps }) {
|
|
4
|
+
return (_jsxs(BaseComponentWrapper, { id: id, ...baseProps, children: [src && _jsx("img", { src: src, alt: alt_text || caption || '' }), caption && _jsx("div", { className: "caption", children: caption })] }, key));
|
|
5
|
+
}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import type { OptionSelectorButton } from '../../types-builder';
|
|
2
|
+
import { type InputComponentProps } from './BaseComponent';
|
|
3
|
+
export interface OptionSelectorProps extends InputComponentProps {
|
|
4
|
+
label?: string;
|
|
5
|
+
conversions?: Record<string, unknown>[];
|
|
6
|
+
buttons?: OptionSelectorButton[];
|
|
7
|
+
multiple?: boolean;
|
|
8
|
+
allow_deselect?: boolean;
|
|
9
|
+
dropdown?: boolean;
|
|
10
|
+
is_advanced_dropdown?: boolean;
|
|
11
|
+
maxSelection?: number;
|
|
12
|
+
block_selection_over_max?: boolean;
|
|
13
|
+
checkbox?: boolean;
|
|
14
|
+
layout?: 'horizontal_bars' | 'buttons_wrapped';
|
|
15
|
+
checkbox_location?: 'start' | 'end' | 'none';
|
|
16
|
+
allow_typing?: boolean;
|
|
17
|
+
defaultVal?: string;
|
|
18
|
+
preset_buttons?: string;
|
|
19
|
+
button_repeater_key?: string;
|
|
20
|
+
empty_invalid_message?: string;
|
|
21
|
+
invalid_message?: string;
|
|
22
|
+
validation_formula?: string;
|
|
23
|
+
outputs_onchange?: string[];
|
|
24
|
+
fetch_uri?: string;
|
|
25
|
+
fetch_headers?: string;
|
|
26
|
+
fetch_transformer?: string;
|
|
27
|
+
fetch_debounce?: string;
|
|
28
|
+
outputs_onbuttonsrepeatablerender?: string[];
|
|
29
|
+
richDescription?: boolean;
|
|
30
|
+
richText?: boolean;
|
|
31
|
+
randomize_buttons?: boolean;
|
|
32
|
+
always_disabled?: boolean;
|
|
33
|
+
}
|
|
34
|
+
export declare function OptionSelector({ id, key, label, buttons, multiple, checkbox, layout, checkbox_location, dropdown, is_advanced_dropdown, allow_deselect, always_disabled, element_id, isRequired, richText, richDescription, ...baseProps }: OptionSelectorProps): import("react/jsx-runtime").JSX.Element;
|
|
35
|
+
//# sourceMappingURL=OptionSelector.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OptionSelector.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/OptionSelector.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAA;AAC/D,OAAO,EAAwB,KAAK,mBAAmB,EAAE,MAAM,iBAAiB,CAAA;AAEhF,MAAM,WAAW,mBAAoB,SAAQ,mBAAmB;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAA;IACvC,OAAO,CAAC,EAAE,oBAAoB,EAAE,CAAA;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,wBAAwB,CAAC,EAAE,OAAO,CAAA;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,iBAAiB,GAAG,iBAAiB,CAAA;IAC9C,iBAAiB,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,MAAM,CAAA;IAC5C,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,iCAAiC,CAAC,EAAE,MAAM,EAAE,CAAA;IAC5C,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B;AAED,wBAAgB,cAAc,CAAC,EAC7B,EAAE,EACF,GAAG,EACH,KAAK,EACL,OAAY,EACZ,QAAQ,EACR,QAAQ,EACR,MAA0B,EAC1B,iBAA2B,EAC3B,QAAQ,EACR,oBAAoB,EACpB,cAAc,EACd,eAAe,EACf,UAAU,EACV,UAAU,EACV,QAAQ,EACR,eAAe,EACf,GAAG,SAAS,EACb,EAAE,mBAAmB,2CAoFrB"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { BaseComponentWrapper } from './BaseComponent';
|
|
3
|
+
export function OptionSelector({ id, key, label, buttons = [], multiple, checkbox, layout = 'buttons_wrapped', checkbox_location = 'start', dropdown, is_advanced_dropdown, allow_deselect, always_disabled, element_id, isRequired, richText, richDescription, ...baseProps }) {
|
|
4
|
+
if (dropdown || is_advanced_dropdown) {
|
|
5
|
+
return (_jsxs(BaseComponentWrapper, { id: id, ...baseProps, children: [label && _jsx("label", { children: label }), _jsx("select", { multiple: multiple, disabled: always_disabled, required: isRequired, id: element_id, children: buttons.map((button) => (_jsx("option", { value: button.key || '', children: richText && button.text ? (_jsx("span", { dangerouslySetInnerHTML: { __html: button.text } })) : (button.text) }, button.key))) })] }, key));
|
|
6
|
+
}
|
|
7
|
+
return (_jsxs(BaseComponentWrapper, { id: id, ...baseProps, className: `option-selector ${layout} ${checkbox ? 'checkbox' : ''}`, children: [label && _jsx("label", { children: label }), _jsx("div", { className: "options", children: buttons.map((button) => (_jsxs("div", { className: "option", children: [checkbox && checkbox_location === 'start' && (_jsx("input", { type: multiple ? 'checkbox' : 'radio', disabled: always_disabled, required: isRequired })), _jsxs("button", { disabled: always_disabled, children: [button.icon && _jsx("span", { className: "icon", children: button.icon }), button.emojiIcon && _jsx("span", { className: "emoji-icon", children: button.emojiIcon }), button.imageUrl && (_jsx("img", { src: button.imageUrl, alt: button.imageAltText || '', className: "option-image" })), button.text && (_jsx("span", { children: richText ? (_jsx("span", { dangerouslySetInnerHTML: { __html: button.text } })) : (button.text) })), button.description && (_jsx("span", { className: "description", children: richDescription ? (_jsx("span", { dangerouslySetInnerHTML: { __html: button.description } })) : (button.description) }))] }), checkbox && checkbox_location === 'end' && (_jsx("input", { type: multiple ? 'checkbox' : 'radio', disabled: always_disabled, required: isRequired }))] }, button.key))) })] }, key));
|
|
8
|
+
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { type InputComponentProps } from './BaseComponent';
|
|
2
|
+
export interface PaypalButtonConfig {
|
|
3
|
+
layout?: string;
|
|
4
|
+
color?: string;
|
|
5
|
+
shape?: string;
|
|
6
|
+
size?: string;
|
|
7
|
+
label?: string;
|
|
8
|
+
tagline?: string;
|
|
9
|
+
}
|
|
10
|
+
export interface PaypalCheckoutProps extends InputComponentProps {
|
|
11
|
+
on_payment_complete_conversions: Record<string, unknown>[];
|
|
12
|
+
pay_button_text: string;
|
|
13
|
+
action: string;
|
|
14
|
+
next_on_complete: boolean;
|
|
15
|
+
amount: string | number;
|
|
16
|
+
billing_info_name: string;
|
|
17
|
+
billing_info_email: string;
|
|
18
|
+
buttons_config?: PaypalButtonConfig;
|
|
19
|
+
plan_id: string;
|
|
20
|
+
output_subscription_id?: boolean;
|
|
21
|
+
output_subscription_id_key?: string;
|
|
22
|
+
on_payment_complete_outputs?: string;
|
|
23
|
+
}
|
|
24
|
+
export declare function PaypalCheckout({ id, key, pay_button_text, action, next_on_complete, amount, billing_info_name, billing_info_email, buttons_config, plan_id, output_subscription_id, output_subscription_id_key, on_payment_complete_outputs, element_id, isRequired, ...baseProps }: PaypalCheckoutProps): import("react/jsx-runtime").JSX.Element;
|
|
25
|
+
//# sourceMappingURL=PaypalCheckout.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PaypalCheckout.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/PaypalCheckout.tsx"],"names":[],"mappings":"AACA,OAAO,EAAwB,KAAK,mBAAmB,EAAE,MAAM,iBAAiB,CAAA;AAEhF,MAAM,WAAW,kBAAkB;IACjC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,WAAW,mBAAoB,SAAQ,mBAAmB;IAC9D,+BAA+B,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAA;IAC1D,eAAe,EAAE,MAAM,CAAA;IACvB,MAAM,EAAE,MAAM,CAAA;IACd,gBAAgB,EAAE,OAAO,CAAA;IACzB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,iBAAiB,EAAE,MAAM,CAAA;IACzB,kBAAkB,EAAE,MAAM,CAAA;IAC1B,cAAc,CAAC,EAAE,kBAAkB,CAAA;IACnC,OAAO,EAAE,MAAM,CAAA;IACf,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC,0BAA0B,CAAC,EAAE,MAAM,CAAA;IACnC,2BAA2B,CAAC,EAAE,MAAM,CAAA;CACrC;AAED,wBAAgB,cAAc,CAAC,EAC7B,EAAE,EACF,GAAG,EACH,eAAe,EACf,MAAM,EACN,gBAAgB,EAChB,MAAM,EACN,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,EACd,OAAO,EACP,sBAAsB,EACtB,0BAA0B,EAC1B,2BAA2B,EAC3B,UAAU,EACV,UAAU,EACV,GAAG,SAAS,EACb,EAAE,mBAAmB,2CAyBrB"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { BaseComponentWrapper } from './BaseComponent';
|
|
3
|
+
export function PaypalCheckout({ id, key, pay_button_text, action, next_on_complete, amount, billing_info_name, billing_info_email, buttons_config, plan_id, output_subscription_id, output_subscription_id_key, on_payment_complete_outputs, element_id, isRequired, ...baseProps }) {
|
|
4
|
+
return (_jsx(BaseComponentWrapper, { id: id, ...baseProps, children: _jsx("div", { className: "paypal-checkout", id: element_id, "data-action": action, "data-amount": amount, "data-plan-id": plan_id, "data-next-on-complete": next_on_complete, "data-billing-name": billing_info_name, "data-billing-email": billing_info_email, "data-output-subscription-id": output_subscription_id, "data-subscription-id-key": output_subscription_id_key, "data-payment-complete-outputs": on_payment_complete_outputs, "data-buttons-config": buttons_config ? JSON.stringify(buttons_config) : undefined, children: _jsx("div", { className: "paypal-button-container", children: _jsx("button", { type: "button", disabled: isRequired === false, children: pay_button_text }) }) }) }, key));
|
|
5
|
+
}
|