@bikdotai/bik-component-library 0.0.284 → 0.0.286-beta.1
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/dist/cjs/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.js +1 -1
- package/dist/cjs/components/QueryBuilder/constants/connector.d.ts +13 -3
- package/dist/cjs/components/QueryBuilder/constants/connector.js +1 -1
- package/dist/cjs/components/QueryBuilder/types/QueryBuilder.type.d.ts +4 -1
- package/dist/cjs/components/QueryBuilder/types/QueryBuilder.type.js +1 -1
- package/dist/cjs/components/QueryBuilder/types/QueryBuilderOperator.type.d.ts +10 -0
- package/dist/cjs/components/QueryBuilder/types/QueryBuilderOperator.type.js +1 -1
- package/dist/cjs/components/add-variableV2/AddVariableV2.d.ts +6 -5
- package/dist/cjs/components/add-variableV2/AddVariableV2.js +1 -1
- package/dist/cjs/components/add-variableV2/AddVariableV2.styled.d.ts +1 -0
- package/dist/cjs/components/add-variableV2/AddVariableV2.styled.js +3 -2
- package/dist/cjs/components/add-variableV2/AddVariableV2SideModal.d.ts +1 -0
- package/dist/cjs/components/add-variableV2/AddVariableV2SideModal.js +1 -1
- package/dist/cjs/components/add-variableV2/index.d.ts +1 -0
- package/dist/cjs/components/button/Button.js +1 -1
- package/dist/cjs/components/button/Button.styled.d.ts +1 -0
- package/dist/cjs/components/button/Button.styled.js +1 -1
- package/dist/cjs/components/button/model.d.ts +1 -0
- package/dist/cjs/components/button/themes.d.ts +3 -3
- package/dist/cjs/components/button/themes.js +1 -1
- package/dist/cjs/components/template-context-mapper/modalElements/VariableConnector.js +1 -1
- package/dist/cjs/components/tooltips/Tooltip.d.ts +1 -0
- package/dist/cjs/components/tooltips/Tooltip.js +1 -1
- package/dist/cjs/index.js +1 -1
- package/dist/esm/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.js +1 -1
- package/dist/esm/components/QueryBuilder/constants/connector.d.ts +13 -3
- package/dist/esm/components/QueryBuilder/constants/connector.js +1 -1
- package/dist/esm/components/QueryBuilder/types/QueryBuilder.type.d.ts +4 -1
- package/dist/esm/components/QueryBuilder/types/QueryBuilder.type.js +1 -1
- package/dist/esm/components/QueryBuilder/types/QueryBuilderOperator.type.d.ts +10 -0
- package/dist/esm/components/QueryBuilder/types/QueryBuilderOperator.type.js +1 -1
- package/dist/esm/components/add-variableV2/AddVariableV2.d.ts +6 -5
- package/dist/esm/components/add-variableV2/AddVariableV2.js +1 -1
- package/dist/esm/components/add-variableV2/AddVariableV2.styled.d.ts +1 -0
- package/dist/esm/components/add-variableV2/AddVariableV2.styled.js +3 -2
- package/dist/esm/components/add-variableV2/AddVariableV2SideModal.d.ts +1 -0
- package/dist/esm/components/add-variableV2/AddVariableV2SideModal.js +1 -1
- package/dist/esm/components/add-variableV2/index.d.ts +1 -0
- package/dist/esm/components/button/Button.js +1 -1
- package/dist/esm/components/button/Button.styled.d.ts +1 -0
- package/dist/esm/components/button/Button.styled.js +1 -1
- package/dist/esm/components/button/model.d.ts +1 -0
- package/dist/esm/components/button/themes.d.ts +3 -3
- package/dist/esm/components/button/themes.js +1 -1
- package/dist/esm/components/template-context-mapper/modalElements/VariableConnector.js +1 -1
- package/dist/esm/components/tooltips/Tooltip.d.ts +1 -0
- package/dist/esm/components/tooltips/Tooltip.js +1 -1
- package/dist/esm/index.js +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("react"),i=require("../../helpers/ApiResponse.helper.js"),a=require("../../hooks/useQueryBuilder.js"),o=require("../../hooks/useQueryBuilderCache.js"),s=require("../../components/DropdownWrapper.js"),n=require("../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js");const l=new i.ApiResponseHelper,u="triggerName";exports.default=i=>{let{node:d,apiHandler:c,cacheKey:p,propertyAddBtnText:v,mode:y,selectorKey:g}=i;var j;const[O,b]=t.useState([]),{updateMeta:f,createMeta:h,createProperty:m,deleteProperty:_,updateProperty:P,selectPropertyJoinOperator:x,clearProperty:B}=a.useQueryBuilder(g),{cacheWrap:q}=o.useQueryBuilderCache(),[A,N]=t.useState(!0),Q=d.metas.find((e=>e.key===u));return t.useEffect((()=>{q((()=>c({})),p).then((e=>{var r;if(e)if(Array.isArray(e)){const t=null!==(r=null==e?void 0:e.map((e=>({label:e.name,value:e.id,description:e.description,selected:"create"!==y&&(!!(null==Q?void 0:Q.value)&&Q.value===e.id)}))))&&void 0!==r?r:[];b([...t])}else{const r=l.convertToGroupOptions(e,(null==Q?void 0:Q.value)?[Q.value]:void 0);b([...r])}N(!1)}))}),[]),r.jsx(n.BaseQueryBuilderNode,Object.assign({node:d,addPropertyBtnText:(null==Q?void 0:Q.value)&&v,deleteProperty:_,createProperty:m,propertySelectorText:"Select condition",fetchPropertyData:function(){return e.__awaiter(this,void 0,void 0,(function*(){if(null==Q?void 0:Q.value){return yield(e=null==Q?void 0:Q.value,q((()=>c({query:{triggerName:e}})),`${p}_${e}`))}var e;return null}))},onPropertyNameSelect:function(r,t){return e.__awaiter(this,void 0,void 0,(function*(){P(Object.assign(Object.assign({},t),{name:r.id,dataType:r.type,operator:void 0,value:void 0,error:{}}),d._id);const e=yield((e,r)=>q((()=>c({query:{triggerName:e,propertyName:r}})),`${p}_${e}_${r}`))(null==Q?void 0:Q.value,r.id);return e?{normalized:e,originalData:e}:[]}))},onPropertyOperatorChange:function(e,r){P(Object.assign(Object.assign({},r),{operator:e,value:void 0,error:{}}),d._id)},onPropertyValueChange:function(e,r){P(Object.assign(Object.assign({},r),{value:e}),d._id)},selectPropertyJoinOperator:x,mode:y},{children:r.jsx("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:8}},{children:r.jsx(s.default,{isLoading:A,error:null===(j=null==Q?void 0:Q.error)||void 0===j?void 0:j.key,width:"200px",options:O,onSelect:function(e){Array.isArray(e)||(B(d._id),Array.isArray(O)&&b([...O.map((r=>{if(r.options){const t=r.options.map((r=>r.value===e.value?Object.assign(Object.assign({},r),{selected:!0}):Object.assign(Object.assign({},r),{selected:!1})));return Object.assign(Object.assign({},r),{options:t})}return r.value===e.value?Object.assign(Object.assign({},r),{selected:!0}):Object.assign(Object.assign({},r),{selected:!1})}))]),(null==Q?void 0:Q.key)===u?f(Object.assign(Object.assign({},Q),{value:e.value,error:{}}),d._id):h({key:u,value:e.value},d._id))}})}))}))};
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("react"),i=require("../../helpers/ApiResponse.helper.js"),a=require("../../hooks/useQueryBuilder.js"),o=require("../../hooks/useQueryBuilderCache.js"),s=require("../../components/DropdownWrapper.js"),n=require("../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js");const l=new i.ApiResponseHelper,u="triggerName";exports.default=i=>{let{node:d,apiHandler:c,cacheKey:p,propertyAddBtnText:v,mode:y,selectorKey:g}=i;var j;const[O,b]=t.useState([]),{updateMeta:f,createMeta:h,createProperty:m,deleteProperty:_,updateProperty:P,selectPropertyJoinOperator:x,clearProperty:B}=a.useQueryBuilder(g),{cacheWrap:q}=o.useQueryBuilderCache(),[A,N]=t.useState(!0),Q=d.metas.find((e=>e.key===u));return t.useEffect((()=>{q((()=>c({})),p).then((e=>{var r;if(e)if(Array.isArray(e)){const t=null!==(r=null==e?void 0:e.map((e=>({label:e.name,value:e.id,description:e.description,selected:"create"!==y&&(!!(null==Q?void 0:Q.value)&&Q.value===e.id)}))))&&void 0!==r?r:[];b([...t])}else{const r=l.convertToGroupOptions(e,(null==Q?void 0:Q.value)?[Q.value]:void 0);b([...r])}N(!1)}))}),[]),r.jsx(n.BaseQueryBuilderNode,Object.assign({node:d,addPropertyBtnText:(null==Q?void 0:Q.value)&&v,deleteProperty:_,createProperty:m,propertySelectorText:"Select condition",fetchPropertyData:function(){return e.__awaiter(this,void 0,void 0,(function*(){if(null==Q?void 0:Q.value){return yield(e=null==Q?void 0:Q.value,q((()=>c({query:{triggerName:e}})),`${p}_${e}`))}var e;return null}))},onPropertyNameSelect:function(r,t){return e.__awaiter(this,void 0,void 0,(function*(){P(Object.assign(Object.assign({},t),{name:r.id,dataType:r.type,operator:void 0,value:void 0,error:{}}),d._id);const e=yield((e,r)=>q((()=>c({query:{triggerName:e,propertyName:r}})),`${p}_${e}_${r}`))(null==Q?void 0:Q.value,r.id);return e?{normalized:e,originalData:e}:[]}))},onPropertyOperatorChange:function(e,r){P(Object.assign(Object.assign({},r),{operator:e,value:void 0,error:{}}),d._id)},onPropertyValueChange:function(e,r){P(Object.assign(Object.assign({},r),{value:e}),d._id)},selectPropertyJoinOperator:x,mode:y},{children:r.jsx("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:8}},{children:r.jsx(s.default,{isSearchable:!0,isLoading:A,error:null===(j=null==Q?void 0:Q.error)||void 0===j?void 0:j.key,width:"200px",options:O,onSelect:function(e){Array.isArray(e)||(B(d._id),Array.isArray(O)&&b([...O.map((r=>{if(r.options){const t=r.options.map((r=>r.value===e.value?Object.assign(Object.assign({},r),{selected:!0}):Object.assign(Object.assign({},r),{selected:!1})));return Object.assign(Object.assign({},r),{options:t})}return r.value===e.value?Object.assign(Object.assign({},r),{selected:!0}):Object.assign(Object.assign({},r),{selected:!1})}))]),(null==Q?void 0:Q.key)===u?f(Object.assign(Object.assign({},Q),{value:e.value,error:{}}),d._id):h({key:u,value:e.value},d._id))}})}))}))};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { QueryBuilderConnectorType } from '../types/QueryBuilder.type';
|
|
2
|
-
import { AD_STRING_OPERATORS, ANY_AD_OPERATORS, ANY_IG_OPERATORS, BOOLEAN_OPERATORS, DATE_OPERATORS, FREQUENCY_OPERATORS, ICE_BREAKER_OPERATORS, IG_STRING_OPERATORS, INTEGER_OPERATORS, REACTION_OPERATORS, SPECIFIC_IG_OPERATORS, STRING_OPERATORS, STRING_RESTRICTED_OPERATORS } from '../types/QueryBuilderOperator.type';
|
|
3
|
-
type CONNECTOR_OPERATORS_TYPE = typeof BOOLEAN_OPERATORS | typeof STRING_OPERATORS | typeof STRING_RESTRICTED_OPERATORS | typeof INTEGER_OPERATORS | typeof FREQUENCY_OPERATORS | typeof DATE_OPERATORS | typeof SPECIFIC_IG_OPERATORS | typeof ANY_IG_OPERATORS | typeof REACTION_OPERATORS | typeof IG_STRING_OPERATORS | typeof ANY_AD_OPERATORS | typeof AD_STRING_OPERATORS | typeof ICE_BREAKER_OPERATORS;
|
|
2
|
+
import { AD_STRING_OPERATORS, ANY_AD_OPERATORS, ANY_IG_OPERATORS, BOOLEAN_OPERATORS, DATE_OPERATORS, FREQUENCY_OPERATORS, ICE_BREAKER_OPERATORS, IG_STRING_OPERATORS, INTEGER_OPERATORS, MAIL_SUBJECT_OPERATORS, REACTION_OPERATORS, SPECIFIC_IG_OPERATORS, STRING_OPERATORS, STRING_RESTRICTED_OPERATORS, STRING_RESTRICTED_OPERATORS_2, STRING_RESTRICTED_OPERATORS_3 } from '../types/QueryBuilderOperator.type';
|
|
3
|
+
type CONNECTOR_OPERATORS_TYPE = typeof BOOLEAN_OPERATORS | typeof STRING_OPERATORS | typeof STRING_RESTRICTED_OPERATORS | typeof STRING_RESTRICTED_OPERATORS_2 | typeof STRING_RESTRICTED_OPERATORS_3 | typeof INTEGER_OPERATORS | typeof FREQUENCY_OPERATORS | typeof DATE_OPERATORS | typeof SPECIFIC_IG_OPERATORS | typeof ANY_IG_OPERATORS | typeof REACTION_OPERATORS | typeof IG_STRING_OPERATORS | typeof ANY_AD_OPERATORS | typeof AD_STRING_OPERATORS | typeof ICE_BREAKER_OPERATORS | typeof MAIL_SUBJECT_OPERATORS;
|
|
4
4
|
export declare const CONNECTOR_TYPE_TO_OPERATORS: {
|
|
5
5
|
[key in QueryBuilderConnectorType]: CONNECTOR_OPERATORS_TYPE;
|
|
6
6
|
};
|
|
@@ -50,6 +50,16 @@ export declare const STRING_RESTRICTED_OPERATORS_COMPONENT: {
|
|
|
50
50
|
exists: CONNECTOR_VALUE_COMPONENT_TYPES;
|
|
51
51
|
doesntExist: CONNECTOR_VALUE_COMPONENT_TYPES;
|
|
52
52
|
};
|
|
53
|
+
export declare const STRING_RESTRICTED_OPERATORS_2_COMPONENT: {
|
|
54
|
+
is: CONNECTOR_VALUE_COMPONENT_TYPES;
|
|
55
|
+
isNot: CONNECTOR_VALUE_COMPONENT_TYPES;
|
|
56
|
+
};
|
|
57
|
+
export declare const STRING_RESTRICTED_OPERATORS_3_COMPONENT: {
|
|
58
|
+
is: CONNECTOR_VALUE_COMPONENT_TYPES;
|
|
59
|
+
};
|
|
60
|
+
export declare const MAIL_SUBJECT_OPERATORS_COMPONENT: {
|
|
61
|
+
contains: CONNECTOR_VALUE_COMPONENT_TYPES;
|
|
62
|
+
};
|
|
53
63
|
export declare const IG_STRING_OPERATORS_COMPONENT: {
|
|
54
64
|
any: CONNECTOR_VALUE_COMPONENT_TYPES;
|
|
55
65
|
is: CONNECTOR_VALUE_COMPONENT_TYPES;
|
|
@@ -113,6 +123,6 @@ export declare const FREQUENCY_OPERATORS_COMPONENT: {
|
|
|
113
123
|
atMost: CONNECTOR_VALUE_COMPONENT_TYPES;
|
|
114
124
|
};
|
|
115
125
|
export declare const CONNECTOR_TYPE_TO_COMPONENT_MAP: {
|
|
116
|
-
[x in QueryBuilderConnectorType]: typeof BOOLEAN_OPERATORS_COMPONENT | typeof STRING_OPERATORS_COMPONENT | typeof STRING_RESTRICTED_OPERATORS | typeof INTEGER_OPERATORS_COMPONENT | typeof FREQUENCY_OPERATORS_COMPONENT | typeof DATE_OPERATORS_COMPONENT | typeof SPECIFIC_IG_POST_OPERATORS_COMPONENT | typeof SPECIFIC_IG_REEL_OPERATORS_COMPONENT | typeof SPECIFIC_IG_STORY_OPERATORS_COMPONENT | typeof ANY_IG_OPERATORS_COMPONENT | typeof REACTION_OPERATORS_COMPONENT | typeof IG_STRING_OPERATORS_COMPONENT | typeof ANY_AD_OPERATORS_COMPONENT | typeof AD_STRING_OPERATORS_COMPONENT | typeof ICE_BREAKER_OPERATORS_COMPONENT;
|
|
126
|
+
[x in QueryBuilderConnectorType]: typeof BOOLEAN_OPERATORS_COMPONENT | typeof STRING_OPERATORS_COMPONENT | typeof STRING_RESTRICTED_OPERATORS | typeof STRING_RESTRICTED_OPERATORS_2_COMPONENT | typeof STRING_RESTRICTED_OPERATORS_3_COMPONENT | typeof MAIL_SUBJECT_OPERATORS_COMPONENT | typeof INTEGER_OPERATORS_COMPONENT | typeof FREQUENCY_OPERATORS_COMPONENT | typeof DATE_OPERATORS_COMPONENT | typeof SPECIFIC_IG_POST_OPERATORS_COMPONENT | typeof SPECIFIC_IG_REEL_OPERATORS_COMPONENT | typeof SPECIFIC_IG_STORY_OPERATORS_COMPONENT | typeof ANY_IG_OPERATORS_COMPONENT | typeof REACTION_OPERATORS_COMPONENT | typeof IG_STRING_OPERATORS_COMPONENT | typeof ANY_AD_OPERATORS_COMPONENT | typeof AD_STRING_OPERATORS_COMPONENT | typeof ICE_BREAKER_OPERATORS_COMPONENT;
|
|
117
127
|
};
|
|
118
128
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../types/QueryBuilder.type.js"),O=require("../types/QueryBuilderOperator.type.js");const E={[e.QueryBuilderConnectorType.boolean]:O.BOOLEAN_OPERATORS,[e.QueryBuilderConnectorType.string]:O.STRING_OPERATORS,[e.QueryBuilderConnectorType.string_restricted]:O.STRING_RESTRICTED_OPERATORS,[e.QueryBuilderConnectorType.string_restricted_2]:O.STRING_RESTRICTED_OPERATORS_2,[e.QueryBuilderConnectorType.string_restricted_3]:O.STRING_RESTRICTED_OPERATORS_3,[e.QueryBuilderConnectorType.integer]:O.INTEGER_OPERATORS,[e.QueryBuilderConnectorType.frequency]:O.FREQUENCY_OPERATORS,[e.QueryBuilderConnectorType.date]:O.DATE_OPERATORS,[e.QueryBuilderConnectorType.specificPost]:O.SPECIFIC_IG_OPERATORS,[e.QueryBuilderConnectorType.specificReel]:O.SPECIFIC_IG_OPERATORS,[e.QueryBuilderConnectorType.specificStory]:O.SPECIFIC_IG_OPERATORS,[e.QueryBuilderConnectorType.anyIg]:O.ANY_IG_OPERATORS,[e.QueryBuilderConnectorType.reaction]:O.REACTION_OPERATORS,[e.QueryBuilderConnectorType.activityString]:O.IG_STRING_OPERATORS,[e.QueryBuilderConnectorType.anyAd]:O.ANY_AD_OPERATORS,[e.QueryBuilderConnectorType.specificAd]:O.AD_STRING_OPERATORS,[e.QueryBuilderConnectorType.iceBreaker]:O.ICE_BREAKER_OPERATORS,[e.QueryBuilderConnectorType.mailSubject]:O.MAIL_SUBJECT_OPERATORS};var T;exports.CONNECTOR_VALUE_COMPONENT_TYPES=void 0,(T=exports.CONNECTOR_VALUE_COMPONENT_TYPES||(exports.CONNECTOR_VALUE_COMPONENT_TYPES={})).FreeText="FreeText",T.NoInput="NoInput",T.IntegerSingleValue="IntegerSingleValue",T.StringSingleValue="StringSingleValue",T.TwoNumberInputsSeperatedByAnd="TwoNumberInputsSeperatedByAnd",T.MultiselectDropdownFreeText="MultiselectDropdownFreeText",T.SingleselectDropdownFreeText="SingleselectDropdownFreeText",T.SingleDate="SingleDate",T.TwoDate="TwoDate",T.IntegerPositiveSingle="IntegerPositiveSingle",T.NumberTime="NumberTime",T.PostIgPicker="PostIgPicker",T.ReelIgPicker="ReelIgPicker",T.StoryIgPicker="StoryIgPicker",T.EmojiPicker="EmojiPicker",T.InTheLast="InTheLast",T.InTwoLast="InTwoLast",T.InTheLastAgo="InTheLastAgo";const N={[O.INTEGER_OPERATORS.is]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.FreeText,[O.INTEGER_OPERATORS.isNot]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.FreeText,[O.INTEGER_OPERATORS.exists]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.NoInput,[O.INTEGER_OPERATORS.doesntExist]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.NoInput,[O.INTEGER_OPERATORS.lessThan]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.IntegerSingleValue,[O.INTEGER_OPERATORS.lessThanOrEqualTo]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.IntegerSingleValue,[O.INTEGER_OPERATORS.greaterThan]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.IntegerSingleValue,[O.INTEGER_OPERATORS.greaterThanOrEqualTo]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.IntegerSingleValue},_={[O.STRING_OPERATORS.is]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.MultiselectDropdownFreeText,[O.STRING_OPERATORS.isNot]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.MultiselectDropdownFreeText,[O.STRING_OPERATORS.contains]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.FreeText,[O.STRING_OPERATORS.doesntContain]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.FreeText,[O.STRING_OPERATORS.startsWith]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.FreeText,[O.STRING_OPERATORS.endsWith]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.FreeText,[O.STRING_OPERATORS.exists]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.NoInput,[O.STRING_OPERATORS.doesntExist]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.NoInput},t={[O.STRING_OPERATORS.is]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.MultiselectDropdownFreeText,[O.STRING_OPERATORS.isNot]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.MultiselectDropdownFreeText,[O.STRING_OPERATORS.exists]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.NoInput,[O.STRING_OPERATORS.doesntExist]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.NoInput},R={[O.STRING_OPERATORS.is]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.FreeText,[O.STRING_OPERATORS.isNot]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.FreeText},r={[O.STRING_OPERATORS.is]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.SingleselectDropdownFreeText},C={[O.STRING_OPERATORS.contains]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.FreeText},P={[O.IG_STRING_OPERATORS.any]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.NoInput,[O.IG_STRING_OPERATORS.is]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.MultiselectDropdownFreeText,[O.IG_STRING_OPERATORS.contains]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.FreeText,[O.IG_STRING_OPERATORS.startsWith]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.FreeText,[O.IG_STRING_OPERATORS.endsWith]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.FreeText},o={[O.AD_STRING_OPERATORS.is]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.SingleselectDropdownFreeText},S={[O.ICE_BREAKER_OPERATORS.is]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.MultiselectDropdownFreeText},A={[O.REACTION_OPERATORS.contains]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.EmojiPicker},n={[O.DATE_OPERATORS.today]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.NoInput,[O.DATE_OPERATORS.yesterday]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.NoInput,[O.DATE_OPERATORS["last 30 days"]]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.NoInput,[O.DATE_OPERATORS["last 7 days"]]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.NoInput,[O.DATE_OPERATORS["this month"]]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.NoInput,[O.DATE_OPERATORS["this week"]]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.NoInput,[O.DATE_OPERATORS["last month"]]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.NoInput,[O.DATE_OPERATORS["last week"]]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.NoInput,[O.DATE_OPERATORS.exactly]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.InTheLastAgo,[O.DATE_OPERATORS["in the last"]]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.InTheLast,[O.DATE_OPERATORS["in between last"]]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.InTwoLast,[O.DATE_OPERATORS.on]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.SingleDate,[O.DATE_OPERATORS.notOn]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.SingleDate,[O.DATE_OPERATORS.inBetween]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.TwoDate,[O.DATE_OPERATORS.notInBetween]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.TwoDate,[O.DATE_OPERATORS.before]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.SingleDate,[O.DATE_OPERATORS.after]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.SingleDate,[O.DATE_OPERATORS.today]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.NoInput,[O.DATE_OPERATORS.yesterday]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.NoInput,[O.DATE_OPERATORS["last week"]]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.NoInput,[O.DATE_OPERATORS["last month"]]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.NoInput,[O.DATE_OPERATORS["last quarter"]]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.NoInput,[O.DATE_OPERATORS["in the last"]]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.InTheLast},s={[O.SPECIFIC_IG_OPERATORS.in]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.PostIgPicker},i={[O.SPECIFIC_IG_OPERATORS.in]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.ReelIgPicker},p={[O.SPECIFIC_IG_OPERATORS.in]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.StoryIgPicker},I={[O.ANY_IG_OPERATORS.in]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.NoInput},u={[O.ANY_AD_OPERATORS.in]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.NoInput},x={[O.BOOLEAN_OPERATORS.isTrue]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.NoInput,[O.BOOLEAN_OPERATORS.isFalse]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.NoInput,[O.BOOLEAN_OPERATORS.exists]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.NoInput,[O.BOOLEAN_OPERATORS.doesntExist]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.NoInput},l={[O.FREQUENCY_OPERATORS.exactly]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.IntegerPositiveSingle,[O.FREQUENCY_OPERATORS.atleast]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.IntegerPositiveSingle,[O.FREQUENCY_OPERATORS.atMost]:exports.CONNECTOR_VALUE_COMPONENT_TYPES.IntegerPositiveSingle},y={[e.QueryBuilderConnectorType.boolean]:x,[e.QueryBuilderConnectorType.string]:_,[e.QueryBuilderConnectorType.integer]:N,[e.QueryBuilderConnectorType.frequency]:l,[e.QueryBuilderConnectorType.date]:n,[e.QueryBuilderConnectorType.specificPost]:s,[e.QueryBuilderConnectorType.specificReel]:i,[e.QueryBuilderConnectorType.specificStory]:p,[e.QueryBuilderConnectorType.anyIg]:I,[e.QueryBuilderConnectorType.reaction]:A,[e.QueryBuilderConnectorType.activityString]:P,[e.QueryBuilderConnectorType.anyAd]:u,[e.QueryBuilderConnectorType.specificAd]:o,[e.QueryBuilderConnectorType.iceBreaker]:S,[e.QueryBuilderConnectorType.string_restricted]:t,[e.QueryBuilderConnectorType.string_restricted_2]:R,[e.QueryBuilderConnectorType.string_restricted_3]:r,[e.QueryBuilderConnectorType.mailSubject]:C};exports.AD_STRING_OPERATORS_COMPONENT=o,exports.ANY_AD_OPERATORS_COMPONENT=u,exports.ANY_IG_OPERATORS_COMPONENT=I,exports.BOOLEAN_OPERATORS_COMPONENT=x,exports.CONNECTOR_TYPE_TO_COMPONENT_MAP=y,exports.CONNECTOR_TYPE_TO_OPERATORS=E,exports.DATE_OPERATORS_COMPONENT=n,exports.FREQUENCY_OPERATORS_COMPONENT=l,exports.ICE_BREAKER_OPERATORS_COMPONENT=S,exports.IG_STRING_OPERATORS_COMPONENT=P,exports.INTEGER_OPERATORS_COMPONENT=N,exports.MAIL_SUBJECT_OPERATORS_COMPONENT=C,exports.REACTION_OPERATORS_COMPONENT=A,exports.SPECIFIC_IG_POST_OPERATORS_COMPONENT=s,exports.SPECIFIC_IG_REEL_OPERATORS_COMPONENT=i,exports.SPECIFIC_IG_STORY_OPERATORS_COMPONENT=p,exports.STRING_OPERATORS_COMPONENT=_,exports.STRING_RESTRICTED_OPERATORS_2_COMPONENT=R,exports.STRING_RESTRICTED_OPERATORS_3_COMPONENT=r,exports.STRING_RESTRICTED_OPERATORS_COMPONENT=t;
|
|
@@ -16,6 +16,8 @@ export declare enum QueryBuilderJoinOperators {
|
|
|
16
16
|
export declare enum QueryBuilderConnectorType {
|
|
17
17
|
'string' = "string",
|
|
18
18
|
'string_restricted' = "string_restricted",
|
|
19
|
+
'string_restricted_2' = "string_restricted_2",
|
|
20
|
+
'string_restricted_3' = "string_restricted_3",
|
|
19
21
|
'integer' = "integer",
|
|
20
22
|
'boolean' = "boolean",
|
|
21
23
|
'date' = "date",
|
|
@@ -28,7 +30,8 @@ export declare enum QueryBuilderConnectorType {
|
|
|
28
30
|
'reaction' = "reaction",
|
|
29
31
|
'activityString' = "activityString",
|
|
30
32
|
'specificAd' = "specificAd",
|
|
31
|
-
'iceBreaker' = "iceBreaker"
|
|
33
|
+
'iceBreaker' = "iceBreaker",
|
|
34
|
+
'mailSubject' = "mailSubject"
|
|
32
35
|
}
|
|
33
36
|
export interface QueryBuilderConnector {
|
|
34
37
|
dataType: QueryBuilderConnectorType;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e,r,i;Object.defineProperty(exports,"__esModule",{value:!0}),exports.QueryBuilderType=void 0,(e=exports.QueryBuilderType||(exports.QueryBuilderType={})).SEGMENT_FILTER="SEGMENT_FILTER",e.EVENT_FILTER="EVENT_FILTER",e.NO_EVENT_FILTER="NO_EVENT_FILTER",e.USER_PROPERTY_FILTER="USER_PROPERTY_FILTER",e.IG_TRIGGER="IG_TRIGGER",e.CTWA_TRIGGER="CTWA_TRIGGER",e.EVENTS_TRIGGER="EVENTS_TRIGGER",exports.QueryBuilderJoinOperators=void 0,(r=exports.QueryBuilderJoinOperators||(exports.QueryBuilderJoinOperators={})).AND="AND",r.OR="OR",exports.QueryBuilderConnectorType=void 0,(i=exports.QueryBuilderConnectorType||(exports.QueryBuilderConnectorType={})).string="string",i.string_restricted="string_restricted",i.integer="integer",i.boolean="boolean",i.date="date",i.frequency="frequency",i.anyIg="anyIg",i.anyAd="anyAd",i.specificPost="specificPost",i.specificReel="specificReel",i.specificStory="specificStory",i.reaction="reaction",i.activityString="activityString",i.specificAd="specificAd",i.iceBreaker="iceBreaker";
|
|
1
|
+
"use strict";var e,r,i;Object.defineProperty(exports,"__esModule",{value:!0}),exports.QueryBuilderType=void 0,(e=exports.QueryBuilderType||(exports.QueryBuilderType={})).SEGMENT_FILTER="SEGMENT_FILTER",e.EVENT_FILTER="EVENT_FILTER",e.NO_EVENT_FILTER="NO_EVENT_FILTER",e.USER_PROPERTY_FILTER="USER_PROPERTY_FILTER",e.IG_TRIGGER="IG_TRIGGER",e.CTWA_TRIGGER="CTWA_TRIGGER",e.EVENTS_TRIGGER="EVENTS_TRIGGER",exports.QueryBuilderJoinOperators=void 0,(r=exports.QueryBuilderJoinOperators||(exports.QueryBuilderJoinOperators={})).AND="AND",r.OR="OR",exports.QueryBuilderConnectorType=void 0,(i=exports.QueryBuilderConnectorType||(exports.QueryBuilderConnectorType={})).string="string",i.string_restricted="string_restricted",i.string_restricted_2="string_restricted_2",i.string_restricted_3="string_restricted_3",i.integer="integer",i.boolean="boolean",i.date="date",i.frequency="frequency",i.anyIg="anyIg",i.anyAd="anyAd",i.specificPost="specificPost",i.specificReel="specificReel",i.specificStory="specificStory",i.reaction="reaction",i.activityString="activityString",i.specificAd="specificAd",i.iceBreaker="iceBreaker",i.mailSubject="mailSubject";
|
|
@@ -28,6 +28,13 @@ export declare enum STRING_RESTRICTED_OPERATORS {
|
|
|
28
28
|
exists = "exists",
|
|
29
29
|
doesntExist = "doesntExist"
|
|
30
30
|
}
|
|
31
|
+
export declare enum STRING_RESTRICTED_OPERATORS_2 {
|
|
32
|
+
is = "is",
|
|
33
|
+
isNot = "isNot"
|
|
34
|
+
}
|
|
35
|
+
export declare enum STRING_RESTRICTED_OPERATORS_3 {
|
|
36
|
+
is = "is"
|
|
37
|
+
}
|
|
31
38
|
export declare enum IG_STRING_OPERATORS {
|
|
32
39
|
any = "any",
|
|
33
40
|
is = "is",
|
|
@@ -53,6 +60,9 @@ export declare enum ANY_AD_OPERATORS {
|
|
|
53
60
|
export declare enum REACTION_OPERATORS {
|
|
54
61
|
contains = "contains"
|
|
55
62
|
}
|
|
63
|
+
export declare enum MAIL_SUBJECT_OPERATORS {
|
|
64
|
+
contains = "contains"
|
|
65
|
+
}
|
|
56
66
|
export declare enum DATE_OPERATORS {
|
|
57
67
|
today = "today",
|
|
58
68
|
yesterday = "yesterday",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e,t,s,o,
|
|
1
|
+
"use strict";var e,t,s,R,o,T,E,i,n;Object.defineProperty(exports,"__esModule",{value:!0}),exports.INTEGER_OPERATORS=void 0,(e=exports.INTEGER_OPERATORS||(exports.INTEGER_OPERATORS={})).is="is",e.isNot="isNot",e.exists="exists",e.doesntExist="doesntExist",e.lessThan="lessThan",e.lessThanOrEqualTo="lessThanOrEqualTo",e.greaterThan="greaterThan",e.greaterThanOrEqualTo="greaterThanOrEqualTo",exports.STRING_OPERATORS=void 0,(t=exports.STRING_OPERATORS||(exports.STRING_OPERATORS={})).is="is",t.isNot="isNot",t.contains="contains",t.doesntContain="doesntContain",t.startsWith="startsWith",t.endsWith="endsWith",t.exists="exists",t.doesntExist="doesntExist",exports.STRING_RESTRICTED_OPERATORS=void 0,(s=exports.STRING_RESTRICTED_OPERATORS||(exports.STRING_RESTRICTED_OPERATORS={})).is="is",s.isNot="isNot",s.exists="exists",s.doesntExist="doesntExist",exports.STRING_RESTRICTED_OPERATORS_2=void 0,(R=exports.STRING_RESTRICTED_OPERATORS_2||(exports.STRING_RESTRICTED_OPERATORS_2={})).is="is",R.isNot="isNot",exports.STRING_RESTRICTED_OPERATORS_3=void 0,(exports.STRING_RESTRICTED_OPERATORS_3||(exports.STRING_RESTRICTED_OPERATORS_3={})).is="is",exports.IG_STRING_OPERATORS=void 0,(o=exports.IG_STRING_OPERATORS||(exports.IG_STRING_OPERATORS={})).any="any",o.is="is",o.contains="contains",o.startsWith="startsWith",o.endsWith="endsWith",exports.AD_STRING_OPERATORS=void 0,(exports.AD_STRING_OPERATORS||(exports.AD_STRING_OPERATORS={})).is="is",exports.SPECIFIC_IG_OPERATORS=void 0,(exports.SPECIFIC_IG_OPERATORS||(exports.SPECIFIC_IG_OPERATORS={})).in="in",exports.ICE_BREAKER_OPERATORS=void 0,(exports.ICE_BREAKER_OPERATORS||(exports.ICE_BREAKER_OPERATORS={})).is="is",exports.ANY_IG_OPERATORS=void 0,(exports.ANY_IG_OPERATORS||(exports.ANY_IG_OPERATORS={})).in="in",exports.ANY_AD_OPERATORS=void 0,(exports.ANY_AD_OPERATORS||(exports.ANY_AD_OPERATORS={})).in="in",exports.REACTION_OPERATORS=void 0,(exports.REACTION_OPERATORS||(exports.REACTION_OPERATORS={})).contains="contains",exports.MAIL_SUBJECT_OPERATORS=void 0,(exports.MAIL_SUBJECT_OPERATORS||(exports.MAIL_SUBJECT_OPERATORS={})).contains="contains",exports.DATE_OPERATORS=void 0,(T=exports.DATE_OPERATORS||(exports.DATE_OPERATORS={})).today="today",T.yesterday="yesterday",T["last 7 days"]="last 7 days",T["last 30 days"]="last 30 days",T["this week"]="this week",T["last week"]="last week",T["this month"]="this month",T["last month"]="last month",T.exactly="exactly",T["not exactly"]="not exactly",T["in the last"]="in the last",T["not in the last"]="not in the last",T["in between last"]="in between last",T["not in between last"]="not in between last",T.on="on",T.notOn="notOn",T.inBetween="inBetween",T.notInBetween="notInBetween",T.before="before",T.after="after",T["last quarter"]="last quarter",exports.BOOLEAN_OPERATORS=void 0,(E=exports.BOOLEAN_OPERATORS||(exports.BOOLEAN_OPERATORS={})).isTrue="isTrue",E.isFalse="isFalse",E.exists="exists",E.doesntExist="doesntExist",exports.FREQUENCY_OPERATORS=void 0,(i=exports.FREQUENCY_OPERATORS||(exports.FREQUENCY_OPERATORS={})).exactly="exactly",i.atleast="atleast",i.atMost="atMost",exports.EVENT_VALUES=void 0,(n=exports.EVENT_VALUES||(exports.EVENT_VALUES={})).FreeText="FreeText",n.NoInput="NoInput",n.IntegerSingleValue="IntegerSingleValue",n.StringSingleValue="StringSingleValue",n.TwoNumberInputsSeperatedByAnd="TwoNumberInputsSeperatedByAnd",n.MultiselectDropdownFreeText="MultiselectDropdownFreeText",n.SingleselectDropdownFreeText="SingleselectDropdownFreeText",n.SingleDate="SingleDate",n.TwoDate="TwoDate",n.IntegerPositiveSingle="IntegerPositiveSingle",n.NumberTime="NumberTime";
|
|
@@ -1,8 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
export interface VariableListInterfaceV2 {
|
|
3
|
-
payloadVariables: PayloadVariables;
|
|
4
|
-
}
|
|
5
|
-
export interface PayloadVariables {
|
|
6
3
|
displayName: string;
|
|
7
4
|
description: string;
|
|
8
5
|
orderId: number;
|
|
@@ -14,6 +11,7 @@ export interface Variable {
|
|
|
14
11
|
actualValue: string;
|
|
15
12
|
variableType: string;
|
|
16
13
|
isAvailable: boolean;
|
|
14
|
+
actualValueEval?: string;
|
|
17
15
|
isSubHeader?: boolean;
|
|
18
16
|
variables?: {
|
|
19
17
|
[key: string]: Variable;
|
|
@@ -28,8 +26,11 @@ export interface AddVariableProps {
|
|
|
28
26
|
placeholder: string;
|
|
29
27
|
customTrigger?: any;
|
|
30
28
|
isSearchRequired?: boolean;
|
|
29
|
+
isModalState?: boolean;
|
|
31
30
|
leftPosition?: number;
|
|
32
31
|
pickerSize?: string;
|
|
32
|
+
enableVariable?: boolean;
|
|
33
|
+
isEvaluationList?: boolean;
|
|
33
34
|
}
|
|
34
35
|
type Props = AddVariableProps;
|
|
35
36
|
export interface VariableBoxProps {
|
|
@@ -37,5 +38,5 @@ export interface VariableBoxProps {
|
|
|
37
38
|
raw?: string;
|
|
38
39
|
parentKey?: string;
|
|
39
40
|
}
|
|
40
|
-
declare const AddVariableV2: React.FC<Props>;
|
|
41
|
-
export
|
|
41
|
+
export declare const AddVariableV2: React.FC<Props>;
|
|
42
|
+
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../assets/icons/back_icon.svg.js"),a=require("../../assets/icons/chevronRightAlt.svg.js"),i=require("../../assets/icons/cross.svg.js"),t=require("../../assets/icons/plus.svg.js"),l=require("../../assets/icons/undo.svg.js"),r=require("react"),n=require("./AddVariableV2.styled.js"),c=require("../button/Button.js"),o=require("../icon-button/IconButton.js"),d=require("../searchBar/searchBar.js"),b=require("../tooltips/Tooltip.js"),j=require("../../constants/Theme.js"),u=require("../TypographyStyle.js");exports.AddVariableV2=v=>{const{data:m}=v,[g,p]=r.useState({}),[h,x]=r.useState(),[y,O]=r.useState(""),[f,N]=r.useState(""),[S,C]=r.useState(!0),_=/^[^.]*\.[^.]*$/;r.useEffect((()=>{const e={};m.forEach((s=>{e[s.displayName]=[]})),x(e)}),[m]),r.useEffect((()=>{if(f){v.data.filter((e=>Object.keys(e.variables).filter((s=>{var a;return(null===(a=e.variables[s].displayName)||void 0===a?void 0:a.toLowerCase().includes(f.toLowerCase()))||k(e.variables[s])})).length>0)).length>0?C(!0):C(!1)}else C(!0)}),[f]);const V=(e,s)=>{const a=m.find((e=>e.displayName===s));if(a){let i=a;e.forEach(((e,s)=>{i=i.variables[e]})),p((e=>Object.assign(Object.assign({},e),{[s]:i})))}},k=e=>{let s=!1;if(e.isSubHeader&&e.variables){const a=Object.keys(e.variables);for(let i=0;i<a.length;i++){const t=a[i];if(e.variables&&e.variables[t].displayName.toLowerCase().includes(f.toLowerCase())){s=!0;break}}}return s},w=s=>{const a=s.item.description;return e.jsx(e.Fragment,{children:e.jsx(b.Tooltip,Object.assign({body:"",tooltipContent:e.jsx(u.BodyCaption,Object.assign({color:j.COLORS.content.primaryInverse,style:{whiteSpace:"pre-line",padding:8}},{children:s.item.isAvailable?a?`• ${a}\n• Recommended here`:"Recommended here":"Not recommended here"})),width:300,delay:300,placement:"bottom"},{children:e.jsx("div",{children:e.jsx(B,{item:s.item})})}))})},B=s=>e.jsx(c.Button,{darkMode:v.enableVariable?v.enableVariable:s.item.isAvailable,size:"chip",LeadingIcon:s.item.isSubHeader?void 0:t.default,TrailingIcon:()=>s.item.isSubHeader?e.jsx("div",Object.assign({className:"icon-trailing",style:{display:"flex"}},{children:e.jsx(a.default,{})})):e.jsx(e.Fragment,{}),buttonText:s.item.displayName}),T=(s,a)=>e.jsx("div",Object.assign({onClick:s.isSubHeader?()=>{const e=[...h[y],a];V(e,y),x((s=>Object.assign(Object.assign({},s),{[y]:e})))}:()=>{v.customTrigger?(v.customTrigger(s),v.setShowVariable(!1)):v.isEvaluationList?q(s):v.setVariableValue(s.actualValue)}},{children:e.jsx(w,{item:s})})),L=(e,s)=>{const a=[...h[e.displayName],s];V(a,e.displayName),x((s=>Object.assign(Object.assign({},s),{[e.displayName]:a}))),O(e.displayName)},q=e=>{if(e.actualValue.match(_)){const s=e.actualValue.replace("{{","").replace("}}","").split("."),a=s[0]+`['${s[1]}']`;v.setVariableValue(a)}else{const s=e.actualValueEval?e.actualValueEval:e.actualValue;v.setVariableValue(s)}},I=(e,s)=>{if(v.customTrigger)v.customTrigger(e.variables[s]),v.setShowVariable(!1);else if(v.isEvaluationList){const a=e.variables[s];q(a)}else v.setVariableValue(e.variables[s].actualValue)},E=v.isModalState?void 0:{top:"small"===v.pickerSize?"300px":"60px",left:`${v.leftPosition?v.leftPosition+24:430}px`};return e.jsx(n.AddVariableStyled,Object.assign({id:"varList",style:E,onClick:e=>{e.stopPropagation()},pickerSize:v.pickerSize||"large",isModalState:v.isModalState},{children:v.showVariable&&e.jsxs("div",Object.assign({className:"popup"},{children:[e.jsxs("div",Object.assign({className:"sticky__bar"},{children:[e.jsxs("div",Object.assign({className:"header__bar"},{children:[e.jsx("div",Object.assign({className:"add__variable"},{children:"Add a new variable"})),e.jsx("div",Object.assign({onClick:()=>{v.setShowVariable(!1)},style:{display:"flex",alignItems:"center",justifyContent:"center"}},{children:e.jsx(o.IconButton,{iconButtonType:"default",Icon:i.default})}))]})),e.jsx("div",Object.assign({className:"search__bar"},{children:e.jsx(d.SearchBar,{width:"100%",isEnabled:!0,onChange:e=>{N(e)},onEnter:()=>{},placeholder:"Search...",variant:"default"})})),!S&&e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",marginTop:16}},{children:[e.jsx(u.TitleSmall,{children:"No results found!"}),e.jsx(u.BodyCaption,{children:`Sorry we could not find any results for "${f}"`})]})),y&&h[y].length>0&&e.jsxs("div",Object.assign({className:"nav__bar",style:{marginTop:8}},{children:[e.jsxs("div",Object.assign({className:"left__nav"},{children:[e.jsx(o.IconButton,{Icon:s.default,style:{color:"#919191",display:"flex"},onClick:()=>{const e=h[y].slice(0,-1);V(e,y),x((s=>Object.assign(Object.assign({},s),{[y]:e}))),e.length||O("")}}),e.jsxs("div",Object.assign({className:"block"},{children:[e.jsx(u.TitleSmall,{children:g[y].displayName}),g[y].description&&e.jsx(u.BodyCaption,{children:g[y].description})]}))]})),e.jsxs("div",Object.assign({className:"right__nav"},{children:[e.jsx(o.IconButton,{Icon:l.default,style:{display:"flex"},onClick:()=>{V([],y),x((e=>Object.assign(Object.assign({},e),{[y]:[]}))),O("")}}),e.jsx("div",{children:"First page"})]}))]}))]})),e.jsx("div",Object.assign({className:"wrapper"},{children:e.jsx("div",Object.assign({className:"list__map"},{children:e.jsxs("div",Object.assign({className:"items"},{children:[!y&&v.data.map((s=>{let a=[];return f&&(a=Object.keys(s.variables).filter((e=>{var a;return(null===(a=s.variables[e].displayName)||void 0===a?void 0:a.toLowerCase().includes(f.toLowerCase()))||k(s.variables[e])}))),e.jsxs(e.Fragment,{children:[f?a.length>0?e.jsxs("div",Object.assign({className:"block"},{children:[e.jsx("div",Object.assign({className:"heading__font"},{children:null==s?void 0:s.displayName})),e.jsx(u.BodyCaption,Object.assign({style:{marginBottom:8,color:"#616161"}},{children:null==s?void 0:s.description}))]})):e.jsx(e.Fragment,{}):e.jsxs("div",Object.assign({className:"block"},{children:[e.jsx("div",Object.assign({className:"heading__font"},{children:null==s?void 0:s.displayName})),e.jsx(u.BodyCaption,Object.assign({style:{marginBottom:8,color:"#616161"}},{children:null==s?void 0:s.description}))]})),Object.keys(s.variables).map((a=>{var i;return f?(null===(i=s.variables[a].displayName)||void 0===i?void 0:i.toLowerCase().includes(f.toLowerCase()))||k(s.variables[a])?e.jsx("div",Object.assign({onClick:s.variables[a].isSubHeader?()=>L(s,a):()=>I(s,a)},{children:e.jsx(w,{item:s.variables[a]})})):e.jsx(e.Fragment,{}):e.jsx("div",Object.assign({onClick:s.variables[a].isSubHeader?()=>L(s,a):()=>I(s,a)},{children:e.jsx(w,{item:s.variables[a]})}))}))]})})),y&&e.jsx("div",Object.assign({className:"list__map"},{children:e.jsx("div",Object.assign({className:"items",style:{marginTop:16}},{children:Object.keys(g[y].variables).map(((s,a)=>{var i;return f?(null===(i=g[y].variables[s].displayName)||void 0===i?void 0:i.toLowerCase().includes(f.toLowerCase()))||k(g[y].variables[s])?T(g[y].variables[s],s):e.jsx(e.Fragment,{}):T(g[y].variables[s],s)}))}))}))]}))}))})),e.jsx("div",{className:"bottom__padding"})]}))}))};
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export declare const AddVariableStyled: import("styled-components").StyledComponent<"div", any, {
|
|
2
2
|
pickerSize: string;
|
|
3
|
+
isModalState?: boolean | undefined;
|
|
3
4
|
}, never>;
|
|
4
5
|
export declare const VariableBoxStyled: import("styled-components").StyledComponent<"div", any, {
|
|
5
6
|
isAvailable?: boolean | undefined;
|
|
@@ -10,8 +10,9 @@
|
|
|
10
10
|
}
|
|
11
11
|
.popup {
|
|
12
12
|
background: white;
|
|
13
|
-
width: 566px;
|
|
14
|
-
height: 100vh;
|
|
13
|
+
width: ${e=>e.isModalState?"566px":"480px"};
|
|
14
|
+
height: ${e=>e.isModalState?"100vh":"small"===e.pickerSize?"40vh":"90vh"};
|
|
15
|
+
border: ${e=>e.isModalState?"unset":"1px solid #e0e0e0"};
|
|
15
16
|
border-radius: 8px;
|
|
16
17
|
overflow-y: scroll;
|
|
17
18
|
.sticky__bar {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=require("react-dom"),r=require("./AddVariableV2.js"),d=require("../side-modal/SideModal.style.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=t(a);exports.AddVariableV2SideModal=a=>i.default.createPortal(e.jsx(d.SideModalStyle,{children:e.jsx(d.SideModalContainer,{children:e.jsx(r.
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=require("react-dom"),r=require("./AddVariableV2.js"),d=require("../side-modal/SideModal.style.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=t(a);exports.AddVariableV2SideModal=a=>i.default.createPortal(e.jsx(d.SideModalStyle,Object.assign({zIndex:a.zIndex},{children:e.jsx(d.SideModalContainer,{children:e.jsx(r.AddVariableV2,{data:a.data,showVariable:a.showVariable,setShowVariable:a.setShowVariable,placeholder:"Add a variable",customTrigger:a.customTrigger,isModalState:!0})})})),document.body);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),n=require("react"),s=require("../spinner/Spinner.js"),i=require("./Button.styled.js"),a=require("./themes.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=r(n);const c=n.forwardRef(((n,r)=>{var{version:c,id:l,buttonType:d="primary",size:u="small",buttonText:m,disabled:j,IconComponent:b,LeadingIcon:h,TrailingIcon:p,isLoading:g,inverse:x,onClick:v,matchParentWidth:f,subtitle:y}=n,
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),n=require("react"),s=require("../spinner/Spinner.js"),i=require("./Button.styled.js"),a=require("./themes.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=r(n);const c=n.forwardRef(((n,r)=>{var{version:c,id:l,buttonType:d="primary",size:u="small",buttonText:m,disabled:j,IconComponent:b,LeadingIcon:h,TrailingIcon:p,isLoading:g,inverse:x,onClick:v,matchParentWidth:f,subtitle:y,darkMode:N}=n,C=e.__rest(n,["version","id","buttonType","size","buttonText","disabled","IconComponent","LeadingIcon","TrailingIcon","isLoading","inverse","onClick","matchParentWidth","subtitle","darkMode"]);const O=a.GetButtonTextComponent(u,d),B="chip"===u?16:20,T={height:B,width:B,color:a.getButtonIconColor(u,d,x,j,g,N),style:{display:"block"},className:"icon"};return t.jsx(i.Button,Object.assign({version:c,onClick:v,ref:r,id:l,disabled:j,size:u,buttonType:d,isLoading:g,inverse:x,matchParentWidth:f,darkMode:N},C,{children:t.jsxs("div",Object.assign({className:"button-container"},{children:[d.startsWith("dash")&&t.jsx(i.ButtonCustomDashedBorder,{}),t.jsx("div",Object.assign({className:"overlay-container"},{children:g&&t.jsx(s.Spinner,{className:"spinner",size:"small",color:a.SpinnerColorMap(d,x)})})),b&&t.jsx("div",Object.assign({className:"icon-component"},{children:o.default.createElement(b,T)})),h&&t.jsx("div",Object.assign({className:"icon-leading"},{children:o.default.createElement(h,T)})),m?t.jsxs(O,Object.assign({className:"text"},{children:[m,t.jsx("div",Object.assign({className:"text-subtitle"},{children:y}))]})):t.jsx(t.Fragment,{}),p&&t.jsx("div",Object.assign({className:"icon-trailing"},{children:o.default.createElement(p,T)}))]}))}))}));c.displayName="Button",exports.Button=c;
|
|
@@ -11,5 +11,6 @@ export declare const Button: import("@emotion/styled").StyledComponent<{
|
|
|
11
11
|
disabled?: boolean | undefined;
|
|
12
12
|
matchParentWidth?: boolean | undefined;
|
|
13
13
|
version?: "1.0" | "2.0" | undefined;
|
|
14
|
+
darkMode?: boolean | undefined;
|
|
14
15
|
}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
|
|
15
16
|
export declare const ButtonCustomDashedBorder: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@emotion/styled/base"),c=require("react/jsx-runtime"),d=require("../../constants/Theme.js"),n=require("./themes.js");function b(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}const H=b(t).default("button","production"===process.env.NODE_ENV?{target:"exlualr0"}:{target:"exlualr0",label:"Button"})("all:unset;cursor:pointer;display:flex;gap:8.83px;border-radius:4px;overflow:hidden;",(t=>t.matchParentWidth?"flex-grow: 1;":"")," background-color:",(t=>n.getBackgroundColor(t.buttonType,t.size,t.inverse)),";",(t=>{var c;return t.buttonType.startsWith("dash")?`.button-container {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tborder-radius: 4px;\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t\t${t.matchParentWidth?"justify-content: center;":""}\n\t\t\t\t\tpadding: ${n.getPadding(t.buttonType,t.size)};\n\t\t\t\t}`:`padding: ${n.getPadding(t.buttonType,t.size)};\n\t${n.getBorder(null!==(c=t.version)&&void 0!==c?c:"1.0",t.buttonType,t.size,t.inverse)}`})," .icon-component{height:",(t=>"chip"===t.size?"16px":"20px"),";width:",(t=>"chip"===t.size?"16px":"20px"),";}.icon-trailing{height:",(t=>"chip"===t.size?"16px":"20px"),";width:",(t=>"chip"===t.size?"16px":"20px"),";}.text{color:",(t=>n.getColor(t.buttonType,t.size,t.inverse)),";}.icon-leading{height:",(t=>"chip"===t.size?"16px":"20px"),";width:",(t=>"chip"===t.size?"16px":"20px"),";}",(t=>n.getDashedBorderStyling(t.buttonType,t.size,t.isLoading?d.COLORS.stroke.brandLightAlt:void 0))," .overlay-container{display:none;}:disabled{cursor:not-allowed;",(t=>n.getDashedBorderStyling(t.buttonType,t.size,d.COLORS.stroke.primary)),";.overlay-container{display:none!important;}",(t=>n.generateDisabledStyling(t.buttonType,t.size,t.inverse))," .text{color:",(t=>n.getDisabledTextColor(t.inverse)),"!important;}}",(t=>!t.disabled&&!t.isLoading&&`:active {\n\t\t\t\t.button-container {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t${t.matchParentWidth?"justify-content: center;":""}\n\t\t\t\t\tposition: relative;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\t.overlay-container {\n\t\t\t\t\t\tdisplay: none !important;\n\t\t\t\t\t}\n\t\t\t\t\t${"chip"===t.size&&`.text {\n\t\t\t\t\t\tcolor: ${d.COLORS.background.inverseLight} !important;\n\t\t\t\t\t}\n\t\t\t\t\t.icon {\n\t\t\t\t\t\tcolor: ${d.COLORS.background.inverseLight};\n\t\t\t\t\t}\n\t\t\t\t\t`}\n\t\t\t\t}\n\n\n\t\t\t${n.getClickEffect(t.buttonType,t.size,t.inverse)}\n\t\t\t${n.getDashedBorderStyling(t.buttonType,t.size,d.COLORS.content.brand)}\n\t\t}`)," ",(t=>t.isLoading?`\n\t\t\tcursor: not-allowed;\n\t\t\tpadding: 0;\n\t\t${n.getLoadingBorder(t.buttonType,t.size,t.inverse)}\n\n\t\t.button-container {\n\t\t\tdisplay: flex;\n\t\t\tposition: relative;\n\t\t\twidth: 100%;\n\t\t\t.text {\n\t\t\t\topacity: 0;\n\t\t\t}\n\t\t\tpadding: ${n.getPadding(t.buttonType,t.size)};\n\t\t\t.overlay-container {\n\t\t\t\tdisplay: block;\n\t\t\t\tposition: absolute;\n\t\t\t\tpadding: 0;\n\t\t\t\tpadding-top: 1px;\n\t\t\t\ttop: 0;\n\t\t\t\tleft: 0;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\t${n.getLoadingBackground(t.buttonType,t.size,t.inverse)}\n\t\t\t\t.spinner {\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\ttop: calc(50% - 14px);\n\t\t\t\t\tleft: calc(50% - 7px);\n\t\t\t\t}\n\n\t\t\t}\n\t\t}`:`:not(:active):not(:disabled):hover {\n\t\t\tpadding: 0;\n\t\t\t.button-container {\n\t\t\t\tdisplay: flex;\n\t\t\t\tposition: relative;\n\t\t\t\twidth: 100%;\n\t\t\t\t${t.matchParentWidth?"justify-content: center;":""}\n\t\t\t\tpadding: ${n.getPadding(t.buttonType,t.size)};\n\t\t\t\t.overlay-container {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\tpadding: 0;\n\t\t\t\t\ttop: 0;\n\t\t\t\t\tleft: 0;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\theight: 100%;\n\t\t\t\t\t${n.getHoverButtonBackground(t.buttonType,t.inverse)}\n\t\t\t\t}\n\t\t\t\t${"chip"===t.size?`background-color: ${d.COLORS.surface.hovered};`:""}\n\t\t\t\t${"primary"!==t.buttonType||"chip"===t.size||t.inverse?"":`background-color: ${d.COLORS.background.inverse};`}\n\t\t\t}\n\t\t\t${t.inverse?n.generateInverseHoverBackground(t.buttonType,t.disabled):""}\n\t\t}`)," .button-container{display:flex;gap:8.33px;",(t=>t.matchParentWidth?"margin: auto;":""),";}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJ1dHRvbi5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlvQyIsImZpbGUiOiJCdXR0b24uc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBGcmFnbWVudCBhcyBfRnJhZ21lbnQsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmltcG9ydCB7IGdlbmVyYXRlRGlzYWJsZWRTdHlsaW5nLCBnZW5lcmF0ZUludmVyc2VIb3ZlckJhY2tncm91bmQsIGdldEJhY2tncm91bmRDb2xvciwgZ2V0Qm9yZGVyLCBnZXRDbGlja0VmZmVjdCwgZ2V0Q29sb3IsIGdldERhc2hlZEJvcmRlclN0eWxpbmcsIGdldERpc2FibGVkVGV4dENvbG9yLCBnZXRIb3ZlckJ1dHRvbkJhY2tncm91bmQsIGdldExvYWRpbmdCYWNrZ3JvdW5kLCBnZXRMb2FkaW5nQm9yZGVyLCBnZXRQYWRkaW5nLCB9IGZyb20gJy4vdGhlbWVzJztcclxuZXhwb3J0IGNvbnN0IEJ1dHRvbiA9IHN0eWxlZC5idXR0b24gYFxuXHRhbGw6IHVuc2V0O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGdhcDogOC44M3B4O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdCR7KHByb3BzKSA9PiAocHJvcHMubWF0Y2hQYXJlbnRXaWR0aCA/IGBmbGV4LWdyb3c6IDE7YCA6ICcnKX1cblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IGdldEJhY2tncm91bmRDb2xvcihwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplLCBwcm9wcy5pbnZlcnNlKX07XG5cblx0JHsocHJvcHMpID0+IHtcclxuICAgIHZhciBfYTtcclxuICAgIHJldHVybiBwcm9wcy5idXR0b25UeXBlLnN0YXJ0c1dpdGgoJ2Rhc2gnKVxyXG4gICAgICAgID8gYC5idXR0b24tY29udGFpbmVyIHtcblx0XHRcdFx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdFx0XHRcdHdpZHRoOiAxMDAlO1xuXHRcdFx0XHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0XHRcdFx0XHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdFx0XHRcdFx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0XHRcdFx0XHQke3Byb3BzLm1hdGNoUGFyZW50V2lkdGggPyAnanVzdGlmeS1jb250ZW50OiBjZW50ZXI7JyA6ICcnfVxuXHRcdFx0XHRcdHBhZGRpbmc6ICR7Z2V0UGFkZGluZyhwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplKX07XG5cdFx0XHRcdH1gXHJcbiAgICAgICAgOiBgcGFkZGluZzogJHtnZXRQYWRkaW5nKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUpfTtcblx0JHtnZXRCb3JkZXIoKF9hID0gcHJvcHMudmVyc2lvbikgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogJzEuMCcsIHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUsIHByb3BzLmludmVyc2UpfWA7XHJcbn19XG5cblx0Lmljb24tY29tcG9uZW50IHtcblx0XHRoZWlnaHQ6ICR7KHByb3BzKSA9PiAocHJvcHMuc2l6ZSA9PT0gJ2NoaXAnID8gJzE2cHgnIDogJzIwcHgnKX07XG5cdFx0d2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMuc2l6ZSA9PT0gJ2NoaXAnID8gJzE2cHgnIDogJzIwcHgnKX07XG5cdH1cblxuXHQuaWNvbi10cmFpbGluZyB7XG5cdFx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gKHByb3BzLnNpemUgPT09ICdjaGlwJyA/ICcxNnB4JyA6ICcyMHB4Jyl9O1xuXHRcdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLnNpemUgPT09ICdjaGlwJyA/ICcxNnB4JyA6ICcyMHB4Jyl9O1xuXHR9XG5cblx0LnRleHQge1xuXHRcdGNvbG9yOiAkeyhwcm9wcykgPT4gZ2V0Q29sb3IocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSwgcHJvcHMuaW52ZXJzZSl9O1xuXHR9XG5cblx0Lmljb24tbGVhZGluZyB7XG5cdFx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gKHByb3BzLnNpemUgPT09ICdjaGlwJyA/ICcxNnB4JyA6ICcyMHB4Jyl9O1xuXHRcdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLnNpemUgPT09ICdjaGlwJyA/ICcxNnB4JyA6ICcyMHB4Jyl9O1xuXHR9XG5cblx0JHsocHJvcHMpID0+IGdldERhc2hlZEJvcmRlclN0eWxpbmcocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSwgcHJvcHMuaXNMb2FkaW5nID8gQ09MT1JTLnN0cm9rZS5icmFuZExpZ2h0QWx0IDogdW5kZWZpbmVkKX1cblxuXHQub3ZlcmxheS1jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IG5vbmU7XG5cdH1cblxuXHQ6ZGlzYWJsZWQge1xuXHRcdC5vdmVybGF5LWNvbnRhaW5lciB7XG5cdFx0XHRkaXNwbGF5OiBub25lICFpbXBvcnRhbnQ7XG5cdFx0fVxuXHRcdGN1cnNvcjogbm90LWFsbG93ZWQ7XG5cdFx0JHsocHJvcHMpID0+IGdlbmVyYXRlRGlzYWJsZWRTdHlsaW5nKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUsIHByb3BzLmludmVyc2UpfVxuXHRcdC50ZXh0IHtcblx0XHRcdGNvbG9yOiAkeyhwcm9wcykgPT4gZ2V0RGlzYWJsZWRUZXh0Q29sb3IocHJvcHMuaW52ZXJzZSl9ICFpbXBvcnRhbnQ7XG5cdFx0fVxuXHRcdCR7KHByb3BzKSA9PiBnZXREYXNoZWRCb3JkZXJTdHlsaW5nKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUsIENPTE9SUy5zdHJva2UucHJpbWFyeSl9XG5cdH1cblxuXHQkeyhwcm9wcykgPT4gIXByb3BzLmRpc2FibGVkICYmXHJcbiAgICAhcHJvcHMuaXNMb2FkaW5nICYmXHJcbiAgICBgOmFjdGl2ZSB7XG5cdFx0XHRcdC5idXR0b24tY29udGFpbmVyIHtcblx0XHRcdFx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdFx0XHRcdCR7cHJvcHMubWF0Y2hQYXJlbnRXaWR0aCA/ICdqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsnIDogJyd9XG5cdFx0XHRcdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRcdFx0XHRcdHdpZHRoOiAxMDAlO1xuXHRcdFx0XHRcdC5vdmVybGF5LWNvbnRhaW5lciB7XG5cdFx0XHRcdFx0XHRkaXNwbGF5OiBub25lICFpbXBvcnRhbnQ7XG5cdFx0XHRcdFx0fVxuXHRcdFx0XHRcdCR7cHJvcHMuc2l6ZSA9PT0gJ2NoaXAnICYmXHJcbiAgICAgICAgYC50ZXh0IHtcblx0XHRcdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmludmVyc2VMaWdodH0gIWltcG9ydGFudDtcblx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0Lmljb24ge1xuXHRcdFx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuaW52ZXJzZUxpZ2h0fTtcblx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0YH1cblx0XHRcdFx0fVxuXG5cblx0XHRcdCR7Z2V0Q2xpY2tFZmZlY3QocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSwgcHJvcHMuaW52ZXJzZSl9XG5cdFx0XHQke2dldERhc2hlZEJvcmRlclN0eWxpbmcocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSwgQ09MT1JTLmNvbnRlbnQuYnJhbmQpfVxuXHRcdH1gfVxuXG5cdCR7KHByb3BzKSA9PiBcclxuLy8gZG8gbm90IGxvYWQgaG92ZXIgc3R5bGVzIGZvciBsb2FkaW5nIHN0YXRlIGFuZCBhbHNvIGFjdGl2ZSBzdGF0ZVxyXG4hcHJvcHMuaXNMb2FkaW5nXHJcbiAgICA/IGA6bm90KDphY3RpdmUpOm5vdCg6ZGlzYWJsZWQpOmhvdmVyIHtcblx0XHRcdHBhZGRpbmc6IDA7XG5cdFx0XHQuYnV0dG9uLWNvbnRhaW5lciB7XG5cdFx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0XHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0XHRcdFx0d2lkdGg6IDEwMCU7XG5cdFx0XHRcdCR7cHJvcHMubWF0Y2hQYXJlbnRXaWR0aCA/ICdqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsnIDogJyd9XG5cdFx0XHRcdHBhZGRpbmc6ICR7Z2V0UGFkZGluZyhwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplKX07XG5cdFx0XHRcdC5vdmVybGF5LWNvbnRhaW5lciB7XG5cdFx0XHRcdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0XHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0XHRcdHBhZGRpbmc6IDA7XG5cdFx0XHRcdFx0dG9wOiAwO1xuXHRcdFx0XHRcdGxlZnQ6IDA7XG5cdFx0XHRcdFx0d2lkdGg6IDEwMCU7XG5cdFx0XHRcdFx0aGVpZ2h0OiAxMDAlO1xuXHRcdFx0XHRcdCR7Z2V0SG92ZXJCdXR0b25CYWNrZ3JvdW5kKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLmludmVyc2UpfVxuXHRcdFx0XHR9XG5cdFx0XHRcdCR7cHJvcHMuc2l6ZSA9PT0gJ2NoaXAnID8gYGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2UuaG92ZXJlZH07YCA6ICcnfVxuXHRcdFx0XHQke3Byb3BzLmJ1dHRvblR5cGUgPT09ICdwcmltYXJ5JyAmJlxyXG4gICAgICAgIHByb3BzLnNpemUgIT09ICdjaGlwJyAmJlxyXG4gICAgICAgICFwcm9wcy5pbnZlcnNlXHJcbiAgICAgICAgPyBgYmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5pbnZlcnNlfTtgXHJcbiAgICAgICAgOiAnJ31cblx0XHRcdH1cblx0XHRcdCR7cHJvcHMuaW52ZXJzZVxyXG4gICAgICAgID8gZ2VuZXJhdGVJbnZlcnNlSG92ZXJCYWNrZ3JvdW5kKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLmRpc2FibGVkKVxyXG4gICAgICAgIDogJyd9XG5cdFx0fWBcclxuICAgIDogYFxuXHRcdFx0Y3Vyc29yOiBub3QtYWxsb3dlZDtcblx0XHRcdHBhZGRpbmc6IDA7XG5cdFx0JHtnZXRMb2FkaW5nQm9yZGVyKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUsIHByb3BzLmludmVyc2UpfVxuXG5cdFx0LmJ1dHRvbi1jb250YWluZXIge1xuXHRcdFx0ZGlzcGxheTogZmxleDtcblx0XHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0XHRcdHdpZHRoOiAxMDAlO1xuXHRcdFx0LnRleHQge1xuXHRcdFx0XHRvcGFjaXR5OiAwO1xuXHRcdFx0fVxuXHRcdFx0cGFkZGluZzogJHtnZXRQYWRkaW5nKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUpfTtcblx0XHRcdC5vdmVybGF5LWNvbnRhaW5lciB7XG5cdFx0XHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdFx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0XHRcdHBhZGRpbmc6IDA7XG5cdFx0XHRcdHBhZGRpbmctdG9wOiAxcHg7XG5cdFx0XHRcdHRvcDogMDtcblx0XHRcdFx0bGVmdDogMDtcblx0XHRcdFx0d2lkdGg6IDEwMCU7XG5cdFx0XHRcdGhlaWdodDogMTAwJTtcblx0XHRcdFx0JHtnZXRMb2FkaW5nQmFja2dyb3VuZChwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplLCBwcm9wcy5pbnZlcnNlKX1cblx0XHRcdFx0LnNwaW5uZXIge1xuXHRcdFx0XHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRcdFx0XHR0b3A6IGNhbGMoNTAlIC0gMTRweCk7XG5cdFx0XHRcdFx0bGVmdDogY2FsYyg1MCUgLSA3cHgpO1xuXHRcdFx0XHR9XG5cblx0XHRcdH1cblx0XHR9YH1cblxuXHRcdC5idXR0b24tY29udGFpbmVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGdhcDogOC4zM3B4O1xuXHRcdCR7KHByb3BzKSA9PiAocHJvcHMubWF0Y2hQYXJlbnRXaWR0aCA/ICdtYXJnaW46IGF1dG87JyA6ICcnKX1cblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IEJ1dHRvbkN1c3RvbURhc2hlZEJvcmRlciA9ICgpID0+IHtcclxuICAgIHJldHVybiAoX2pzeHMoX0ZyYWdtZW50LCB7IGNoaWxkcmVuOiBbX2pzeChcImRpdlwiLCB7IGNsYXNzTmFtZTogXCJsaW5lLXRvcFwiIH0pLCBfanN4KFwiZGl2XCIsIHsgY2xhc3NOYW1lOiBcImxpbmUtbGVmdFwiIH0pLCBfanN4KFwiZGl2XCIsIHsgY2xhc3NOYW1lOiBcImxpbmUtYm90dG9tXCIgfSksIF9qc3goXCJkaXZcIiwgeyBjbGFzc05hbWU6IFwibGluZS1yaWdodFwiIH0pXSB9KSk7XHJcbn07XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUJ1dHRvbi5zdHlsZWQuanMubWFwIl19 */"));exports.Button=H,exports.ButtonCustomDashedBorder=()=>c.jsxs(c.Fragment,{children:[c.jsx("div",{className:"line-top"}),c.jsx("div",{className:"line-left"}),c.jsx("div",{className:"line-bottom"}),c.jsx("div",{className:"line-right"})]});
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@emotion/styled/base"),c=require("react/jsx-runtime"),d=require("../../constants/Theme.js"),n=require("./themes.js");function l(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}const X=l(t).default("button","production"===process.env.NODE_ENV?{target:"exlualr0"}:{target:"exlualr0",label:"Button"})("all:unset;cursor:pointer;display:flex;gap:8.83px;border-radius:4px;overflow:hidden;",(t=>t.matchParentWidth?"flex-grow: 1;":"")," background-color:",(t=>n.getBackgroundColor(t.buttonType,t.size,t.inverse,t.darkMode)),";",(t=>{var c;return t.buttonType.startsWith("dash")?`.button-container {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tborder-radius: 4px;\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t\t${t.matchParentWidth?"justify-content: center;":""}\n\t\t\t\t\tpadding: ${n.getPadding(t.buttonType,t.size)};\n\t\t\t\t}`:`padding: ${n.getPadding(t.buttonType,t.size)};\n\t${n.getBorder(null!==(c=t.version)&&void 0!==c?c:"1.0",t.buttonType,t.size,t.inverse)}`})," .icon-component{height:",(t=>"chip"===t.size?"16px":"20px"),";width:",(t=>"chip"===t.size?"16px":"20px"),";}.icon-trailing{height:",(t=>"chip"===t.size?"16px":"20px"),";width:",(t=>"chip"===t.size?"16px":"20px"),";}.text{color:",(t=>n.getColor(t.buttonType,t.size,t.inverse,t.darkMode)),";}.icon-leading{height:",(t=>"chip"===t.size?"16px":"20px"),";width:",(t=>"chip"===t.size?"16px":"20px"),";}",(t=>n.getDashedBorderStyling(t.buttonType,t.size,t.isLoading?d.COLORS.stroke.brandLightAlt:void 0))," .overlay-container{display:none;}:disabled{cursor:not-allowed;",(t=>n.getDashedBorderStyling(t.buttonType,t.size,d.COLORS.stroke.primary)),";.overlay-container{display:none!important;}",(t=>n.generateDisabledStyling(t.buttonType,t.size,t.inverse))," .text{color:",(t=>n.getDisabledTextColor(t.inverse)),"!important;}}",(t=>!t.disabled&&!t.isLoading&&`:active {\n\t\t\t\t.button-container {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t${t.matchParentWidth?"justify-content: center;":""}\n\t\t\t\t\tposition: relative;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\t.overlay-container {\n\t\t\t\t\t\tdisplay: none !important;\n\t\t\t\t\t}\n\t\t\t\t\t${"chip"===t.size&&`.text {\n\t\t\t\t\t\tcolor: ${d.COLORS.background.inverseLight} !important;\n\t\t\t\t\t}\n\t\t\t\t\t.icon {\n\t\t\t\t\t\tcolor: ${d.COLORS.background.inverseLight};\n\t\t\t\t\t}\n\t\t\t\t\t`}\n\t\t\t\t}\n\n\n\t\t\t${n.getClickEffect(t.buttonType,t.size,t.inverse)}\n\t\t\t${n.getDashedBorderStyling(t.buttonType,t.size,d.COLORS.content.brand)}\n\t\t}`)," ",(t=>t.isLoading?`\n\t\t\tcursor: not-allowed;\n\t\t\tpadding: 0;\n\t\t${n.getLoadingBorder(t.buttonType,t.size,t.inverse)}\n\n\t\t.button-container {\n\t\t\tdisplay: flex;\n\t\t\tposition: relative;\n\t\t\twidth: 100%;\n\t\t\t.text {\n\t\t\t\topacity: 0;\n\t\t\t}\n\t\t\tpadding: ${n.getPadding(t.buttonType,t.size)};\n\t\t\t.overlay-container {\n\t\t\t\tdisplay: block;\n\t\t\t\tposition: absolute;\n\t\t\t\tpadding: 0;\n\t\t\t\tpadding-top: 1px;\n\t\t\t\ttop: 0;\n\t\t\t\tleft: 0;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\t${n.getLoadingBackground(t.buttonType,t.size,t.inverse)}\n\t\t\t\t.spinner {\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\ttop: calc(50% - 14px);\n\t\t\t\t\tleft: calc(50% - 7px);\n\t\t\t\t}\n\n\t\t\t}\n\t\t}`:`:not(:active):not(:disabled):hover {\n\t\t\tpadding: 0;\n\t\t\t.button-container {\n\t\t\t\tdisplay: flex;\n\t\t\t\tposition: relative;\n\t\t\t\twidth: 100%;\n\t\t\t\t${t.matchParentWidth?"justify-content: center;":""}\n\t\t\t\tpadding: ${n.getPadding(t.buttonType,t.size)};\n\t\t\t\t.overlay-container {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\tpadding: 0;\n\t\t\t\t\ttop: 0;\n\t\t\t\t\tleft: 0;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\theight: 100%;\n\t\t\t\t\t${n.getHoverButtonBackground(t.buttonType,t.inverse)}\n\t\t\t\t}\n\t\t\t\t${"chip"===t.size?t.darkMode?`background-color: ${d.COLORS.stroke.primary};`:`background-color: ${d.COLORS.surface.hovered};`:""}\n\t\t\t\t${"primary"!==t.buttonType||"chip"===t.size||t.inverse?"":`background-color: ${d.COLORS.background.inverse};`}\n\t\t\t}\n\t\t\t${t.inverse?n.generateInverseHoverBackground(t.buttonType,t.disabled):""}\n\t\t}`)," .button-container{display:flex;gap:8.33px;",(t=>t.matchParentWidth?"margin: auto;":""),";}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJ1dHRvbi5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlvQyIsImZpbGUiOiJCdXR0b24uc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBGcmFnbWVudCBhcyBfRnJhZ21lbnQsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmltcG9ydCB7IGdlbmVyYXRlRGlzYWJsZWRTdHlsaW5nLCBnZW5lcmF0ZUludmVyc2VIb3ZlckJhY2tncm91bmQsIGdldEJhY2tncm91bmRDb2xvciwgZ2V0Qm9yZGVyLCBnZXRDbGlja0VmZmVjdCwgZ2V0Q29sb3IsIGdldERhc2hlZEJvcmRlclN0eWxpbmcsIGdldERpc2FibGVkVGV4dENvbG9yLCBnZXRIb3ZlckJ1dHRvbkJhY2tncm91bmQsIGdldExvYWRpbmdCYWNrZ3JvdW5kLCBnZXRMb2FkaW5nQm9yZGVyLCBnZXRQYWRkaW5nLCB9IGZyb20gJy4vdGhlbWVzJztcclxuZXhwb3J0IGNvbnN0IEJ1dHRvbiA9IHN0eWxlZC5idXR0b24gYFxuXHRhbGw6IHVuc2V0O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGdhcDogOC44M3B4O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdCR7KHByb3BzKSA9PiAocHJvcHMubWF0Y2hQYXJlbnRXaWR0aCA/IGBmbGV4LWdyb3c6IDE7YCA6ICcnKX1cblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IGdldEJhY2tncm91bmRDb2xvcihwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplLCBwcm9wcy5pbnZlcnNlLCBwcm9wcy5kYXJrTW9kZSl9O1xuXG5cdCR7KHByb3BzKSA9PiB7XHJcbiAgICB2YXIgX2E7XHJcbiAgICByZXR1cm4gcHJvcHMuYnV0dG9uVHlwZS5zdGFydHNXaXRoKCdkYXNoJylcclxuICAgICAgICA/IGAuYnV0dG9uLWNvbnRhaW5lciB7XG5cdFx0XHRcdFx0ZGlzcGxheTogZmxleDtcblx0XHRcdFx0XHR3aWR0aDogMTAwJTtcblx0XHRcdFx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdFx0XHRcdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRcdFx0XHRcdG92ZXJmbG93OiBoaWRkZW47XG5cdFx0XHRcdFx0JHtwcm9wcy5tYXRjaFBhcmVudFdpZHRoID8gJ2p1c3RpZnktY29udGVudDogY2VudGVyOycgOiAnJ31cblx0XHRcdFx0XHRwYWRkaW5nOiAke2dldFBhZGRpbmcocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSl9O1xuXHRcdFx0XHR9YFxyXG4gICAgICAgIDogYHBhZGRpbmc6ICR7Z2V0UGFkZGluZyhwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplKX07XG5cdCR7Z2V0Qm9yZGVyKChfYSA9IHByb3BzLnZlcnNpb24pICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6ICcxLjAnLCBwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplLCBwcm9wcy5pbnZlcnNlKX1gO1xyXG59fVxuXG5cdC5pY29uLWNvbXBvbmVudCB7XG5cdFx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gKHByb3BzLnNpemUgPT09ICdjaGlwJyA/ICcxNnB4JyA6ICcyMHB4Jyl9O1xuXHRcdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLnNpemUgPT09ICdjaGlwJyA/ICcxNnB4JyA6ICcyMHB4Jyl9O1xuXHR9XG5cblx0Lmljb24tdHJhaWxpbmcge1xuXHRcdGhlaWdodDogJHsocHJvcHMpID0+IChwcm9wcy5zaXplID09PSAnY2hpcCcgPyAnMTZweCcgOiAnMjBweCcpfTtcblx0XHR3aWR0aDogJHsocHJvcHMpID0+IChwcm9wcy5zaXplID09PSAnY2hpcCcgPyAnMTZweCcgOiAnMjBweCcpfTtcblx0fVxuXG5cdC50ZXh0IHtcblx0XHRjb2xvcjogJHsocHJvcHMpID0+IGdldENvbG9yKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUsIHByb3BzLmludmVyc2UsIHByb3BzLmRhcmtNb2RlKX07XG5cdH1cblxuXHQuaWNvbi1sZWFkaW5nIHtcblx0XHRoZWlnaHQ6ICR7KHByb3BzKSA9PiAocHJvcHMuc2l6ZSA9PT0gJ2NoaXAnID8gJzE2cHgnIDogJzIwcHgnKX07XG5cdFx0d2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMuc2l6ZSA9PT0gJ2NoaXAnID8gJzE2cHgnIDogJzIwcHgnKX07XG5cdH1cblxuXHQkeyhwcm9wcykgPT4gZ2V0RGFzaGVkQm9yZGVyU3R5bGluZyhwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplLCBwcm9wcy5pc0xvYWRpbmcgPyBDT0xPUlMuc3Ryb2tlLmJyYW5kTGlnaHRBbHQgOiB1bmRlZmluZWQpfVxuXG5cdC5vdmVybGF5LWNvbnRhaW5lciB7XG5cdFx0ZGlzcGxheTogbm9uZTtcblx0fVxuXG5cdDpkaXNhYmxlZCB7XG5cdFx0Lm92ZXJsYXktY29udGFpbmVyIHtcblx0XHRcdGRpc3BsYXk6IG5vbmUgIWltcG9ydGFudDtcblx0XHR9XG5cdFx0Y3Vyc29yOiBub3QtYWxsb3dlZDtcblx0XHQkeyhwcm9wcykgPT4gZ2VuZXJhdGVEaXNhYmxlZFN0eWxpbmcocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSwgcHJvcHMuaW52ZXJzZSl9XG5cdFx0LnRleHQge1xuXHRcdFx0Y29sb3I6ICR7KHByb3BzKSA9PiBnZXREaXNhYmxlZFRleHRDb2xvcihwcm9wcy5pbnZlcnNlKX0gIWltcG9ydGFudDtcblx0XHR9XG5cdFx0JHsocHJvcHMpID0+IGdldERhc2hlZEJvcmRlclN0eWxpbmcocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSwgQ09MT1JTLnN0cm9rZS5wcmltYXJ5KX1cblx0fVxuXG5cdCR7KHByb3BzKSA9PiAhcHJvcHMuZGlzYWJsZWQgJiZcclxuICAgICFwcm9wcy5pc0xvYWRpbmcgJiZcclxuICAgIGA6YWN0aXZlIHtcblx0XHRcdFx0LmJ1dHRvbi1jb250YWluZXIge1xuXHRcdFx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0XHRcdFx0JHtwcm9wcy5tYXRjaFBhcmVudFdpZHRoID8gJ2p1c3RpZnktY29udGVudDogY2VudGVyOycgOiAnJ31cblx0XHRcdFx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdFx0XHRcdFx0d2lkdGg6IDEwMCU7XG5cdFx0XHRcdFx0Lm92ZXJsYXktY29udGFpbmVyIHtcblx0XHRcdFx0XHRcdGRpc3BsYXk6IG5vbmUgIWltcG9ydGFudDtcblx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0JHtwcm9wcy5zaXplID09PSAnY2hpcCcgJiZcclxuICAgICAgICBgLnRleHQge1xuXHRcdFx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuaW52ZXJzZUxpZ2h0fSAhaW1wb3J0YW50O1xuXHRcdFx0XHRcdH1cblx0XHRcdFx0XHQuaWNvbiB7XG5cdFx0XHRcdFx0XHRjb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5pbnZlcnNlTGlnaHR9O1xuXHRcdFx0XHRcdH1cblx0XHRcdFx0XHRgfVxuXHRcdFx0XHR9XG5cblxuXHRcdFx0JHtnZXRDbGlja0VmZmVjdChwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplLCBwcm9wcy5pbnZlcnNlKX1cblx0XHRcdCR7Z2V0RGFzaGVkQm9yZGVyU3R5bGluZyhwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplLCBDT0xPUlMuY29udGVudC5icmFuZCl9XG5cdFx0fWB9XG5cblx0JHsocHJvcHMpID0+IFxyXG4vLyBkbyBub3QgbG9hZCBob3ZlciBzdHlsZXMgZm9yIGxvYWRpbmcgc3RhdGUgYW5kIGFsc28gYWN0aXZlIHN0YXRlXHJcbiFwcm9wcy5pc0xvYWRpbmdcclxuICAgID8gYDpub3QoOmFjdGl2ZSk6bm90KDpkaXNhYmxlZCk6aG92ZXIge1xuXHRcdFx0cGFkZGluZzogMDtcblx0XHRcdC5idXR0b24tY29udGFpbmVyIHtcblx0XHRcdFx0ZGlzcGxheTogZmxleDtcblx0XHRcdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRcdFx0XHR3aWR0aDogMTAwJTtcblx0XHRcdFx0JHtwcm9wcy5tYXRjaFBhcmVudFdpZHRoID8gJ2p1c3RpZnktY29udGVudDogY2VudGVyOycgOiAnJ31cblx0XHRcdFx0cGFkZGluZzogJHtnZXRQYWRkaW5nKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUpfTtcblx0XHRcdFx0Lm92ZXJsYXktY29udGFpbmVyIHtcblx0XHRcdFx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRcdFx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0XHRcdFx0cGFkZGluZzogMDtcblx0XHRcdFx0XHR0b3A6IDA7XG5cdFx0XHRcdFx0bGVmdDogMDtcblx0XHRcdFx0XHR3aWR0aDogMTAwJTtcblx0XHRcdFx0XHRoZWlnaHQ6IDEwMCU7XG5cdFx0XHRcdFx0JHtnZXRIb3ZlckJ1dHRvbkJhY2tncm91bmQocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuaW52ZXJzZSl9XG5cdFx0XHRcdH1cblx0XHRcdFx0JHtwcm9wcy5zaXplID09PSAnY2hpcCdcclxuICAgICAgICA/IHByb3BzLmRhcmtNb2RlXHJcbiAgICAgICAgICAgID8gYGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN0cm9rZS5wcmltYXJ5fTtgXHJcbiAgICAgICAgICAgIDogYGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2UuaG92ZXJlZH07YFxyXG4gICAgICAgIDogJyd9XG5cdFx0XHRcdCR7cHJvcHMuYnV0dG9uVHlwZSA9PT0gJ3ByaW1hcnknICYmXHJcbiAgICAgICAgcHJvcHMuc2l6ZSAhPT0gJ2NoaXAnICYmXHJcbiAgICAgICAgIXByb3BzLmludmVyc2VcclxuICAgICAgICA/IGBiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmludmVyc2V9O2BcclxuICAgICAgICA6ICcnfVxuXHRcdFx0fVxuXHRcdFx0JHtwcm9wcy5pbnZlcnNlXHJcbiAgICAgICAgPyBnZW5lcmF0ZUludmVyc2VIb3ZlckJhY2tncm91bmQocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuZGlzYWJsZWQpXHJcbiAgICAgICAgOiAnJ31cblx0XHR9YFxyXG4gICAgOiBgXG5cdFx0XHRjdXJzb3I6IG5vdC1hbGxvd2VkO1xuXHRcdFx0cGFkZGluZzogMDtcblx0XHQke2dldExvYWRpbmdCb3JkZXIocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSwgcHJvcHMuaW52ZXJzZSl9XG5cblx0XHQuYnV0dG9uLWNvbnRhaW5lciB7XG5cdFx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRcdFx0d2lkdGg6IDEwMCU7XG5cdFx0XHQudGV4dCB7XG5cdFx0XHRcdG9wYWNpdHk6IDA7XG5cdFx0XHR9XG5cdFx0XHRwYWRkaW5nOiAke2dldFBhZGRpbmcocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSl9O1xuXHRcdFx0Lm92ZXJsYXktY29udGFpbmVyIHtcblx0XHRcdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0XHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRcdFx0cGFkZGluZzogMDtcblx0XHRcdFx0cGFkZGluZy10b3A6IDFweDtcblx0XHRcdFx0dG9wOiAwO1xuXHRcdFx0XHRsZWZ0OiAwO1xuXHRcdFx0XHR3aWR0aDogMTAwJTtcblx0XHRcdFx0aGVpZ2h0OiAxMDAlO1xuXHRcdFx0XHQke2dldExvYWRpbmdCYWNrZ3JvdW5kKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUsIHByb3BzLmludmVyc2UpfVxuXHRcdFx0XHQuc3Bpbm5lciB7XG5cdFx0XHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0XHRcdHRvcDogY2FsYyg1MCUgLSAxNHB4KTtcblx0XHRcdFx0XHRsZWZ0OiBjYWxjKDUwJSAtIDdweCk7XG5cdFx0XHRcdH1cblxuXHRcdFx0fVxuXHRcdH1gfVxuXG5cdFx0LmJ1dHRvbi1jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0Z2FwOiA4LjMzcHg7XG5cdFx0JHsocHJvcHMpID0+IChwcm9wcy5tYXRjaFBhcmVudFdpZHRoID8gJ21hcmdpbjogYXV0bzsnIDogJycpfVxuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgQnV0dG9uQ3VzdG9tRGFzaGVkQm9yZGVyID0gKCkgPT4ge1xyXG4gICAgcmV0dXJuIChfanN4cyhfRnJhZ21lbnQsIHsgY2hpbGRyZW46IFtfanN4KFwiZGl2XCIsIHsgY2xhc3NOYW1lOiBcImxpbmUtdG9wXCIgfSksIF9qc3goXCJkaXZcIiwgeyBjbGFzc05hbWU6IFwibGluZS1sZWZ0XCIgfSksIF9qc3goXCJkaXZcIiwgeyBjbGFzc05hbWU6IFwibGluZS1ib3R0b21cIiB9KSwgX2pzeChcImRpdlwiLCB7IGNsYXNzTmFtZTogXCJsaW5lLXJpZ2h0XCIgfSldIH0pKTtcclxufTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9QnV0dG9uLnN0eWxlZC5qcy5tYXAiXX0= */"));exports.Button=X,exports.ButtonCustomDashedBorder=()=>c.jsxs(c.Fragment,{children:[c.jsx("div",{className:"line-top"}),c.jsx("div",{className:"line-left"}),c.jsx("div",{className:"line-bottom"}),c.jsx("div",{className:"line-right"})]});
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Size, Type } from './model';
|
|
2
|
-
export declare const getBackgroundColor: (type: Type, size: Size, inverse?: boolean) => string;
|
|
3
|
-
export declare const getColor: (type: Type, size: Size, inverse?: boolean) => string;
|
|
2
|
+
export declare const getBackgroundColor: (type: Type, size: Size, inverse?: boolean, darkMode?: boolean) => string;
|
|
3
|
+
export declare const getColor: (type: Type, size: Size, inverse?: boolean, darkMode?: boolean) => string;
|
|
4
4
|
export declare const getDisabledTextColor: (inverse?: boolean) => string;
|
|
5
5
|
export declare const getPadding: (type: Type, size: Size) => "4px 8px" | "6px 4px" | "6px 12px" | "10px 4px" | "10px 12px" | "14px 4px" | "14px 12px" | undefined;
|
|
6
6
|
export declare const GetButtonTextComponent: (size: Size, type: Type) => import("styled-components").StyledComponent<"div", any, {
|
|
@@ -18,4 +18,4 @@ export declare const getClickEffect: (type: Type, size: Size, inverse?: boolean)
|
|
|
18
18
|
export declare const getLoadingBackground: (type: Type, size: Size, inverse?: boolean) => string;
|
|
19
19
|
export declare const getLoadingBorder: (type: Type, size: Size, inverse?: boolean) => string;
|
|
20
20
|
export declare const SpinnerColorMap: (type: Type, inverse?: boolean) => string;
|
|
21
|
-
export declare const getButtonIconColor: (size: Size, type: Type, inverse?: boolean, disabled?: boolean, isLoading?: boolean) => string | undefined;
|
|
21
|
+
export declare const getButtonIconColor: (size: Size, type: Type, inverse?: boolean, disabled?: boolean, isLoading?: boolean, darkMode?: boolean) => string | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("../../constants/Theme.js"),r=require("../TypographyStyle.js");const n=(r,n)=>n?t.COLORS.surface.standard:"secondary"==r?t.COLORS.stroke.brand:t.COLORS.content.placeholder,e=t=>"medium"===t?"5px,\n\t\ttransparent 5px,\n\t\ttransparent 10px":"6px,\n\t\ttransparent 6px,\n\t\ttransparent 12px";exports.GetButtonTextComponent=(t,n)=>"dashRegular"===n?r.BodySecondary:"chip"===t?r.BodyCaption:"small"===t?r.ButtonRegular:r.ButtonLarge,exports.SpinnerColorMap=(r,n)=>n?"primary"===r?t.COLORS.content.primary:t.COLORS.content.primaryInverse:"destructive"===r?t.COLORS.content.negative:t.COLORS.content.brand,exports.generateDisabledStyling=(r,n,e)=>"chip"===n?"background-color: transparent;":"primary"===r||"destructive"===r?e?"background-color: rgba(255,255,255,0.3);":`background-color: ${t.COLORS.background.inactive};`:"secondary"===r?e?"border: 1px solid rgba(255, 255, 255, 0.5);":`border: 1px solid ${t.COLORS.stroke.primary};`:"",exports.generateInverseHoverBackground=(r,n)=>n?"":"primary"===r?`background-color: ${t.COLORS.stroke.warning.lightAlt};`:"background-color: rgba(255, 255, 255, 0.1)",exports.getBackgroundColor=(r,n,e)=>{if("chip"===n)return t.COLORS.surface.subdued;switch(r){case"primary":return e?t.COLORS.background.warning.vibrant:t.COLORS.background.inverseLight;case"destructive":return t.COLORS.background.negative.vibrant;case"tertiary":return e?"transparent":t.COLORS.surface.standard;default:return"transparent"}},exports.getBorder=(r,e,o,a)=>"chip"===o?`border: ${"2.0"===r?.5:1}px solid ${t.COLORS.stroke.primary};`:a?"secondary"===e?`border: ${"2.0"===r?.5:1}px solid ${n(e,a)};`:"border: none;":"secondary"===e?`border: ${"2.0"===r?.5:1}px solid ${n(e)};`:"border: none;",exports.getBorderColor=n,exports.getButtonIconColor=(r,n,e,o,a)=>"chip"===r?o?t.COLORS.content.inactive:t.COLORS.content.secondary:a?"transparent":"primary"===n||"destructive"===n?e?o?"rgba(255, 255, 255, 0.5)":t.COLORS.content.primary:o?t.COLORS.content.inactive:t.COLORS.content.primaryInverse:"secondary"===n||"tertiary"===n?e?o?"rgba(255, 255, 255, 0.5)":t.COLORS.content.primaryInverse:o?t.COLORS.content.inactive:t.COLORS.content.brand:"tertiaryGray"===n||n.startsWith("dash")?o?t.COLORS.content.inactive:t.COLORS.content.secondary:void 0,exports.getClickEffect=(r,n,e)=>"chip"===n?`border: 1px solid ${t.COLORS.stroke.brandLightAlt};\n\t\tbackground-color: ${t.COLORS.background.brandLight};`:"primary"===r||"destructive"===r?e?`background-color: ${t.COLORS.background.warning.vibrant} !important;\n\t\t\tbox-shadow: inset 0px 4px 12px rgba(0, 0, 0, 0.35);\n\t\t\t`:"box-shadow: inset 0px 4px 12px rgba(0, 0, 0, 0.35);":"secondary"===r||"tertiary"===r||"tertiaryGray"===r||r.startsWith("dash")?e?`background-color: ${t.COLORS.background.inverseLight} !important;`:`background-color: ${t.COLORS.background.brandLight};`:void 0,exports.getColor=(r,n,e)=>{if("chip"===n)return t.COLORS.content.secondary;switch(r){case"primary":return e?t.COLORS.content.primary:t.COLORS.content.primaryInverse;case"tertiaryGray":case"dashBold":case"dashRegular":return t.COLORS.content.secondary;case"destructive":return t.COLORS.content.primaryInverse;default:return e?t.COLORS.content.primaryInverse:t.COLORS.stroke.brand}},exports.getDashedBorderStyling=function(t,r){let o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:n(t);return`\n\t.line-top {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\theight: 1px;\n\t\twidth: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto right,\n\t\t\t${o},\n\t\t\t${o}\n\t\t\t\t${e(r)}\n\t\t);\n\t}\n\t.line-right {\n\t\tposition: absolute;\n\t\tright: 0;\n\t\ttop: 0;\n\t\twidth: 1px;\n\t\theight: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto bottom,\n\t\t\t${o},\n\t\t\t${o}\n\t\t\t\t${e(r)}\n\t\t);\n\t}\n\t.line-bottom {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\tbottom: 0;\n\t\theight: 1px;\n\t\twidth: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto right,\n\t\t\t${o},\n\t\t\t${o}\n\t\t\t\t${e(r)}\n\t\t);\n\t}\n\t.line-left {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\twidth: 1px;\n\t\theight: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto bottom,\n\t\t\t${o},\n\t\t\t${o}\n\t\t\t\t${e(r)}\n\t\t);\n\t}\n\t`},exports.getDisabledTextColor=r=>r?"rgba(255, 255, 255, 0.5)":t.COLORS.content.inactive,exports.getHoverButtonBackground=(t,r)=>r||"primary"===t?"":"background-color: #000000;\n\t\t\t\topacity: 0.03;",exports.getLinearGradientValue=e,exports.getLoadingBackground=(r,n,e)=>"chip"===n?`background-color: ${t.COLORS.background.base};`:"primary"===r?`background-color: ${e?t.COLORS.background.warning.vibrant:t.COLORS.background.brandLight};`:"destructive"===r?`background-color: ${t.COLORS.background.negative.light};`:"background-color: transparent;",exports.getLoadingBorder=(r,n,e)=>"chip"===n?"border: none;":"secondary"===r?e?`border: 1px solid ${t.COLORS.content.secondary};`:`border: 1px solid ${t.COLORS.stroke.brandLightAlt};`:"",exports.getPadding=(t,r)=>{if("chip"===r)return"4px 8px";if("small"===r)switch(t){case"tertiary":case"tertiaryGray":return"6px 4px";default:return"6px 12px"}else if("medium"===r)switch(t){case"tertiary":case"tertiaryGray":return"10px 4px";default:return"10px 12px"}else if("large"===r)switch(t){case"tertiary":case"tertiaryGray":return"14px 4px";default:return"14px 12px"}};
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("../../constants/Theme.js"),r=require("../TypographyStyle.js");const n=(r,n)=>n?t.COLORS.surface.standard:"secondary"==r?t.COLORS.stroke.brand:t.COLORS.content.placeholder,e=t=>"medium"===t?"5px,\n\t\ttransparent 5px,\n\t\ttransparent 10px":"6px,\n\t\ttransparent 6px,\n\t\ttransparent 12px";exports.GetButtonTextComponent=(t,n)=>"dashRegular"===n?r.BodySecondary:"chip"===t?r.BodyCaption:"small"===t?r.ButtonRegular:r.ButtonLarge,exports.SpinnerColorMap=(r,n)=>n?"primary"===r?t.COLORS.content.primary:t.COLORS.content.primaryInverse:"destructive"===r?t.COLORS.content.negative:t.COLORS.content.brand,exports.generateDisabledStyling=(r,n,e)=>"chip"===n?"background-color: transparent;":"primary"===r||"destructive"===r?e?"background-color: rgba(255,255,255,0.3);":`background-color: ${t.COLORS.background.inactive};`:"secondary"===r?e?"border: 1px solid rgba(255, 255, 255, 0.5);":`border: 1px solid ${t.COLORS.stroke.primary};`:"",exports.generateInverseHoverBackground=(r,n)=>n?"":"primary"===r?`background-color: ${t.COLORS.stroke.warning.lightAlt};`:"background-color: rgba(255, 255, 255, 0.1)",exports.getBackgroundColor=(r,n,e,o)=>{if("chip"===n)return o?t.COLORS.surface.hovered:t.COLORS.surface.subdued;switch(r){case"primary":return e?t.COLORS.background.warning.vibrant:t.COLORS.background.inverseLight;case"destructive":return t.COLORS.background.negative.vibrant;case"tertiary":return e?"transparent":t.COLORS.surface.standard;default:return"transparent"}},exports.getBorder=(r,e,o,a)=>"chip"===o?`border: ${"2.0"===r?.5:1}px solid ${t.COLORS.stroke.primary};`:a?"secondary"===e?`border: ${"2.0"===r?.5:1}px solid ${n(e,a)};`:"border: none;":"secondary"===e?`border: ${"2.0"===r?.5:1}px solid ${n(e)};`:"border: none;",exports.getBorderColor=n,exports.getButtonIconColor=(r,n,e,o,a,i)=>"chip"===r?o?t.COLORS.content.inactive:i?t.COLORS.content.primary:t.COLORS.content.secondary:a?"transparent":"primary"===n||"destructive"===n?e?o?"rgba(255, 255, 255, 0.5)":t.COLORS.content.primary:o?t.COLORS.content.inactive:t.COLORS.content.primaryInverse:"secondary"===n||"tertiary"===n?e?o?"rgba(255, 255, 255, 0.5)":t.COLORS.content.primaryInverse:o?t.COLORS.content.inactive:t.COLORS.content.brand:"tertiaryGray"===n||n.startsWith("dash")?o?t.COLORS.content.inactive:t.COLORS.content.secondary:void 0,exports.getClickEffect=(r,n,e)=>"chip"===n?`border: 1px solid ${t.COLORS.stroke.brandLightAlt};\n\t\tbackground-color: ${t.COLORS.background.brandLight};`:"primary"===r||"destructive"===r?e?`background-color: ${t.COLORS.background.warning.vibrant} !important;\n\t\t\tbox-shadow: inset 0px 4px 12px rgba(0, 0, 0, 0.35);\n\t\t\t`:"box-shadow: inset 0px 4px 12px rgba(0, 0, 0, 0.35);":"secondary"===r||"tertiary"===r||"tertiaryGray"===r||r.startsWith("dash")?e?`background-color: ${t.COLORS.background.inverseLight} !important;`:`background-color: ${t.COLORS.background.brandLight};`:void 0,exports.getColor=(r,n,e,o)=>{if("chip"===n)return o?t.COLORS.content.primary:t.COLORS.content.secondary;switch(r){case"primary":return e?t.COLORS.content.primary:t.COLORS.content.primaryInverse;case"tertiaryGray":case"dashBold":case"dashRegular":return t.COLORS.content.secondary;case"destructive":return t.COLORS.content.primaryInverse;default:return e?t.COLORS.content.primaryInverse:t.COLORS.stroke.brand}},exports.getDashedBorderStyling=function(t,r){let o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:n(t);return`\n\t.line-top {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\theight: 1px;\n\t\twidth: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto right,\n\t\t\t${o},\n\t\t\t${o}\n\t\t\t\t${e(r)}\n\t\t);\n\t}\n\t.line-right {\n\t\tposition: absolute;\n\t\tright: 0;\n\t\ttop: 0;\n\t\twidth: 1px;\n\t\theight: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto bottom,\n\t\t\t${o},\n\t\t\t${o}\n\t\t\t\t${e(r)}\n\t\t);\n\t}\n\t.line-bottom {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\tbottom: 0;\n\t\theight: 1px;\n\t\twidth: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto right,\n\t\t\t${o},\n\t\t\t${o}\n\t\t\t\t${e(r)}\n\t\t);\n\t}\n\t.line-left {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\twidth: 1px;\n\t\theight: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto bottom,\n\t\t\t${o},\n\t\t\t${o}\n\t\t\t\t${e(r)}\n\t\t);\n\t}\n\t`},exports.getDisabledTextColor=r=>r?"rgba(255, 255, 255, 0.5)":t.COLORS.content.inactive,exports.getHoverButtonBackground=(t,r)=>r||"primary"===t?"":"background-color: #000000;\n\t\t\t\topacity: 0.03;",exports.getLinearGradientValue=e,exports.getLoadingBackground=(r,n,e)=>"chip"===n?`background-color: ${t.COLORS.background.base};`:"primary"===r?`background-color: ${e?t.COLORS.background.warning.vibrant:t.COLORS.background.brandLight};`:"destructive"===r?`background-color: ${t.COLORS.background.negative.light};`:"background-color: transparent;",exports.getLoadingBorder=(r,n,e)=>"chip"===n?"border: none;":"secondary"===r?e?`border: 1px solid ${t.COLORS.content.secondary};`:`border: 1px solid ${t.COLORS.stroke.brandLightAlt};`:"",exports.getPadding=(t,r)=>{if("chip"===r)return"4px 8px";if("small"===r)switch(t){case"tertiary":case"tertiaryGray":return"6px 4px";default:return"6px 12px"}else if("medium"===r)switch(t){case"tertiary":case"tertiaryGray":return"10px 4px";default:return"10px 12px"}else if("large"===r)switch(t){case"tertiary":case"tertiaryGray":return"14px 4px";default:return"14px 12px"}};
|
|
@@ -4,4 +4,4 @@
|
|
|
4
4
|
background: ${e=>e.focused&&e.channel===s.CHANNEL_TYPE.EMAIL?c.COLORS.background.warning.light:"transparent"};
|
|
5
5
|
border-radius: 4px;
|
|
6
6
|
padding: 8px 10px;
|
|
7
|
-
`,x={value:"custom_link",label:"Custom URL"},E={value:"custom_text",label:"Custom text"};exports.Container=g,exports.default=a=>{let{onFocus:b,variable:_,index:h,showVariableModal:j,variableList:A}=a;var N;const[P,T]=t.useState(!1),[y,C]=t.useState(""),[L,f]=t.useState([]),[O,S]=t.useState(),[k,V]=t.useState(!1),{device:H,channel:M,isError:q,originalVariableList:
|
|
7
|
+
`,x={value:"custom_link",label:"Custom URL"},E={value:"custom_text",label:"Custom text"};exports.Container=g,exports.default=a=>{let{onFocus:b,variable:_,index:h,showVariableModal:j,variableList:A}=a;var N;const[P,T]=t.useState(!1),[y,C]=t.useState(""),[L,f]=t.useState([]),[O,S]=t.useState(),[k,V]=t.useState(!1),{device:H,channel:M,isError:q,originalVariableList:I,template:w,templateSelectionTriggered:Y,setTemplate:W,setDisplayContent:B,setOriginalVariableList:R,globalNormalizedPlaceholders:U}=v.useTemplateModalContext();function $(e,l){var t,a,n;const i=e;C(""),S(i),M===s.CHANNEL_TYPE.WHATSAPP?"custom_text"!==i.value&&"custom_link"!==i.value?(D(null!==(t=i.value)&&void 0!==t?t:"","string"),null==z||z(null!==(a=_.index)&&void 0!==a?a:0,`[[${i.value}]]`)):(null==z||z(null!==(n=_.index)&&void 0!==n?n:0,_.variableName),D("","url"===i.bikPlaceholderType?"link":"string")):"custom_text"!==i.value&&"custom_link"!==i.value?D(i.value,"url"===i.bikPlaceholderType?"link":"string"):(C(""),D("",i.value))}function D(e,l){var t,a;const n="custom_link"===l?"link":"custom_text"===l?"string":l;if(M!==s.CHANNEL_TYPE.WHATSAPP){const a=p.getVariableNameForEmailByIndex(h+1),i=null===document||void 0===document?void 0:document.getElementById("mobile"===H?"template_html_mobile":"template_html_desktop"),o=M===s.CHANNEL_TYPE.EMAIL?null===(t=null==i?void 0:i.contentWindow)||void 0===t?void 0:t.document.getElementById(a):document.getElementById(a);o&&(o.textContent="custom_text"!==l&&"custom_link"!==l||e?e:_.variableName);const u=I.map(((l,t)=>t===h?Object.assign(Object.assign({},l),{type:n,updatedValue:e}):l));null==R||R(u)}if(M===s.CHANNEL_TYPE.WHATSAPP){const l=null===(a=I.body)||void 0===a?void 0:a.map(((l,t)=>t===h?Object.assign(Object.assign({},l),{type:n,updatedValue:e}):l));null==R||R((e=>Object.assign(Object.assign({},e),{body:l,buttons:I.buttons})))}}function z(e,l){var t;const a=Object.assign({},w),n=null===(t=null==a?void 0:a.components)||void 0===t?void 0:t.map((t=>{var a,n,i,o,u;const s=Object.assign({},t);if("BODY"===t.type&&(null===(n=null===(a=t.example)||void 0===a?void 0:a.body_text)||void 0===n?void 0:n[0])){const t=[...null!==(u=null===(o=null===(i=s.example)||void 0===i?void 0:i.body_text)||void 0===o?void 0:o[0])&&void 0!==u?u:[]];t[e]=l.replace("{{","").replace("}}","").replace("((","").replace("))","");const a=Object.assign(Object.assign({},s.example),{body_text:[t]});return Object.assign(Object.assign({},s),{example:a})}return t}));a.components=n,null==W||W(a)}return t.useEffect((()=>{P&&(null==b||b())}),[P]),t.useEffect((()=>{!function(){var e,l,t,a,n;const i="mobile"===H?"template_html_mobile":"template_html_desktop",o=document.getElementById(i),u=(null!==(a=null===(t=null===(l=null===(e=null==o?void 0:o.contentWindow)||void 0===e?void 0:e.document)||void 0===l?void 0:l.body)||void 0===t?void 0:t.innerHTML)&&void 0!==a?a:"")+(null===(n=null==o?void 0:o.contentWindow)||void 0===n?void 0:n.document.head.innerHTML);M===s.CHANNEL_TYPE.EMAIL&&(null==B||B(u))}()}),[Y]),t.useEffect((()=>{var e;const l=[];let t=[];if(M===s.CHANNEL_TYPE.MESSAGE){const e=null!=U?U:[];f([{label:"",options:[E,x]},...e]),t=[{label:"",options:[E,x]},...e]}else{"link"===(null==_?void 0:_.type)?(l.push({label:"",options:[x,E]}),S(x)):(l.push({label:"",options:[x,E]}),S(E));const e=null!=U?U:[];f([...l,...e.map((e=>{var l,t;return Object.assign(Object.assign({},e),{label:d.default.toCapitilize(null===(t=null===(l=e.label)||void 0===l?void 0:l.replace(/([A-Z])/g," $1"))||void 0===t?void 0:t.toLowerCase())})}))]),t=[...l,...e]}if((M===s.CHANNEL_TYPE.WHATSAPP||M===s.CHANNEL_TYPE.EMAIL||M===s.CHANNEL_TYPE.MESSAGE)&&_.updatedValue)if(u.placeHolderNamePattern.test(_.updatedValue)&&M===s.CHANNEL_TYPE.WHATSAPP||_.updatedValue.startsWith("{{")&&M!==s.CHANNEL_TYPE.WHATSAPP){const e=function(e,l,t){var a;let n={label:"",value:""};const i=t===s.CHANNEL_TYPE.WHATSAPP?e.updatedValue.replace("[[","").replace("]]",""):e.updatedValue.replace("{{","").replace("}}","");j?n={label:e.updatedValue?e.updatedValue.replace("{{","").replace("}}","").trim().replace("."," "):"",value:null!==(a=e.updatedValue)&&void 0!==a?a:""}:l.map((e=>{e.options.map((e=>{var l;(null===(l=e.value)||void 0===l?void 0:l.replace("{{","").replace("}}","").trim())===i.trim()&&(n=e)}))}));return n}(_,t,M);e.value&&S(e)}else(null===(e=_.updatedValue)||void 0===e?void 0:e.startsWith("https"))?(S(x),C(_.updatedValue.split("https://")[1])):(S(E),C(_.updatedValue))}),[]),e.jsxs(g,Object.assign({channel:M,focused:P,onMouseEnter:()=>T(!0),onMouseLeave:()=>T(!1)},{children:[e.jsx("div",Object.assign({style:{marginBottom:8}},{children:e.jsxs(r.BodySecondary,Object.assign({style:{color:q&&!O?c.COLORS.content.negative:c.COLORS.content.primary}},{children:[null===(N=_.variableName)||void 0===N?void 0:N.replace("{{","").replace("}}","")," ","link"===(null==_?void 0:_.type)?"link":"variable"]}))})),e.jsx("div",Object.assign({style:{marginBottom:12}},{children:j?e.jsx(o.Input,{state:"none",value:O?O.label:"Custom text",onChangeText:()=>{},rightIcon:{icon:()=>e.jsx(l.default,{onClick:()=>{V(!k)},width:24,height:24,color:c.COLORS.content.primary})}}):e.jsx(i.Dropdown,{options:L,isSearchable:!1,onSelect:$,defaultOptions:O?[Object.assign(Object.assign({},O),{selected:!0})]:[]})})),("custom_text"===(null==O?void 0:O.value)||"custom_link"===(null==O?void 0:O.value))&&e.jsx(o.Input,{labelText:"custom_text"===(null==O?void 0:O.value)?"Custom text value":"custom_link"===(null==O?void 0:O.value)?"Custom URL value":"",id:`variable-value-${null==O?void 0:O.value}-${h}`,value:y,errorMessage:q?y?"custom_link"!==O.value||m.validateIsUrl(y)?"":"Enter valid URL":"Required field":"",maxCharLimit:"custom_link"===(null==O?void 0:O.value)?void 0:30,prefixText:"custom_link"===(null==O?void 0:O.value)?"https://":"",placeholder:"link"===_.type||"custom_link"===O.value?"Enter custom URL here":"Enter custom text here",onChangeText:e=>function(e,l){var t;C(l);const a="custom_link"===(null==O?void 0:O.value)?`https://${l}`:l;D(a,e),M===s.CHANNEL_TYPE.WHATSAPP&&(null==z||z(null!==(t=_.index)&&void 0!==t?t:0,a))}(O.value,e)}),k&&e.jsx(n.AddVariableV2SideModal,{zIndex:2e3,data:null!=A?A:[],showVariable:k,setShowVariable:V,placeholder:"Add a variable",customTrigger:e=>{"{{custom.url}}"===e.actualValue?$({label:e.displayName,selected:!0,value:"custom_link"}):"{{custom.text}}"==e.actualValue?$({label:e.displayName,selected:!0,value:"custom_text"}):$({label:e.actualValue.replace("{{","").replace("}}","").trim().replace("."," "),selected:!0,value:e.actualValue,bikPlaceholderType:"string"})}})]}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),e=require("@tippyjs/react"),n=require("react"),r=require("./TooltipInternal.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),e=require("@tippyjs/react"),n=require("react"),r=require("./TooltipInternal.js"),i=require("../../constants/Theme.js");function o(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var a=o(e),l=o(n);const p=`\n\t.tippy-content {\n\t\tpadding: 0px;\n\t}\n\t.tippy-arrow {\n\t\tcolor: ${t=>i.COLORS.content.primary};\n\t}\n\t.overflow-wrap-tippy {\n\t\toverflow-wrap: anywhere;\n\t}\n`;exports.Tooltip=e=>l.default.isValidElement(e.children)?t.jsxs(t.Fragment,{children:[t.jsx("style",{children:p}),t.jsx(a.default,Object.assign({appendTo:document.body,className:"overflow-wrap-tippy",placement:e.placement||"right",maxWidth:e.width,animation:"fade",arrow:!0,interactive:!0,delay:e.delay,visible:e.alwaysVisible,content:e.tooltipContent?e.tooltipContent:t.jsx(r.default,{title:e.title,body:e.body,buttonProps:e.buttonProps})},{children:e.children}))]}):null;
|