@bikdotai/bik-component-library 0.0.617 → 0.0.618
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/amplitude/index.js +1 -1
- package/dist/cjs/components/card-selector/CardSelector.d.ts +1 -0
- package/dist/cjs/components/card-selector/CardSelector.js +1 -1
- package/dist/cjs/components/card-selector/CardSelector.styled.d.ts +1 -0
- package/dist/cjs/components/card-selector/CardSelector.styled.js +1 -1
- package/dist/cjs/components/card-selector/CardSelectorGroup.js +1 -1
- package/dist/esm/amplitude/index.js +1 -1
- package/dist/esm/components/card-selector/CardSelector.d.ts +1 -0
- package/dist/esm/components/card-selector/CardSelector.js +1 -1
- package/dist/esm/components/card-selector/CardSelector.styled.d.ts +1 -0
- package/dist/esm/components/card-selector/CardSelector.styled.js +1 -1
- package/dist/esm/components/card-selector/CardSelectorGroup.js +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@amplitude/analytics-browser"),t=require("./model.js");function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,i.get?i:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var i=r(e);class n{constructor(){Object.defineProperty(this,"isInitialized",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(this,"currentUser",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"userProperties",{enumerable:!0,configurable:!0,writable:!0,value:new Map})}static getInstance(){return n.instance||(n.instance=new n),n.instance}isHelperInitialized(){return this.isInitialized}init(e,t,r){this.initAmplitude(r),this.currentUser=t,this.setAmplitudeUser(e.storeId),this.handleUserProperties(e),this.isInitialized=!0}initAmplitude(e){if("undefined"!=typeof window){const t=e;i.init(t,void 0,void 0)}}setAmplitudeUser(e){i.setUserId(e)}trackEvent(e,t){const r=Object.assign(Object.assign({},t),{userId:this.currentUser.id,userRole:this.currentUser.type,storeId:this.currentUser.storeId});i.track(e,r)}handleUserProperties(e){var r,i,n,o,s,a,l,u;const d=new Map,c={storeName:e.storeName,storeUrl:(null===(r=e.storeIntegrationStatus)||void 0===r?void 0:r.partnerStoreDomain)||e.storeUrl,phoneNumber:null==e?void 0:e.phoneNumber,email:e.email,storeCreationDate:null===(n=null===(i=e.createdAt)||void 0===i?void 0:i.toDate())||void 0===n?void 0:n.toISOString(),bikLoginEmail:e.bikLoginEmail||e.email,usageTillNow:(null===(o=null==e?void 0:e.packageInformation)||void 0===o?void 0:o.current)||0,countryCode:e.countryCode,freeTrialActive:(null===(s=null==e?void 0:e.packageInformation)||void 0===s?void 0:s.freeTrialActive)||!1,quotaPerMonth:(null===(a=null==e?void 0:e.packageInformation)||void 0===a?void 0:a.quota)||0,plan:(null===(l=null==e?void 0:e.packageInformation)||void 0===l?void 0:l.planType)||"NA",userType:this.currentUser.type,shopId:(null==e?void 0:e.partnerStore)?null===(u=null==e?void 0:e.partnerStore)||void 0===u?void 0:u.id:"NA"};for(const[e,r]of Object.entries(c))d.set(t.ManifestAmplitudeUserProperties[e],r);this.setUserProperties(d),this.addProperties(d)}addProperties(e){const t=new i.Identify;e.forEach(((e,r)=>{t.set(r,e)})),i.identify(t)}setUserProperties(e){this.userProperties=e}getUserProperties(){return this.userProperties}}exports.AmplitudeEvent=n;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@amplitude/analytics-browser"),t=require("./model.js");function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,i.get?i:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var i=r(e);class n{constructor(){Object.defineProperty(this,"isInitialized",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(this,"currentUser",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"userProperties",{enumerable:!0,configurable:!0,writable:!0,value:new Map})}static getInstance(){return n.instance||(n.instance=new n),n.instance}isHelperInitialized(){return this.isInitialized}init(e,t,r){this.initAmplitude(r),this.currentUser=t||{},this.setAmplitudeUser(e.storeId),this.handleUserProperties(e),this.isInitialized=!0}initAmplitude(e){if("undefined"!=typeof window){const t=e;i.init(t,void 0,void 0)}}setAmplitudeUser(e){i.setUserId(e)}trackEvent(e,t){const r=Object.assign(Object.assign({},t),{userId:this.currentUser.id,userRole:this.currentUser.type,storeId:this.currentUser.storeId});i.track(e,r)}handleUserProperties(e){var r,i,n,o,s,a,l,u;const d=new Map,c={storeName:e.storeName,storeUrl:(null===(r=e.storeIntegrationStatus)||void 0===r?void 0:r.partnerStoreDomain)||e.storeUrl,phoneNumber:null==e?void 0:e.phoneNumber,email:e.email,storeCreationDate:null===(n=null===(i=e.createdAt)||void 0===i?void 0:i.toDate())||void 0===n?void 0:n.toISOString(),bikLoginEmail:e.bikLoginEmail||e.email,usageTillNow:(null===(o=null==e?void 0:e.packageInformation)||void 0===o?void 0:o.current)||0,countryCode:e.countryCode,freeTrialActive:(null===(s=null==e?void 0:e.packageInformation)||void 0===s?void 0:s.freeTrialActive)||!1,quotaPerMonth:(null===(a=null==e?void 0:e.packageInformation)||void 0===a?void 0:a.quota)||0,plan:(null===(l=null==e?void 0:e.packageInformation)||void 0===l?void 0:l.planType)||"NA",userType:this.currentUser.type,shopId:(null==e?void 0:e.partnerStore)?null===(u=null==e?void 0:e.partnerStore)||void 0===u?void 0:u.id:"NA"};for(const[e,r]of Object.entries(c))d.set(t.ManifestAmplitudeUserProperties[e],r);this.setUserProperties(d),this.addProperties(d)}addProperties(e){const t=new i.Identify;e.forEach(((e,r)=>{t.set(r,e)})),i.identify(t)}setUserProperties(e){this.userProperties=e}getUserProperties(){return this.userProperties}}exports.AmplitudeEvent=n;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../constants/Theme.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../constants/Theme.js"),i=require("../spinner/Spinner.js"),l=require("../tooltips/Tooltip.js"),n=require("../TypographyStyle.js"),s=require("./CardSelector.styled.js");const d=l=>e.jsx(e.Fragment,{children:l.loading?e.jsx(s.Loader,{children:e.jsx(i.Spinner,{size:"large"})}):e.jsxs(e.Fragment,{children:[(null==l?void 0:l.icon)&&e.jsx("div",Object.assign({style:{width:24,height:24}},{children:e.jsx(l.icon,{width:24,color:l.selected?t.COLORS.content.brand:l.disabled?t.COLORS.content.inactive:t.COLORS.content.placeholder})})),e.jsxs("div",Object.assign({"data-test":null==l?void 0:l.dataTestId},{children:[l.title&&e.jsx(n.TitleSmall,Object.assign({style:{color:l.selected?t.COLORS.content.brand:l.disabled?t.COLORS.content.inactive:t.COLORS.content.secondary}},{children:l.title})),l.subtitle&&e.jsx(n.BodyCaption,Object.assign({style:{marginTop:l.title?4:0,color:l.selected?t.COLORS.content.brand:l.disabled?t.COLORS.content.inactive:t.COLORS.content.secondary}},{children:l.subtitle}))]}))]})});exports.CardSelector=t=>{var i,n,o,r;return e.jsx(e.Fragment,{children:t.tooltip?e.jsx(l.Tooltip,Object.assign({title:t.tooltip},{children:e.jsx(s.Container,Object.assign({style:{alignItems:t.title&&t.subtitle?"flex-start":"center"},selected:t.selected,disabled:null!==(i=t.disabled)&&void 0!==i&&i,loading:null!==(n=t.loading)&&void 0!==n&&n,onClick:()=>{t.disabled||t.loading||t.onCardClick(t.id)},isTooltipPresent:!!t.tooltip},{children:e.jsx(d,Object.assign({},t))}))})):e.jsx(s.Container,Object.assign({style:{alignItems:t.title&&t.subtitle?"flex-start":"center"},selected:t.selected,disabled:null!==(o=t.disabled)&&void 0!==o&&o,loading:null!==(r=t.loading)&&void 0!==r&&r,onClick:()=>{t.disabled||t.loading||t.onCardClick(t.id)},isTooltipPresent:!!t.tooltip},{children:e.jsx(d,Object.assign({},t))}))})};
|
|
@@ -2,5 +2,6 @@ export declare const Container: import("styled-components").StyledComponent<"div
|
|
|
2
2
|
selected: boolean;
|
|
3
3
|
disabled: boolean;
|
|
4
4
|
loading: boolean;
|
|
5
|
+
isTooltipPresent?: boolean | undefined;
|
|
5
6
|
}, never>;
|
|
6
7
|
export declare const Loader: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
border: 1px solid
|
|
11
11
|
${e=>e.selected?t.COLORS.content.brand:e.disabled?t.COLORS.stroke.primary:t.COLORS.content.inactive};
|
|
12
12
|
:hover {
|
|
13
|
-
background-color: ${e=>e.selected?t.COLORS.background.brandLight:e.disabled||e.loading?t.COLORS.surface.subdued:t.COLORS.surface.hovered};
|
|
13
|
+
background-color: ${e=>e.isTooltipPresent?t.COLORS.surface.subdued:e.selected?t.COLORS.background.brandLight:e.disabled||e.loading?t.COLORS.surface.subdued:t.COLORS.surface.hovered};
|
|
14
14
|
}
|
|
15
15
|
`,n=d.default.div`
|
|
16
16
|
display: flex;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("./CardSelector.js");exports.CardSelectorGroup=i=>e.jsx("div",Object.assign({style:{display:"flex",flexDirection:"vertical"===i.align?"column":"row",gap:i.gap||16}},{children:i.cards.map((l=>e.jsx("div",Object.assign({style:{display:"flex",flex:1}},{children:e.jsx(t.CardSelector,{id:l.id,icon:l.icon,title:l.title,subtitle:l.subtitle,selected:l.selected,onCardClick:i.onClick,loading:l.loading,disabled:l.disabled,dataTestId:l.dataTestId,tooltip:l.tooltip})}),l.id)))}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"@amplitude/analytics-browser";import{ManifestAmplitudeUserProperties as t}from"./model.js";class i{constructor(){Object.defineProperty(this,"isInitialized",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(this,"currentUser",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"userProperties",{enumerable:!0,configurable:!0,writable:!0,value:new Map})}static getInstance(){return i.instance||(i.instance=new i),i.instance}isHelperInitialized(){return this.isInitialized}init(e,t,i){this.initAmplitude(i),this.currentUser=t,this.setAmplitudeUser(e.storeId),this.handleUserProperties(e),this.isInitialized=!0}initAmplitude(t){if("undefined"!=typeof window){const i=t;e.init(i,void 0,void 0)}}setAmplitudeUser(t){e.setUserId(t)}trackEvent(t,i){const r=Object.assign(Object.assign({},i),{userId:this.currentUser.id,userRole:this.currentUser.type,storeId:this.currentUser.storeId});e.track(t,r)}handleUserProperties(e){var i,r,o,n,s,a,l,d;const u=new Map,c={storeName:e.storeName,storeUrl:(null===(i=e.storeIntegrationStatus)||void 0===i?void 0:i.partnerStoreDomain)||e.storeUrl,phoneNumber:null==e?void 0:e.phoneNumber,email:e.email,storeCreationDate:null===(o=null===(r=e.createdAt)||void 0===r?void 0:r.toDate())||void 0===o?void 0:o.toISOString(),bikLoginEmail:e.bikLoginEmail||e.email,usageTillNow:(null===(n=null==e?void 0:e.packageInformation)||void 0===n?void 0:n.current)||0,countryCode:e.countryCode,freeTrialActive:(null===(s=null==e?void 0:e.packageInformation)||void 0===s?void 0:s.freeTrialActive)||!1,quotaPerMonth:(null===(a=null==e?void 0:e.packageInformation)||void 0===a?void 0:a.quota)||0,plan:(null===(l=null==e?void 0:e.packageInformation)||void 0===l?void 0:l.planType)||"NA",userType:this.currentUser.type,shopId:(null==e?void 0:e.partnerStore)?null===(d=null==e?void 0:e.partnerStore)||void 0===d?void 0:d.id:"NA"};for(const[e,i]of Object.entries(c))u.set(t[e],i);this.setUserProperties(u),this.addProperties(u)}addProperties(t){const i=new e.Identify;t.forEach(((e,t)=>{i.set(t,e)})),e.identify(i)}setUserProperties(e){this.userProperties=e}getUserProperties(){return this.userProperties}}export{i as AmplitudeEvent};
|
|
1
|
+
import*as e from"@amplitude/analytics-browser";import{ManifestAmplitudeUserProperties as t}from"./model.js";class i{constructor(){Object.defineProperty(this,"isInitialized",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(this,"currentUser",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"userProperties",{enumerable:!0,configurable:!0,writable:!0,value:new Map})}static getInstance(){return i.instance||(i.instance=new i),i.instance}isHelperInitialized(){return this.isInitialized}init(e,t,i){this.initAmplitude(i),this.currentUser=t||{},this.setAmplitudeUser(e.storeId),this.handleUserProperties(e),this.isInitialized=!0}initAmplitude(t){if("undefined"!=typeof window){const i=t;e.init(i,void 0,void 0)}}setAmplitudeUser(t){e.setUserId(t)}trackEvent(t,i){const r=Object.assign(Object.assign({},i),{userId:this.currentUser.id,userRole:this.currentUser.type,storeId:this.currentUser.storeId});e.track(t,r)}handleUserProperties(e){var i,r,o,n,s,a,l,d;const u=new Map,c={storeName:e.storeName,storeUrl:(null===(i=e.storeIntegrationStatus)||void 0===i?void 0:i.partnerStoreDomain)||e.storeUrl,phoneNumber:null==e?void 0:e.phoneNumber,email:e.email,storeCreationDate:null===(o=null===(r=e.createdAt)||void 0===r?void 0:r.toDate())||void 0===o?void 0:o.toISOString(),bikLoginEmail:e.bikLoginEmail||e.email,usageTillNow:(null===(n=null==e?void 0:e.packageInformation)||void 0===n?void 0:n.current)||0,countryCode:e.countryCode,freeTrialActive:(null===(s=null==e?void 0:e.packageInformation)||void 0===s?void 0:s.freeTrialActive)||!1,quotaPerMonth:(null===(a=null==e?void 0:e.packageInformation)||void 0===a?void 0:a.quota)||0,plan:(null===(l=null==e?void 0:e.packageInformation)||void 0===l?void 0:l.planType)||"NA",userType:this.currentUser.type,shopId:(null==e?void 0:e.partnerStore)?null===(d=null==e?void 0:e.partnerStore)||void 0===d?void 0:d.id:"NA"};for(const[e,i]of Object.entries(c))u.set(t[e],i);this.setUserProperties(u),this.addProperties(u)}addProperties(t){const i=new e.Identify;t.forEach(((e,t)=>{i.set(t,e)})),e.identify(i)}setUserProperties(e){this.userProperties=e}getUserProperties(){return this.userProperties}}export{i as AmplitudeEvent};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,Fragment as t,jsxs as
|
|
1
|
+
import{jsx as e,Fragment as t,jsxs as i}from"react/jsx-runtime";import{COLORS as l}from"../../constants/Theme.js";import{Spinner as n}from"../spinner/Spinner.js";import{Tooltip as o}from"../tooltips/Tooltip.js";import{TitleSmall as d,BodyCaption as s}from"../TypographyStyle.js";import{Container as c,Loader as r}from"./CardSelector.styled.js";const a=i=>{var l,n,d,s;return e(t,{children:i.tooltip?e(o,Object.assign({title:i.tooltip},{children:e(c,Object.assign({style:{alignItems:i.title&&i.subtitle?"flex-start":"center"},selected:i.selected,disabled:null!==(l=i.disabled)&&void 0!==l&&l,loading:null!==(n=i.loading)&&void 0!==n&&n,onClick:()=>{i.disabled||i.loading||i.onCardClick(i.id)},isTooltipPresent:!!i.tooltip},{children:e(b,Object.assign({},i))}))})):e(c,Object.assign({style:{alignItems:i.title&&i.subtitle?"flex-start":"center"},selected:i.selected,disabled:null!==(d=i.disabled)&&void 0!==d&&d,loading:null!==(s=i.loading)&&void 0!==s&&s,onClick:()=>{i.disabled||i.loading||i.onCardClick(i.id)},isTooltipPresent:!!i.tooltip},{children:e(b,Object.assign({},i))}))})},b=o=>e(t,{children:o.loading?e(r,{children:e(n,{size:"large"})}):i(t,{children:[(null==o?void 0:o.icon)&&e("div",Object.assign({style:{width:24,height:24}},{children:e(o.icon,{width:24,color:o.selected?l.content.brand:o.disabled?l.content.inactive:l.content.placeholder})})),i("div",Object.assign({"data-test":null==o?void 0:o.dataTestId},{children:[o.title&&e(d,Object.assign({style:{color:o.selected?l.content.brand:o.disabled?l.content.inactive:l.content.secondary}},{children:o.title})),o.subtitle&&e(s,Object.assign({style:{marginTop:o.title?4:0,color:o.selected?l.content.brand:o.disabled?l.content.inactive:l.content.secondary}},{children:o.subtitle}))]}))]})});export{a as CardSelector};
|
|
@@ -2,5 +2,6 @@ export declare const Container: import("styled-components").StyledComponent<"div
|
|
|
2
2
|
selected: boolean;
|
|
3
3
|
disabled: boolean;
|
|
4
4
|
loading: boolean;
|
|
5
|
+
isTooltipPresent?: boolean | undefined;
|
|
5
6
|
}, never>;
|
|
6
7
|
export declare const Loader: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
@@ -10,7 +10,7 @@ import e from"styled-components";import{COLORS as d}from"../../constants/Theme.j
|
|
|
10
10
|
border: 1px solid
|
|
11
11
|
${e=>e.selected?d.content.brand:e.disabled?d.stroke.primary:d.content.inactive};
|
|
12
12
|
:hover {
|
|
13
|
-
background-color: ${e=>e.selected?d.background.brandLight:e.disabled||e.loading?d.surface.subdued:d.surface.hovered};
|
|
13
|
+
background-color: ${e=>e.isTooltipPresent?d.surface.subdued:e.selected?d.background.brandLight:e.disabled||e.loading?d.surface.subdued:d.surface.hovered};
|
|
14
14
|
}
|
|
15
15
|
`,r=e.div`
|
|
16
16
|
display: flex;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as
|
|
1
|
+
import{jsx as i}from"react/jsx-runtime";import{CardSelector as e}from"./CardSelector.js";const t=t=>i("div",Object.assign({style:{display:"flex",flexDirection:"vertical"===t.align?"column":"row",gap:t.gap||16}},{children:t.cards.map((l=>i("div",Object.assign({style:{display:"flex",flex:1}},{children:i(e,{id:l.id,icon:l.icon,title:l.title,subtitle:l.subtitle,selected:l.selected,onCardClick:t.onClick,loading:l.loading,disabled:l.disabled,dataTestId:l.dataTestId,tooltip:l.tooltip})}),l.id)))}));export{t as CardSelectorGroup};
|