npm - @bikdotai/bik-widgets - Versions diffs - 1.0.0 → 1.0.1 - Mend

@bikdotai/bik-widgets 1.0.0 → 1.0.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.

Files changed (319) hide show

package/src/index.html DELETED Viewed

@@ -1,30 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <style></style>
-    <meta charset="utf-8" />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1"
-    />
-    <meta name="theme-color" content="#000000" />
-    <title>Bik widgets dev</title>
-    <script
-      type="text/javascript"
-      async
-      href="https://api.staging.bik.ai/bik-widgets/bap/sumesh/vendor.js"
-    ></script>
-    <script
-      type="text/javascript"
-      async
-      href="https://api.staging.bik.ai/bik-widgets/bap/sumesh/singleButtonRedirection.js"
-    ></script>
-  </head>
-  <body>
-    <noscript> You need to enable JavaScript to run this app. </noscript>
-    <div id="root">
-      <!-- This div is where our app will run -->
-    </div>
-  </body>
-</html>

package/src/index.ts DELETED Viewed

@@ -1,32 +0,0 @@
-export { default as Fab } from './components/Fab';
-export type { IFab } from './components/Fab';
-export { IconSvg } from './components/Fab';
-export { default as CentrallyAlignedModal } from './widgets/CentrallyAlignedPopup/modal';
-export type { ICentrallyAlignedModal } from './widgets/CentrallyAlignedPopup/modal';
-export { default as BottomDrawerModal } from './widgets/BottomDrawer/modal';
-export type { IBottomDrawerModal } from './widgets/BottomDrawer/modal';
-export { default as SingleButtonRedirection } from './widgets/SingleButtonRedirection';
-export type { ISingleButtonRedirection } from './widgets/SingleButtonRedirection';
-export { default as Wheel } from './widgets/STW/wheel';
-// STW user details screen (aka "UserInputs" in MF exposes)
-export { default as UserInputs } from './widgets/STW/userDetails';
-export type { IUserInputs, IPhoneInput, IEmailInput } from './widgets/STW/userDetails';
-export { default as CouponDetails } from './widgets/STW/couponDetails';
-export { default as STW2 } from './widgets/STW/stw2Pages/stw2';
-export { default as ScratchCardModal } from './widgets/ScratchCard/modal';
-export type { IScratchCardModal } from './widgets/ScratchCard/modal';
-export { default as DirectReward } from './widgets/DirectReward/directReward';
-export { default as CaptivateBanner } from './widgets/CaptivateBanner/captivateBanner';
-export { default as ShopifyForm } from './widgets/ShopifyForm/shopifyForm';
-export { SCREENS } from './widgets/ShopifyForm/shopifyForm';

package/src/index.tsx DELETED Viewed

	@@ -1 +0,0 @@
1	- import('./bootstrap');

package/src/repo/widgetRepo.ts DELETED Viewed

@@ -1,21 +0,0 @@
-export class WidgetRepo {
-  async sendWidgetEvent(
-    event: string,
-    env: string,
-    widgetId: string,
-    eventProperties?: {},
-  ) {
-    fetch(`${env}/publicApiFunctions-sendWidgetEvent`, {
-      method: 'POST',
-      headers: {
-        Accept: 'application/json',
-        'Content-Type': 'application/json',
-      },
-      body: JSON.stringify({
-        widgetId: widgetId,
-        event,
-        eventProperties,
-      }),
-    }).then();
-  }
-}

package/src/types/customFields.ts DELETED Viewed

@@ -1,73 +0,0 @@
-export interface CustomField {
-  id: number;
-  storeId: string;
-  fieldName: string;
-  fieldType:
-    | 'single_line'
-    | 'multi_line'
-    | 'number'
-    | 'checkbox'
-    | 'date'
-    | 'date_time'
-    | 'dropdown'
-    | 'multiselect_dropdown';
-  options: string[];
-}
-export interface CustomFieldsConfig {
-  mandatory: CustomField[];
-  optional: CustomField[];
-}
-export type CustomFieldValue = string | string[] | boolean | number | null;
-export interface CustomFieldsData {
-  [fieldId: number]: CustomFieldValue;
-}
-export interface CustomFieldError {
-  [fieldId: number]: string | null;
-}
-export interface UserFieldDetails {
-  value: string | null | boolean;
-  countryCodeData?: {
-    dial: string;
-    code: string;
-    code3: string;
-  };
-  showComponent?: boolean;
-  error: string | null;
-}
-export interface UserFields {
-  isWhatsapp: UserFieldDetails;
-  isSms: UserFieldDetails;
-  isEmail: UserFieldDetails;
-  isPolicyChecked: UserFieldDetails;
-  customFields?: CustomFieldsData;
-}
-// Validation types
-export interface CustomFieldValidationResult {
-  isValid: boolean;
-  errors: CustomFieldError;
-}
-export enum LEAD_GENERATION_CHANNELS {
-  EMAIL = 'email',
-  SMS = 'sms',
-  WHATSAPP = 'whatsapp',
-}
-// Form submission payload types
-export interface ChannelInfo {
-  channel: LEAD_GENERATION_CHANNELS & 'customFields';
-  value: string | boolean | number;
-  customFieldId?: number;
-}
-export interface FormSubmissionPayload {
-  primaryInfo: ChannelInfo[];
-  secondaryInfo: ChannelInfo[];
-}

package/src/utilities/cookie.ts DELETED Viewed

@@ -1,70 +0,0 @@
-import { WidgetRepo } from '../repo/widgetRepo';
-export class CookieUtils {
-  widgetRepo: WidgetRepo;
-  d = new Date();
-  constructor() {
-    this.widgetRepo = new WidgetRepo();
-  }
-  setCookie(cname: string, cvalue: string, exdays: number) {
-    this.d.setTime(this.d.getTime() + exdays * 24 * 60 * 60 * 1000);
-    let expires = 'expires=' + this.d.toUTCString();
-    document.cookie = cname + '=' + cvalue + ';' + expires + ';path=/';
-  }
-  getCookie(name) {
-    let cookies;
-    cookies = document.cookie
-      .split(';')
-      .map(cookie => cookie.split('='))
-      .reduce(
-        (accumulator, [key, value]) => ({
-          ...accumulator,
-          [key.trim()]: decodeURIComponent(value),
-        }),
-        {},
-      );
-    return cookies[name];
-  }
-  cookieProcessor(
-    cookieName,
-    cookieValue,
-    eventName,
-    expiry,
-    env,
-    id,
-    eventProperties?: any,
-  ) {
-    this.setCookie(cookieName, cookieValue, expiry);
-    this.widgetRepo.sendWidgetEvent(eventName, env, id, eventProperties).then();
-  }
-  cookieClickHandler(
-    cookieName,
-    cookieValue,
-    eventN,
-    exDay,
-    env,
-    id,
-    eventProperties?: any,
-  ) {
-    if (this.getCookie(cookieName) !== cookieValue) {
-      this.cookieProcessor(
-        cookieName,
-        cookieValue,
-        eventN,
-        exDay,
-        env,
-        id,
-        eventProperties,
-      );
-    }
-  }
-  addItemInLocalStorage(key, value) {
-    localStorage.setItem(key, JSON.stringify(value));
-  }
-}

package/src/utilities/customFieldTypeMapping.ts DELETED Viewed

@@ -1,67 +0,0 @@
-import { CustomField } from '../types/customFields';
-export const CUSTOM_FIELDS = 'customFields';
-export interface CustomFieldsI {
-  id: number;
-  storeId: string;
-  fieldName: string;
-  aliasName?: string;
-  dataType?: string;
-  fieldType: string;
-  options: string[];
-  isVisible?: boolean;
-  createdAt?: string;
-  updatedAt?: string;
-}
-export const mapCustomFields = (
-  customFields: (CustomFieldsI | Record<string, unknown>)[] | undefined,
-): CustomField[] => {
-  if (!customFields || !Array.isArray(customFields)) {
-    return [];
-  }
-  return customFields.map((field: CustomFieldsI | Record<string, unknown>) => {
-    return {
-      id: field.id as number,
-      storeId: field.storeId as string,
-      fieldName: field.fieldName as string,
-      fieldType: field.fieldType as CustomField['fieldType'],
-      options: (field.options as string[]) || [],
-    };
-  });
-};
-export const isCustomField = (field: unknown): field is CustomField => {
-  return (
-    field &&
-    typeof field === 'object' &&
-    typeof (field as Record<string, unknown>).id === 'number' &&
-    typeof (field as Record<string, unknown>).storeId === 'string' &&
-    typeof (field as Record<string, unknown>).fieldName === 'string' &&
-    typeof (field as Record<string, unknown>).fieldType === 'string' &&
-    Array.isArray((field as Record<string, unknown>).options)
-  );
-};
-export const areCustomFields = (fields: unknown[]): fields is CustomField[] => {
-  return Array.isArray(fields) && fields.every(isCustomField);
-};
-export const getCustomFieldsFromConfig = (
-  config: Record<string, unknown>,
-  type: 'mandatory' | 'optional',
-): CustomField[] => {
-  let fields;
-  if (type === 'mandatory') {
-    fields = (config?.mandatoryOption as Record<string, unknown>)?.customFields;
-  } else {
-    fields = (config?.optionalOptions as Record<string, unknown>)?.customFields;
-  }
-  return mapCustomFields(
-    fields as (CustomFieldsI | Record<string, unknown>)[] | undefined,
-  );
-};

package/src/utilities/customFieldValidation.ts DELETED Viewed

@@ -1,201 +0,0 @@
-import {
-  CustomField,
-  CustomFieldsData,
-  CustomFieldError,
-  CustomFieldValidationResult,
-  CustomFieldValue,
-} from '../types/customFields';
-export const validateField = (
-  field: CustomField,
-  value: CustomFieldValue,
-  isRequired: boolean,
-): string | null => {
-  if (field.fieldType === 'checkbox') {
-    return null;
-  }
-  if (isRequired) {
-    if (
-      value === null ||
-      value === undefined ||
-      (typeof value === 'string' && value.trim() === '') ||
-      (Array.isArray(value) && value.length === 0)
-    ) {
-      return `${field.fieldName} is required`;
-    }
-  }
-  switch (field.fieldType) {
-    case 'number': {
-      const numValue = Number(value);
-      if (isNaN(numValue)) {
-        return `${field.fieldName} must be a valid number`;
-      }
-      break;
-    }
-    case 'single_line':
-      if (typeof value === 'string' && value.length > 50) {
-        return `${field.fieldName} must be 50 characters or less`;
-      }
-      break;
-    case 'multi_line':
-      if (typeof value === 'string' && value.length > 500) {
-        return `${field.fieldName} must be 500 characters or less`;
-      }
-      break;
-    case 'dropdown':
-      if (value && !field.options.includes(value as string)) {
-        return `${field.fieldName} must be one of the available options`;
-      }
-      break;
-    case 'multiselect_dropdown':
-      if (Array.isArray(value)) {
-        const invalidOptions = value.filter(v => !field.options.includes(v));
-        if (invalidOptions.length > 0) {
-          return `${field.fieldName} contains invalid options`;
-        }
-      }
-      break;
-    case 'date':
-    case 'date_time':
-      if (value && typeof value === 'string') {
-        const date = new Date(value);
-        if (isNaN(date.getTime())) {
-          return `${field.fieldName} must be a valid date`;
-        }
-      }
-      break;
-  }
-  return null;
-};
-export const validateCustomFields = (
-  mandatoryFields: CustomField[],
-  optionalFields: CustomField[],
-  customFieldsData: CustomFieldsData = {},
-): CustomFieldValidationResult => {
-  const errors: CustomFieldError = {};
-  let isValid = true;
-  mandatoryFields.forEach(field => {
-    const error = validateField(field, customFieldsData[field.id], true);
-    if (error) {
-      errors[field.id] = error;
-      isValid = false;
-    }
-  });
-  optionalFields.forEach(field => {
-    const value = customFieldsData[field.id];
-    if (value !== null && value !== undefined && value !== '') {
-      const error = validateField(field, value, false);
-      if (error) {
-        errors[field.id] = error;
-        isValid = false;
-      }
-    }
-  });
-  return { isValid, errors };
-};
-export const getFieldTypeErrorMessage = (fieldType: string): string => {
-  const messages = {
-    single_line: 'Please enter valid text',
-    multi_line: 'Please enter valid text',
-    number: 'Please enter a valid number',
-    checkbox: 'Please check this field',
-    date: 'Please enter a valid date',
-    date_time: 'Please enter a valid date and time',
-    dropdown: 'Please select an option',
-    multiselect_dropdown: 'Please select at least one option',
-  };
-  return messages[fieldType] || 'Please enter a valid value';
-};
-export const sanitizeValue = (
-  field: CustomField,
-  value: CustomFieldValue,
-): CustomFieldValue => {
-  switch (field.fieldType) {
-    case 'single_line':
-    case 'multi_line':
-      return typeof value === 'string' ? value.trim() : '';
-    case 'number': {
-      if (value === '' || value === null || value === undefined) {
-        return null;
-      }
-      const numValue = Number(value);
-      return isNaN(numValue) ? null : numValue;
-    }
-    case 'checkbox':
-      return Boolean(value);
-    case 'dropdown':
-      return typeof value === 'string' ? value : null;
-    case 'multiselect_dropdown':
-      return Array.isArray(value) ? value : [];
-    case 'date':
-    case 'date_time':
-      return typeof value === 'string' ? value : '';
-    default:
-      return value;
-  }
-};
-export const getDefaultCustomFieldValue = (
-  fieldType: string,
-): CustomFieldValue => {
-  switch (fieldType) {
-    case 'checkbox':
-      return false;
-    case 'multiselect_dropdown':
-      return [];
-    case 'number':
-      return null;
-    default:
-      return '';
-  }
-};
-export const formatCustomFieldValue = (
-  field: CustomField,
-  value: CustomFieldValue,
-): string => {
-  if (value === null || value === undefined) {
-    return '';
-  }
-  switch (field.fieldType) {
-    case 'checkbox':
-      return value ? 'Yes' : 'No';
-    case 'multiselect_dropdown':
-      return Array.isArray(value) ? value.join(', ') : '';
-    case 'date':
-      if (typeof value === 'string' && value) {
-        const date = new Date(value);
-        return date.toLocaleDateString();
-      }
-      return '';
-    case 'date_time':
-      if (typeof value === 'string' && value) {
-        const date = new Date(value);
-        return date.toLocaleString();
-      }
-      return '';
-    default:
-      return String(value);
-  }
-};

package/src/utilities/encryption.ts DELETED Viewed

@@ -1,21 +0,0 @@
-export function encryptBikData(data: string) {
-  const key = 'phaedrus';
-  let encryptedData = '';
-  for (let i = 0; i < data.length; i++) {
-    encryptedData += String.fromCharCode(
-      data.charCodeAt(i) ^ key.charCodeAt(i % key.length),
-    );
-  }
-  return encryptedData;
-}
-export function decryptBikData(encryptedData: string) {
-  const key = 'phaedrus';
-  let decryptedData = '';
-  for (let i = 0; i < encryptedData.length; i++) {
-    decryptedData += String.fromCharCode(
-      encryptedData.charCodeAt(i) ^ key.charCodeAt(i % key.length),
-    );
-  }
-  return decryptedData;
-}

package/src/utilities/exitIntentUtils.ts DELETED Viewed

@@ -1,31 +0,0 @@
-interface ExitIntentTriggers {
-  exitIntentFastUpScroll?: boolean | null;
-  exitIntentTimeDelay?: number | null;
-}
-interface ShouldShowExitIntentProps {
-  visiblePages: string[];
-  currentLocation: string;
-  currentPathname: string;
-  isMobileDevice: boolean;
-  triggers: ExitIntentTriggers;
-}
-export const shouldShowExitIntent = ({
-  visiblePages,
-  currentLocation,
-  currentPathname,
-  isMobileDevice,
-  triggers,
-}: ShouldShowExitIntentProps): boolean => {
-  const isPageVisible =
-    visiblePages.includes('/*') ||
-    visiblePages.includes(currentLocation) ||
-    visiblePages.some(page => currentPathname.startsWith(page));
-  const hasTriggerConditions =
-    (isMobileDevice && triggers?.exitIntentFastUpScroll) ||
-    Boolean(triggers?.exitIntentTimeDelay);
-  return isPageVisible && hasTriggerConditions;
-};

package/src/utilities/global.css DELETED Viewed

@@ -1,11 +0,0 @@
-.bik-widget__outer-wrapper p {
-  padding: 0;
-  margin: 0;
-  box-sizing: border-box;
-  color: unset;
-}
-.bik-widget__outer-wrapper strong,
-b {
-  font-weight: 600;
-}