Commerce Shared React Utils

import { getClientIdDynamically } from '@broadleaf/commerce-shared-react';

const applicationToken = 'my-application-token';

(async function initialize() {
  try {
    const { clientId } = await getClientIdDynamically(applicationToken);
    console.log('Client ID', clientId);
  } catch (e) {
    console.error(
      "Unable to retrieve authorized client details dynamically. Alternatively, you can provide a client ID explicitly and use 'static' client discovery.",
      e
    );
  }
})();

import { isCsrSelf } from '@broadleaf/commerce-shared-react';

const token = {
  impersonating_self: true
};

const isSelf = isCsrSelf(token);
console.log('isSelf', isSelf);

import { isCsr } from '@broadleaf/commerce-shared-react';

const token = {
  csr_sub: '1234567890',
};

const isCsr = isCsr(token);
console.log('isCsr', isCsr);

import { isAnonymousCsr } from '@broadleaf/commerce-shared-react';

const token = {
  csr_anonymous: true,
};

const isAnonymousCsr = isAnonymousCsr(token);
console.log('isAnonymousCsr', isAnonymousCsr);

import { hasImageParams } from '@broadleaf/commerce-shared-react';

const url = 'https://www.mycompany.com/green-ghost-primary.png?thumbnail=true'
const hasParams = hasImageParams(url);

console.log(hasParams);

import { resizeImageWithParam } from '@broadleaf/commerce-shared-react';

const url = 'https://www.mycompany.com/green-ghost-primary.png'
const urlWithParams = resizeImageWithParam(url, 'thumbnail', 'https://localhost:8456');

console.log(urlWithParams);

import { getLocationState } from '@broadleaf/commerce-shared-react';

const req = {
  headers : {
    host: 'localhost:3000',
    'x-forwarded-host': 'localhost:3000',
    'x-forwarded-proto': 'https',
    'x-forwarded-port': '443'
  }
};
const locationState = getLocationState(req);
console.log('locationState', locationState);

import { getPreviewOptionsFromCookie } from '@broadleaf/commerce-shared-react';

const request = {
  headers: {
    cookie: 'blSandboxPreview="{\"sandboxId\"=\"123\",\"token\"=\"abc123\", \"previewDate\"=\"2023-10-01T00:00:00Z\"}"'
  }
};

const previewOptions = getPreviewOptionsFromCookie(request);
console.log('previewOptions', previewOptions);

import { getTimeLeftSeconds } from '@broadleaf/commerce-shared-react';

const timeLeftSeconds = getTimeLeftSeconds('2023-10-01T00:00:00Z');
console.log('timeLeftSeconds', timeLeftSeconds);

import { defaultGetUrlQuery } from '@broadleaf/commerce-shared-react';

const params = defaultGetUrlQuery();
console.log('params', params);